Web Design: SitePoint Front-end: Hair Today, Gone Tomorrow

Tuesday, January 23, 2018

SitePoint Front-end: Hair Today, Gone Tomorrow

Hot Align Bling

Front-end Tools

CSS Reference [cssreference] is a free, visual guide to CSS.

And a cheatsheet for managing CSS alignment [patrickbrosset].

SurveyJS [hackernoon] is an open source JavaScript library for running surveys - with versions for Angular 2, React, Vue, jQuery and Knockout.

Like a Bos

Front-end Resources and Tutorials

This week the always-amazing Wes Bos released a new - completely free, courtesy of Mozilla’s sponsorship - CSS Grid course [cssgrid].

FYI - Wes has plenty of other awesome courses, Learn Node [learnnode] and ES6 for Everyone [es6.io] for example. If you'd like a discount, enter the coupon SITEPOINT for 25% off and help support us too!

An intro to the new Dialog HTML element [keithjgrant].

A guide to creating an (awesome) re-usable Loading React component [codeburst], based on the great ones the Meteor Development Group have.

And some help in understanding sizing in CSS layout [smashingmagazine].

Hair Today, Gone Tomorrow

Fun stuff

A shoe company really went outside the box with this move: a fake strand of hair on an Instagram ad tricked people into swiping [medium/shanghaist]. How long until this is a widespread Tinder technique?

Finally, all the sound effects you’ll ever need [kapwing]. Chewie’s there, and Kendrick Lamar’s “My Left Stroke Just Went Viral”, but I would’ve also added The Wilhelm Scream [wikipedia] as an error alert.

There's your front-end hit for the week! I'll have some more for you next week, until then I'll be quickly watching everything Wes Bos has ever produced. He's a legend. Also - watching every film featuring the Wilhelm Scream. I'll be busy! See ya next week.