Issue #268 · April 11, 2022

Understanding Layout Algorithms

“Technology made large populations possible; large populations now make technology indispensable”

Understanding Layout Algorithms

Understanding Layout Algorithms

As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.

Articles

Those HTML Attributes You Never Use

In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects.

How to use Props in React

Everything you need to know about props in React. How to pass props to components, how to set default props, how to know the difference between props and state, and how to pass components or functions as props!

Optimising Largest Contentful Paint

Largest Contentful Paint (LCP) is an important, user-centric metric for measuring perceived load speed because it marks the point in the page load timeline when the page's main content has likely loaded—a fast LCP helps reassure the user that the page is useful. In this article we can learn a few ways to optimise our LCP.

Conquering JavaScript Hydration

When you build Single Page Applications (SPAs), most often you have ways to pre-render the content of a page for the server and then, once the page is loaded in the browser, the client side application will walk the DOM and add all the interactive bits and pieces. This process is called hydration and it is much more complicated than it seems. Many frameworks have tried to tackle this problem correctly for years and in this article you can get a good summary about what works and what doesn't!

Book of the week

Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5

Learning PHP, MySQL & JavaScript: With jQuery, CSS & HTML5

by Robin Nixon

The fully revised, updated and extended 4th edition of the hugely popular web development book - includes CSS, HTML5, jQuery and the mysqli extension. Build interactive, data-driven websites with the potent combination of open-source technologies and web standards, even if you only have basic HTML knowledge. With this popular hands-on guide, you'll tackle dynamic web programming with the help of today's core technologies: PHP, MySQL, JavaScript, jQuery, CSS, and HTML5.