SitePoint Front-end: Heart to Heart

No Images? Click here Shard Work Front-end Tools First up, a simple, editable list of CSS gradients [gradients.cssgears]. immer [github/mweststrate] is a tiny package that lets you work with immutable state in an easier way. QSS [tomhodgins.github] is a simple query syntax for handling element queries in CSS. Shards [github/designrevision] is a modern, free Bootstrap 4 UI toolkit. Louis Lazaris’ favorite 2017 front-end tools [css-tricks]. Challenge: in your next project, use all of them at once. Actually, don’t do that.   Heart to Heart Front-end Resources and Tutorials Some of the top JavaScript trends predicted for 2018 [x-team]. 12 ways you can improve your website this year [catswhocode]. A guide to learning CSS Grid, in case that’s on your 2018 to-do list [learncssgrid]. 2017’s 100 most-hearted CodePens [codepen]. Position: sticky can handle your sticky navbars for you without the usual JavaScript [advent2017.digitpaint]. A look at an upcoming browser feature: additive animation with the web animations API [css-tricks]. Smashing Magazine editor-in-chief Vitaly Friedman’s front-end performance checklist [smashingmagazine]. A guide to building a little memory matching game in JavaScript [scotch]. And how to make your sliders behave a bit more nicely by understanding range input [css-tricks].   Saber Rattling Fun stuff An overview of how JavaScript actually works, from the engine to the call stack [blog.sessionstack]. InstaSaber [instasaber] is an AR (iOS) app that’s truly a force to be reckoned with. Point your camera at your hand holding a tube of paper - you know, the one you always carry with you - and you’ll have an AR lightsaber. This is a nice long-exposure photo of the recent Space X launch [instagram/elonmusk.] Finally, add the New York Times’ space calendar to your own calendar and get reminded when cool space stuff will happen in 2018 [nytimes].   Hey there, thanks for joining me for another tour through the front-end world. I hope you found something useful or interesting or both! I also hope you use your new lightsaber responsibly. It's a more elegant weapon for a more civilized age, after all. Back with some more next week, be well! Adam 👋     You're receiving this email because you've signed up for SitePoint's Front-end newsletter. Manage your preferences to stop receiving this email below.   Tweet    Share    Forward  Preferences  |  Unsubscribe