RWD Weekly #405 - Happy Locked In Easter

Learn Eleventy From Scratch - Piccalilli

Are you interested in the JAM Stack but you're not really sure how to get started? Have you been working with Hugo, Gatsby, or Jekyll or other static site generators but you want to give Eleventy a go? Well I HIGHLY recommend you signing up to this new course from Andy Bell, currently on Early Bird Pricing so you only pay £95 (that's £55 in savings!)

Article

This Video Has 5,879,951 Views

What a wonderful video that looks back to the Web 2.0 days and the introduction of open API's, where it took us, and what we're faced with today. I highly recommend watching this video (only 10 minutes, worth it).

CSS naked day

The 9th April is CSS Naked day where you remove the CSS from your site and let your out on show as it truly is. I did this on the RWD site and oh-my-goodness do I need to work on the underlying HTML. What would your site look like naked?
 

PostCSS 8.0 is coming

PostCSS is a tool for transforming CSS with JavaScript. It will auto prefix vendor specific code, add pollyfills to new CSS methods based on your browser support needs and more. Now PostCSS 8.0 will bring new API for plugins, which will make your CSS build faster and keep your node_modules smaller.
 

100DaysOfVanillaJS

A 100 day journey into Javascript… start from the beginning again
 

A sky map of the Hubble Space Telescope's observations

There hasn't been an article from Nadia for a while so I was super excited to see her latest visualisation was back in space for the 30 years of Hubble Telescope observations
 

Tutorials

Image Techniques On The Web

This isn't the usual image tutorial that we feature where the focus is on the responsive code implementation. Instead, Ahmad takes a close look at the different design approaches you can have with images and how they're done with CSS & HTML.
 

Dark mode with stack overflow

StackOverflow now has a Dark Mode. This tutorial goes through the entire process from finding the right colours across their brand assets to how they implemented it through the CSS.
 

Tools and Resources

Get Waves

Create SVG waves for your next design
 

Technical writing courses from Google

If you're working on the web it's a good chance you've had to write a technical document at some point in your career. These are aimed at engineers and product owners but I think everyone could learn something from these free resources.
 

The Online Archive Is Now Open to All

If you like lettering then you're going to love this online archive. Don't tether your 3/4G connection to browse this site.
 

Adalytics

This is a basic hit counter, based on the old-school method of tracking images. It doesn't use cookies or follow users around the web. But it does give you a very simple counter for which pages in your website are popular! You can remix this on Glitch and have it for yourself for FREE.

Finally

Cheers,

Justin.