Mastering CSS transitions and animations
#584 — March 15, 2023 | Read on the webTen Tips for Better CSS Transitions and Animations— An engaging and practical look at the things learnt about crafting transitions and animations on the web....
View ArticleSix CSS snippets you should know
#585 — March 22, 2023 | Read on the webThe 'End' of Front-End Development?— A recent narrative doing the rounds on our corner of Twitter suggests that capable large language models (like GPT-4) could...
View ArticleSafari adds over 100 new features
#586 — March 29, 2023 | Read on the webWebKit Features in Safari 16.4— This is a mammoth release, adding 135(!) new features including support for Web Push, a slew of new CSS properties (including...
View ArticleHow WebAssembly is pushing the Web forward
#587 — April 5, 2023 | Read on the webGetting PWAs in App Stores with PWABuilder— Thomas Steiner demonstrates how PWABuilder makes it possible to submit Progressive Web Apps (PWAs) to app stores like...
View ArticleBalancing your text with CSS
#588 — April 12, 2023 | Read on the webCSS Text Balancing with text-wrap:balance— Ahmad explores the CSS text balancing feature in his usual accessible style — highlighting where this feature may...
View ArticleHow to solve the CSS layout and source order disconnect?
#589 — April 19, 2023 | Read on the webIt's Time to Learn OKLCH Color— Feeling a bit overwhelmed by all the developments happening in CSS lately involving color? We’ve got several new options to...
View ArticleThe variety and power of CSS blend modes
#590 — April 26, 2023 | Read on the webCSS Blend Modes— An excellent look at what CSS blend modes are and how to use them with the background-blend-mode and mix-blend-mode properties. Lots of code and...
View Article🔒 Is the browser's lock icon going away?
#591 — May 3, 2023 | Read on the webRebuilding a 'Featured News' Section with (Very) Modern CSS— Ahmad’s back with another accessible, detailed blog post — this time showing the process behind...
View ArticleDefending frontend as a full-time job
#592 — May 10, 2023 | Read on the webUsing the Web Vitals Extension to Debug Core Web Vitals Issues— The Web Vitals extension (for Chrome) now shows more debugging information to help you identify the...
View ArticleWhat you need to know from Google I/O
#593 — May 17, 2023 | Read on the webConditional CSS with :has and :nth-last-child— Highlights a few practical examples of combining the CSS selector :nth-last-child with :has to create dynamic...
View ArticleBest practices for login and signup forms
#594 — May 24, 2023 | Read on the webIntroducing the popover API— There’s a new set of declarative HTML APIs for building popovers on the way, and the first of which — the popover API— is landing in...
View ArticleWeb features you need to know about
#595 — May 31, 2023 | Read on the web▶ 21 Awesome Web Features You’re Not Using Yet?— Runs through some of the “game changing new features” that have landed on the web platform of late. It’s a good...
View ArticlePreparing the web for spatial computing
#596 — June 7, 2023 | Read on the web🥽 All the Browser and Web News from WWDCApple's annual developer conference is underway, and we've already had plenty of interesting tidbits and news shared (not...
View ArticleThe gotchas of CSS nesting
#597 — June 14, 2023 | Read on the webModern CSS for Dynamic Component-Based Architecture— Explores modern project architecture, with a focus on theming, responsive layouts, and component design....
View ArticleHow do you use CSS?
#598 — June 21, 2023 | Read on the webModern CSS in Real Life— Chris (of CodePen fame) runs through five modern CSS concepts that “really matter to real-world development”, including logical...
View ArticleBehind the curtain of Wikipedia's redesign
#599 — June 28, 2023 | Read on the web🔮 Future CSS: State Container Queries?— The Chromium team is experimenting with a new type of CSS container query: state queries. These let you define styles...
View ArticleA beautiful primer on SVG paths
#600 — July 5, 2023 | Read on the webA Deep Dive Into SVG Paths— This is a very well presented interactive guide to understanding SVG paths and path commands, covering cursors, lines, bézier curves,...
View ArticleA is for aspect-ratio, B is for border..
#601 — July 12, 2023 | Read on the webExploring Modern Alternatives to vh/vw Units— Ahmad brings us up to speed on the new(ish) small, large, and dynamic viewport units in CSS (e.g. svh, lvh, and dvh)...
View ArticleJust how bloated is your site?
#602 — July 19, 2023 | Read on the webWhat Is Page Bloat? And How Is It Hurting Your Search Rank and Users?— A thorough bit of research into how the Web's pages have only continued to grow (complete...
View ArticleArc reaches 1.0
frontend focus#603 — July 26, 2023 | Read on the webCore Web Vitals for Search Engine Optimization: What Do We Need to Know?— Harry aims to clear up any misunderstandings around core web vitals...
View Article