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!
- 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
- 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
- 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!
- 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.
- 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.
- 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 catchalways felt arbitrary to me
- Safari is about to step their game up
Ricky Mondello@rmondelloSafari 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
- This is the best thing you'll find on the internet this week. By Julien Renau
- Great 3d info-map on the California wildfires.
☕🦊 🦅@joemfoxI built a 3D interactive about the largest wildfire in California history. latimes.com/projects/la-me…18:16 PM - 23 Jan 2018
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
Reagan Ray@raygunrayNew blog post: VHS Distributor Logos reaganray.com/2018/01/22/vhs…19:42 PM - 22 Jan 2018
- This little gradient slider totally does it for me
What I've been up to
- 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!