🔥🔥🔥 I just released my brand new course on Advanced CSS and Sass! Get it now with 95% off →

Jonas' Monthly Newsletter: keep up with the latest news, tutorials and articles on HTML, CSS, JavaScript and design

1 Issue 1 – Released September 6th, 2017

You Might Not Need jQuery

Shows you how jQuery can more and more be replaced with simple, vanilla JavaScript. Back in the day jQuery was extremely helpful, but JavaScript has been catching up. Even if you don't use jQuery, this resource is handy to check out how some common tasks are done in JavaScript.

The State of CSS

CSS has come a long way (which is why I'm making a new course about it ;). This article illustrates that in a rather dramatic way. It's a bit exaggerated IMO, but it's still a great read! Just take it with a grain of salt.

A Look Into Proper HTML5 Semantics

HTML semantics is rather important, especially for search engines (aka Google). I only touch upon this topic very briefly in my HTML course, so this would be a great read.

10 Ways to Improve Typography In Your Designs

Some people say that typography is the single most important element in your designs. While I'm not sure if I agree, typography is hugely important, for sure. With this excellent article you can up your typography game.


There has been a huge trend moving away from the old-school cPanel-based web hosting, to more modern and elegant solutions. Netlify offers easy-to-setup CDN (content delivery network) hosting, which is even for free for small projects. Offers a ton of features like free HTTPS, continuous deployment, etc. IMO, it's absolutely perfect for static websites and apps.


Gradients are all the rage right now in web design, and this one is a great resource to find some of the best looking gradients out there.

Hero Patterns

Patterns are a beautiful way to give your website a unique personality. IMO, this is the best resource for beautiful website patterns.


One of the best tools out there to test responsive designs. Shows you how your website looks on all modern mobile devices. It has a ton of options, and I find it really useful.

Product Pages

Interested in beautiful, well-designed landing pages? Well, this gallery has a TON of them for your inspirations. Amazing.

How to Get Your First Developer Job

More and more people are learning how to code, and developers are in high demand, but finding a job as a web dev can still be challenging if you don't have a real degree. This article shares a couple of tips to help you better prepare yourself to land your first developer job.

Web Developer Roadmap 2017

A hugely popular github repo containing some charts demonstrating the paths that you can take in order to become a frontend, backend or a devops developer in 2017. Worth checking out!

This Picture Will Change the Way You Learn to Code

Another resource about learning, this one is about how to learn like a developer. Yes, it's an important skill, because otherwise you might get overwhelmed and lost.

2 Issue 2 – Released October 4th, 2017

Formspree: Functional HTML forms

Just send your form to a custom Formspree URL and the app will forward it to your email. No PHP, Javascript or sign up required — perfect for static sites. Give it a try!

5 things CSS developers wish they knew before they started

Well the title says it all. In modern CSS development, there are so many things to learn. For someone starting out today, it's hard to know where to start. Actually, that's what my courses are for 😉

Modern JavaScript Cheatsheet

A GitHub repo which is just a cheatsheet for modern JavaScript. It's not to tech JavaScript, but it's good to have a guide like this as a bookmark.

Angular vs. React vs. Vue: A 2017 comparison

Yet another comparison of Angular, React and Vue, but this one is really well done. If you're looking into learning one of these JavaScript frameworks, maybe check this one out.

Learn How To Debug JavaScript with Chrome DevTools

As a new developer, finding and fixing bugs in JavaScript can be difficult. This tutorial shows you how to use breakpoints to debug code within the Chrome Developer Tools.

Mastering the Power of Nothing

A nice tutorial on how to use whitespace in user interface design. Whitespace is one of the most valuable assets of web design, and so this is a great article to check out!

The State of the Web: A guide to impactful performance improvements

An amazing guide on how to improve web performance for the ever-increasing number of people connected to the internet today. BTW, I cover many of these aspects in my upcoming CSS course 🔥


Free resource where you can find raw photography to use on your webpages or apps (the only one I know about). A nice alternative to the super popular unsplash.com.

Designing Websites for iPhone X

The name of the tutorial says it all. While many people say that we shouldn't write CSS for one very specific device, the reality is that in a couple of months, millions of people will be browsing your sites on an iPhone X. So, why not trying to optimize for it?

How we built our first full-stack JavaScript web app in three weeks

A great read on how a small team went from an idea to a deployed full-stack JavaScript app. Because it's important to remember that knowing "how to code" is very different from knowing "how to build an app".

3 Issue 3 – Released November 1st, 2017


An exhaustive list of all elements you need to have or test before launching your modern website to production. Based on years of front-end web developers' experience.

What’s New in Microsoft Edge

Microsoft Edge is an important browser, and it just got an update. Edge now finally supports the new CSS Grid Layout Module (which I will add to my new CSS course later this year).

A Tricky JavaScript Interview Question Asked by Google and Amazon

A great article which shows why it's so important to understand how JavaScript really works when you apply to jobs. This is why I have a lot of theory in my JavaScript course.

Stuck on a Coding Problem? Here are 5 Steps to Solve It

A great step-by-step instruction on how you can solve small programming problems you may face when writing JavaScript (or any other language).

ES2015+ cheatsheet

A quick overview of new JavaScript features in ES2015, ES2016, ES2017 and beyond. There are lots of useful cheatsheets on this site, not just for ES2015.

cssreference.io: A free visual guide to CSS

A free visual guide to CSS, it's great to look up some properties when you're not sure how to use them. It features the most popular properties, and explains them with illustrated and animated examples.


An exhaustive list of everything that could (but doesn't have to!) go in the head of your HTML document. There is a lot of stuff in here, and some things are really good to know.

I Watched All of the Chrome Dev Summit 2017 Videos So You Don’t Have To

A very nice overview of everything that Google announced and shared at the Chrome Dev Summit 2017. Google Chrome is the biggest web browser, so it's good to know what they are doing.

Can VS Code Do Emmet?

Emmet is a code expansion tool that is designed to dramatically speed up the creation of HTML and CSS, and this article shows some tips on how to use it in VSCode. I also have an Emmet cheatsheet on my resources page if you want to get started with it.

Design for Developers: Specific Steps to Improve Your Website Design

Many developers struggle with design, which is why I included lots of design guidelines in my beginner HTML/CSS course. This article is a great refresher and also shows you some new stuff.

4 Issue 4 – Released December 6th, 2017

Introducing the New Firefox: Firefox Quantum

A new (old) browser is here: Firefox Quantum. It's twice as fast than the previous version, and you can really feel that! It's also Mozilla's attempt to gain back some of the market share it lost to Google Chrome many years ago. It's absolutely worth a try!

On the Growing Popularity of Atomic CSS

A look at atomic CSS, a new way of architecting CSS, by using tons of small utility classes in order to achieve high reusability. Although I'm not the biggest fan of atomic CSS, it's 100% worth exploring, and I can actually see myself trying it out sometime in the future.

Flexbox and Grids, your layout’s best friends

A nice article that debunks the myths around Flexbox and CSS Grid in order to show you the power of these two technologies working together. It's a great read before diving in the CSS Grid module I'm adding to my advanced CSS course by the end of the month.

Rebuilding slack.com with CSS Grid

A look behind the scenes of the building process of a real-world website: slack.com. It's a redesign powered by CSS Grid and optimized for performance and accessibility. Interesting read!

The Definitive JavaScript Handbook for a developer interview

An amazing post that brings together all JavaScript concepts that are frequently brought up in developer interviews. It was written so you can review everything you need to know about JavaScript in a single place.

JavaScript ES 2017: Learn Async/Await by Example

If you want to dive deeper into JavaScript, you will definitely encounter asynchronous JavaScript at some point. ES2017 introduced Asynchronous functions with Async/Await, and this tutorial explains how they work through a clear example.

The Cost Of JavaScript

This post covers how we can achieve better load times for JavaScript on mobile devices. This is very relevant because, more and more, we build sites that rely heavily on JavaScript, and that can have a cost we don't always see clearly.

Modern Asynchronous CSS Loading

When we reference a CSS file in our HTML, the browser stops rendering subsequent portions of the page while it requests, downloads, and parses the CSS file: this is synchronous loading. This can be a problem, and so this post shows you how to implement asynchronous loading.

Minimum viable skills in UX

New designers can be intimidated by the amount of tools and techniques considered must-have. So this post shows 4 skills to design anything and 8 Tools for every step of the design process.

5 Issue 5 – Released February 7th, 2018

ECMAScript 2018: the final feature set

The latest version of JavaScript was finalized, called ES2018 (or ES9). There is not a lot of new features, but it's still interesting to see how the language is evolving, with a new version coming out every year now.

Meet the New HTML 5.2 Dialog Element

HTML 5.2 has a new element, and it's called < dialog > (yes, just as JavaScript, HTML is constantly evolving). This post shows how to use it in great detail.

Learn CSS Grid Reference

A complete CSS Grid reference: an excellent resource to be used together with the CSS Grid section of my advanced CSS course ;)

CSS Grid Gotchas And Stumbling Blocks

An excellent CSS Grid post by Rachel Andrew, who is part of the team working on the CSS Grid specification, so this is really first-hand knowledge. I learned a few things here!

Why CSS Grid is better than Bootstrap for creating layouts

CSS Grid is a huge topic right now, and so here is another post detailing why using CSS Grid for building layouts is so much better than using a framework like Bootstrap. It really is a fantastic time to learn CSS Grid :)

Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility

Accessibility is another very discussed topic in the community right now, and so it can be a bit overwhelming to get started with it. This post does a great job in explaining to to take your first steps in Web Accessibility, in order to build an internet that works for everyone!

I just asked 23,000 developers what they think of JavaScript. Here’s what I learned.

The results of the yearly State of JavaScript 2017 survey are in, and the results are quite interesting. Take a look if you're a JavaScript dev!

The Top JavaScript Trends to Watch in 2018

JavaScript moves faster than anything else in web dev, and so if you wanna stay ahead of the game, it's a good idea to keep up with the trends for 2018. This post does a great job in showing them!

Modern JavaScript Explained For Dinosaurs

A very funny, but also in-depth article explaining how modern JavaScript works, like using package managers, task runners and transpiling.

Learning How to Learn: The Most Important Developer Skill

Learning how to learn is probably the most valuable skill you can learn right now! This post shows one way of achieving just that. Absolutely worth a read!

6 Issue 6 – Released March 7th, 2018

A practical guide to learning the basics of web programming

Getting started with web development can be daunting, and many people give up simple because they don't know where and how to start. This article lays out a clear and easy-to-follow path for learning the basics of web dev.

The Ultimate Guide to JavaScript Frameworks

These days, more and more people start using JavaScript frameworks. The problem is: which one to choose? There are so many of them, and it's hard to keep up with all the new ones coming out. This guide helps with that.

10 Tips for Javascript Debugging Like a PRO with Console

Coding JavaScript is a lot of fun, but every programmer makes mistakes, and so you also need to be able to debug them. Here are a couple of handy tricks to help with that.

How JavaScript works: memory management + how to handle 4 common memory leaks

I cover a ton of advanced JavaScript "behind the scenes" topics in my JavaScript course, but memory management and memory leaks is not one of them, because it's just too advanced. But if you're feeling adventurous, take a look at this fascinating read :)

Webpack 4 released

Good news if you use webpack to bundle your JavaScript files and assets, because webpack just got a lot better with version 4. Here's what's new.

7 Practical Tips for Cheating at Design

This amazing article went viral because it's so simple yet so brilliant: it teaches you a couple of tricks/cheats to level up your web design skills big time. Make sure to check this one out!

10 cheat codes for designing User Interfaces

Similar to the design article above, showing you some more tips/cheats on improving web design in an easy to implement way.

How We Adopted CSS Grid at Scale

An interesting real-world case study of implementing CSS Grid for a huge company website. Touches on how to support older browsers like IE11, so it's definitely an interesting read to complement the CSS Grid part of my newest course ;)

Change Autocomplete Style in Webkit Browsers

Like the title says, this is a quick tutorial on how to customize the way input fields look when autocompleted in webkit browsers.

Writing CSS with Accessibility in Mind

Most people don't really like accessibility, but it's an important topic that's definitely here to stay. Here are some tips on how to improve the accessibility of your websites and apps with CSS.

7 Issue 7 – Will be released April 4th, 2018

Receive this monthly newsletter by email and join 23,000+ smart developers!