Web Design: A Recap of All Things Front-end in 2017

Wednesday, December 13, 2017

A Recap of All Things Front-end in 2017

Hi there!

This is the first edition of our new-look SitePoint Front-end Newsletter! I've searched SitePoint and the wider web for stuff you'll (hopefully) find useful or enjoy. I've kept things pretty simple for now - we've got four sections: "tools", "resources", "tutorials" and "fun stuff".

Hopefully there's more than one great link for you in each section, but let me know if there isn't by replying to this email.

While I have you: if you like, you can jump on our other revamped email lists and start receiving our other newsletters - Design/UX, Back-end, and Versioning - as well! I highly recommend doing that, but I may be slightly biased.

Click here to do that thing.

That's all from me for now, enjoy the edition!

- Adam

Front-end Tools

(Tools, apps, frameworks and other cool stuff you can use now)

The Front-End Checklist, an app you can use make sure you’re building your site the right way [github/thedaviddias].

React Food Truck [burkeknowswords] is a curated set of extensions for React devs who happen to use Visual Studio Code.

lit-html [github/polymerlabs] lets you write HTML templates with JavaScript template literals.

Epic-Spinners [github/epicmaxco] are CSS spinners with Vue.js integration.

Iota [korywakefield], a responsive microframework for the CSS Grid spec.

This Online Color Scheme Generator [donesmart] does what it says on the tin: give it a color, get some colors that go well with it.

And if you're keen to do some upskilling in the holidays, we have an 🚨 actual good deal 🚨 here for you: $29 for access to all the SitePoint books and courses you need to solidify your status as a front-end genius [sitepoint], including some on CSS, JavaScript, React, Angular, Bootstrap, prototyping and more! There's a lot there and you'll save $435, a large and oddly-specific amount!

Front-end Resources

(Cool stuff that’ll make you think, give you an overview of a subject, or just teach you something useful)

A recap of all things front-end in 2017 [levelup.gitconnected]
The rise of PWAs, React’s MIT license adoption, Grid Layout and Vue’s growth - a lot happened!

And a list of must-watch talks on JavaScript [github/allthingssmitty].
This goes back to 2012 and includes presentations on JavaScript and unicode, React for TV, and on how Netflix uses async JS.

Dynamic module imports, permission UI changes, and everything else new in Chrome 63 [developers.google].

How to use SVG as a placeholder, and other handy image loading techniques [medium.freecodecamp].

Tips for optimising JavaScript performance [sitepoint].

A guide to the difference between await, return, and return await [jakearchibald].

And if you haven't checked it out already: Your First Week with React [sitepoint]is a new SitePoint book that'll help you get started with React.