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
- 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
*©️ @brucel08:24 AM - 25 Jan 2018
10
39 - 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
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 201862136 - 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 2018105278
Inspiration
- This is the best thing you'll find on the internet this week. By Julien Renau
julien renau@julien_rnoMy last project at @uenodotco "The interview" - Just come and play inside the house! interview.ueno.co w/ @rbriaux @_steffensteffen #webgl #threejs18:39 PM - 25 Jan 201823150 - 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 2018203444 -
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… #NowPlaying18:06 PM - 21 Jan 201839378 - 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 201858245 - 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)
Yay! Small wins are awesome. create-guten-block made it to @ardennl 's web roundup! 🎉
BTW I just launched create-guten-block here on Dev.to => () { ahmda.ws/CGB_Devto }
Check it out!