MrQwest

Weekly links #2

I’ve received some good feedback from the first Weekly Links post which is nice as it now makes me want to continue. I can imagine it’ll soon become a time-sink but it helps me get through my Pocket list and also share some quality resources. Things might get a little erratic but I do want to keep posting these links!

I’ve also broken them down into sections to make it a little easier…

HTML

The NN Group have posted an article on Keyboard-Only Navigation which gives some great examples of making your site accessible to those who only use keyboards. Well worth a read.

Speaking of accessibility, here’s some tips on creating an accessible colour palette from Stéphanie Walter.

If you’re building an ecommerce store, I hope you’re making it responsive

Lists perform better than grids according to Prismatic. I can see how that’d work.

Mark Dotto wrote an insightful response regarding his Bootstrap framework – Dream On

CSS

There’s a nifty little trick on CSS-Tricks for creating that frosted glass effect using CSS FIlters

The Magic of CSS from Adam Schwartz is a nice little site with some very comprehensive articles on subjects like layout, colour, typography and how to work it with CSS!

CSS Animations have also wowed me but I’ve never actually sat down and spent some quality time playing with and learning it’s ins & outs. Designmodo have published an article on how to use steps() in animation.

Sticking to the same lines as CSS animations, here’s a great article on Understanding CSS 3D transforms – it’s little details that can be created using animations and transforms that I really love about CSS.

Speaking of which, check out this great article on Motion UI Design Principles. Not strictly front end but more UX. The devil is in the detail

Still looking at Flexbox? Here’s a Flexbox in 5 Minutes interactive tour.

Here’s a nice write up on OOCSS (Object-orientated CSS) from appendTo(), which is nicely followed by a post from Harry Roberts on Naming UI Components in OOCSS

A List Apart have a great article on Creating Style Guides this week. Speaking of Style Guides, Anna Debenham wrote a Pocket Guide for Five Simple Steps which you can now buy for £2 directly from Anna. That’s an insta-buy if you ask me!

That dude Elliot Jay Stocks wrote some great articles on web type whilst preparing for a talk a few years ago (1, 2, 3, 4). This week, he has re-visited these articles and brought them up to date for todays websites. Advanced Web Typography Responsive Web Typography / Justification & Hyphenation / Kerning / A Recap on OpenType Features

Sass

Onto Sass and Hugo Giraudel has a great use case for Sass-lists

SCSS-Lint is a great way to check your Sass files for errors using Grunt.

Performance

Performance is a hot topic at the moment and there’s many articles floating around with tips and tricks on making your sites faster and smaller. The DevBridge group have a nice write up on just that – Need for Speed

JS/jQuery

The jQuery team have made a post about browser support in jQuery 1.12 now that Microsoft are ending Windows XP support this month.

Tuts+ have produced a free video course for learning AngularJS entitled Hands-on Angular

If Web Components, and more specifically, Polymer is your bag, then this Polymer Element Boilerplate is for you. Don’t know much about Web Components or Polymer?? (I know nothing!) then these links are helpful! Using Polymer to Create Web Components and a list of Web Component Resources

Meteor is one of those frameworks that I’ve wanted to look at. My JS isn’t up to scratch though. Handily, Sacha Greif wrote A Javascript Primer for Meteor“So today, let’s take a look at the absolute minimum amount of JavaScript you need to know to learn Meteor.” – Hurrah!

AOB

RegEx to me is like magic. A bunch of random characters thrown together to produce results. Of course, it isn’t actually magic but it feels like it. RegExr is a new tool to help you learn, build & test with Regular Expressions.

New York once had a Typography district — how sweet is that? /ht Tobias Frere-Jones

Speaking of type, Beautiful Web Type is a collection of beautiful fonts found on the Google webfonts service.

And another type related link, NewYorkNumbers is an Instagram feed of numbers found on the streets and facades of New York buildings.

Last week, I posted a resource for HTML emails, this week, we’ve got Responsive Email Patterns which is a list of patterns in use for responsive emails (who’da thought?).

The Start is a podcast focused on creative individuals and their growth in the industry, from the very beginning.

That awesome New Zealand based web conference, Webstock have made the videos from Webstock ’14 available online.

Also, during last week, Mark Boulton announced that his company, Mark Boulton Design had been acquired by Monotype. Awesome news! However, this news also brought sadness. FiveSimpleSteps has closed its doors. The team at FSS have launched Creating eBooks though, a one stop resource (including epub templates) for releasing your own ebooks. Thanks guys!

Friends, James Young and Chad Tomkiss have launched StartSoon, a niche job board for urgent jobs. Jobs are only ‘live’ for 7 days before they disappear. Looks to be a great resource, and I can see it being especially beneficial when a client of yours drops out a few days before your project kicks off and you want to fill that time with something more worthwhile than xbox!

Fin

And that’s the round up for Week 2. That’s an awful lot of links right? I should probably look at those and trim it down some for next time. If you’ve got any thoughts or feedback, drop me a tweet @mrqwest

Comments

  • 17 Apr 2014 11:29:08

    Awesome job with the weekly links. Will be following your blog for more.
    Looking forward to more in the series.

    PS: been more then a week since the last one.

Leave a comment