Bang bang! Another week is over so it’s time for another roundup. First of all I’d like to thank everyone for the amazing support, I didn’t expect writing about my twitter favorites would be so popular. To spread the word, I’m making a mailing list and a website with RSS feed. I’ll also continue to publish on dev.to so you don’t have to go anywhere. I’ll let everyone know when the site is ready, in the meantime, let’s get on with this weeks glory!

• Week 03
• Week 02
• Week 01

News

• Progressive Web Apps (PWA’s) are coming to iOS 11.3 and that’s kind of a huge deal. Apple has had little incentive to support PWA’s, as they might cannibalize on app-store revenue. They still decided to give it a go and it seems we’ve got a long road ahead of us, as Maximiliano Firtman describes it: Cupertino, we have a problem.
• Talking about PWA’s, Firefox 58 landed and now supports PWA’s for Android. Mozilla also started updated their docs on PWA’s so it seems they’re serious about it. Since the Quantum release I’ve been using Firefox as my main browser again and I’m not disappointed. The CSS grid tools are the best out there and it has some great features. I haven’t gotten used to it on my Android phone yet, but maybe this release will change it.
• Trent Walton analyzed the Alexa top 50 websites list for third party scripts and what he found will probably not surprise you. Or it might still as it's pretty gruesome. Third-Party Script Prevalence on Alexa Top 50

CSS

• The best way to get comfortable with CSS Grid is to use it a lot. There’s a great article on bitsofco.de covering the recreation of the Github contribution graph with CSS grid. By the way, I’ve been reading amazing articles on bitsofco.de for a while now, assuming it was some sort of big establishment seeing the domain name is so damn cool, but it’s actually all written by the amazing Ire Aderinokun! You better add her to your to-follow list!
• IBM also jumped on the CSS-Grid train and published CSS Gridish, an Open Source tool that takes in CSS grid specs and spits out a sketch file, CSS/SSS and has a chrome extension for testing. I haven’t tried it yet but it sounds pretty cool!
• Custom CSS properties are great. I also believe that many people have a hard time getting into them because they've got SCSS and are afraid of browser support. Getting Hardboiled with CSS Custom Properties breaks down CSS properties and an easy way to provide fall backs. Written by Andy Clarke

JavaScript

• You can try Webpack 4 beta today, and you totally should! I’ve been following Sean T. Larkin on twitter for a while now and the work that’s been done on the new Webpack version is amazing. Check out the article to see the whole list of features and improvements, or start installing and give some feedback!
• An article you might have missed (published on January 9th) but should still read is Zell Liew’s very complete story on mutability in JavaScript: "Mutation is scary because it can cause your code to break without your knowing about it. ". Go checkout "Why mutation can be scary" on alistapart
• Ken Wheeler shared a nice little example on the React render cycle control in form of a CodeSandbox. This might be useful!
• Michel Westrate, creator of MobX, asked why setting state in React is async and Dan Abramov replied with an extensive piece of information that clarifies a lot.
• Ahmad Awais made create-guten-block, to make custom blocks for the new WordPress Gutenberg editor. It looks like a great tool and is probably very welcome in the WordPress community where not every opinion is yet aligned on the new editor.
• Here’s an article you want to keep around: Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver written by Denys Mishunov.
• Polka - A micro web server so fast, it'll make you dance! 👯. Just for the name and tagline alone this one is included. Polka is a small Express alternative that is somehow even faster! I never really thought ‘damn I wish I had something faster than express’ but I might just give it a whirl for the fun of it. Created by Luke Edwards
• Mark Erikson also has a newsletter, and I’m pretty sure it’s rad. Sign up on tinyletter if you’re interested in great articles on React / Redux by one of the Redux maintainers!
• If you’ve been wanting to get into Elm (or never heard of it before) this might be a great introduction for you. Learning elm from a drum sequencer is a great tutorial by Brian Holt
• Redux is insanely clever and I enjoy the grip it gives when structuring an app but I won’t be the first to say that the amount of boilerplate can be a bit overwhelming. Henrik Joreteg wrote some great notes on how to reduce the amount of boilerplate with Redux.

Productivity

• The following article starts out as a story about a master escapist Terrier and ends up teaching us a lesson on problem solving. Dave Geddes his blog post Solve it once is a greatly written piece reminding us that technical debt is something that shouldn’t exist.

PSA’s

• There's this huge part of the web I rarely think about:

  

  

  𝔣𝔩𝔞𝔨𝔦

  @slsoftworks

  

  An amazing & eye-opening session, straying far away from the Wealthy Western Web* — @hj_chen popping bubbles left & right, blazing through a host of painfully underrepresented East-Asian CSS and layout techniques 💯🎉㊗️🎊 #jsconfasia
  
  *©️ @brucel

  08:24 AM - 25 Jan 2018

  1039

• A bit of scaremongering for the end of your week

  

  

  Morten Rand-Hendriksen

  @mor10

  

  The Three Horsemen of the AI-pocalypse. #ai #ethics

  22:21 PM - 24 Jan 2018

  2119

• It's a small win, yet nice. Binding the error in a try catch always felt arbitrary to me

  

  

  Mathias Bynens

  @mathias

  

  `catch` bindings are now optional in @v8js v6.6.x and Chrome 66 🔥
  
  Thanks to @jspedant for proposing this change (github.com/tc39/proposal-…) and to @bakkoting for contributing the @v8js implementation!

  17:00 PM - 24 Jan 2018

  62136

• Safari is about to step their game up

  

  

  Ricky Mondello

  @rmondello

  

  Safari Technology Preview 48 was just released. It has lots of improvements, especially to Service Workers. It’s the first STP to carry a Safari version of 11.2. webkit.org/blog/8084/rele…

  18:45 PM - 24 Jan 2018

  105278

Inspiration

• This is the best thing you'll find on the internet this week. By Julien Renau

  

  

  julien renau

  @julien_rno

  

  My last project at @uenodotco "The interview" - Just come and play inside the house! interview.ueno.co w/ @rbriaux @_steffensteffen #webgl #threejs

  18:39 PM - 25 Jan 2018

  23150

• Great 3d info-map on the California wildfires.

  

  

  ☕🦊 🦅

  @joemfox

  

  I built a 3D interactive about the largest wildfire in California history. latimes.com/projects/la-me…

  18:16 PM - 23 Jan 2018

  203444

• Sarah Drasner shared her Spotify work list and it's pretty bangin'.

  

  Sarah Drasner

  @sarah_edo

  

  🎧 I made a little playlist of music I like to code by if anyone else is having a snow day and wants to listen in 🎧 open.spotify.com/user/sarahdras… #NowPlaying

  18:06 PM - 21 Jan 2018

  39378

• Cool CSS grid example by Jules Forrest
• Sometimes some years need to pass before you see how awesome something was

  

  

  Reagan Ray

  @raygunray

  

  New blog post: VHS Distributor Logos reaganray.com/2018/01/22/vhs…

  19:42 PM - 22 Jan 2018

  58245

• This little gradient slider totally does it for me

What I've been up to

• I've been making this huge blog post on Transpiling JavaScript. I might have to cut it down in several articles because I'm five pages in and I haven't written a word of code yet. I think it's important to get a bit of a sense of history, and also for people to realize that some of the versioning in JavaScript is just really dumb and confusing.
• Working on a weeklywebroundup.com! That will be coming up soon and will include a mailing list and RSS possibilities. If you have any other wishes, please let me know.

As always, thanks for reading and enjoy the weekend!

Arden