DEV Community

Arden de Raaij
Arden de Raaij

Posted on

Weekly Web Roundup - 04

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!

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

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:
  • A bit of scaremongering for the end of your week
  • It's a small win, yet nice. Binding the error in a try catch always felt arbitrary to me
  • Safari is about to step their game up

Inspiration

  • This is the best thing you'll find on the internet this week. By Julien Renau
  • Great 3d info-map on the California wildfires.
  • Sarah Drasner shared her Spotify work list and it's pretty bangin'.
  • Cool CSS grid example by Jules Forrest
  • Sometimes some years need to pass before you see how awesome something was
  • 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

Top comments (2)

Collapse
 
ahmadawais profile image
Ahmad Awais ⚡️

Yay! Small wins are awesome. create-guten-block made it to @ardennl 's web roundup! 🎉

Collapse
 
ahmadawais profile image
Ahmad Awais ⚡️

BTW I just launched create-guten-block here on Dev.to => () { ahmda.ws/CGB_Devto }

Check it out!