I was originally going to name this article “How It Took Me 8 Hours to Write 2 Minutes of Code”, but somehow I didn’t think that most software engineers would find that terribly compelling, and if there is one thing engineers like to do, it’s to determine what’s most efficient […]
Categories front-end-development
12 posts
Get to know the newest version of the worlds most popular front-end component library. Image source. This January, Bootstrap 4 (aka v4) finally got released after being in alpha for over two years. It represents a major rewrite. Not only are there a lot of changes under the hood, but […]
An introduction to CSS Grid and its potential with a practical example. My first contact with CSS Grid was at a talk from Rachel Andrew and I was fascinated by the problems it solves and possibilities it creates. I played around with it a bit and today I want to […]
Being a new developer, it’s hard not to look at all the sites on the web and think “Damn, I’d really like to build something like that…”, then after looking into what it would take, come to the realization that you’ve still got a lot to learn. You’ve probably wondered what […]
(Or, haters, please go hate somewhere other than Reddit and Hacker News.) All logos used with complete disregard for copyright and trademark law. Let’s say you’ve written something amazing in JavaScript and you share it on Reddit or Hacker News. Guess what the first 97 comments are going to say? Some […]
A collection of resources to learn tomorrow’s technologies today. Although I’ve referred to them as tomorrow’s technologies, Flexbox and Grid are supported by nearly all modern browsers. What makes these seem futurisitic is that very few web developers are aware of them. Even fewer use these while designing websites, instead […]
Introduction There comes a time in the life of a budding “low-key but also high-key trying to become a front-end designer and developer” when they must enter the world of charting libraries. Navigating *uncharted* waters Charting libraries produce data-driven visualizations. They are the reason you can quickly grasp trends in […]
UnDraw Open-Source, Free, Themable Illustrations. The best alternative to stock images. Choose an illustration, change its theme, export as an .svg or .png Visual Studio Code Open source, cross platform code editor, designed with web development in mind. Comes with Intellisense and integrated Git Control. Ready to use out of the box, no need […]
A screenshot of the Front-End Checklist repository (numbers are already outdated since I finished writing that article) Last month I launched two open source projects on GitHub. A few days later, my Front-End Checklist was showing more than 6,000 stars (17,000 as of writing). And I got 600 stars for my […]
Sass is a CSS preprocessor that solves a lot of the problems with writing CSS and can be extremely useful to incorporate in your projects. I’ll explain what CSS preprocessors are, how you can install Sass, the 2 different Sass syntaxes, some of the main features of Sass and finish […]