1 Issue 1 – Released September 6th, 2017
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.
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.
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.
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.
Interested in beautiful, well-designed landing pages? Well, this gallery has a TON of them for your inspirations. Amazing.
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.
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!
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
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 😉
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!
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.
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?
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.
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 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.
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.
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.
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
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!
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.
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.
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!
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.
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
A complete CSS Grid reference: an excellent resource to be used together with the CSS Grid section of my advanced CSS course ;)
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!
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 :)
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!
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
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.
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!
Similar to the design article above, showing you some more tips/cheats on improving web design in an easy to implement way.
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 ;)
Like the title says, this is a quick tutorial on how to customize the way input fields look when autocompleted in webkit browsers.
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!