CategoryHTML

January 4, 2019 — In this article, you can learn how to build the animated note display from the Awwwards website. It discusses the HTML5 SVG circle element, its stroke properties, and how to animate them with CSS variables and Vanilla JavaScript. Read more…

December 5, 2018 — When optimizing the speed of our websites from the server side, caching ranks among the most critical tasks to get just right. In this article, Leonardo Losoviz examines an architecture based on self-rendering components and SSR, and analyzes how to implement it for WordPress sites through Gutenberg. Read more…

November 26, 2018 — Overusing inline CSS or JS code, as opposed to serving code through static resources, can harm the site’s performance. In this article, we will learn how to load dynamic code through static files instead, avoiding the drawbacks of too much inline code. Read more…

November 20, 2018 — What does Gutenberg bring to the future of WordPress? In this article, Leonardo Losoviz shares a number of implications of building sites through a component-based architecture (as the concept) and through Gutenberg (as the implementation), including what new functionalities it can deliver and how much better it can integrate with current website development trends. Read more…

October 23, 2018 — Attribute selectors are magical. They can get you out of sticky problems, help you avoid adding classes and point out some problems in your code. In this article, John explains how to use attribute selectors the right way. Read more…

September 6, 2018 — Building websites is hard. Let’s explore the creation of a component from start to finish, in the context of an exaggerated reality where projects aren’t flawless. Read more…

July 16, 2018 — This article looks at augmenting HTML with components that have built-in functionality and styles. We’ll also learn how to make these custom elements reusable across projects using NPM. Read more…

June 4, 2018 — In this tutorial, we will build a sci-fi ID card for Avengers. You will learn Flexbox, Nested Flexbox, CSS animations, and a ton of other CSS techniques while building this interesting project. Read more…

March 13, 2018 — Flash was one of the reasons a lot of folks started building websites. Here are some of the groundbreaking things Flash could do back then, and how we can go about doing them today. Read more…

February 13, 2018 — Did you know that you can incorporate Vue into your project the same way that you would incorporate jQuery — with no build step necessary? Let’s cover some common use cases in jQuery and how we can switch them over to Vue, and why we’d even want to do so. Read more…