No. 825, Thursday, March 21, 2024 View in browser |
|
In partnership with
|
|
|
Olá, frontend friends! 👋
Today’s edition covers Safari 17.4's update for vertical form controls, dives into CSS fundamentals like the box model and sizing, and explores responsive font sizing techniques.
We also highlight a new front-end framework in the making for versatile and native web components management, called piecesjs by Quentin Hocdé.
And of course, much much more!
Happy reading! |
|
|
|
|
YARD boasts an ultra-modern design and seamless interactions, masterfully created by Clément Cassajus and Benjamin Robinet. It's undoubtedly our choice for the Website of the Week! |
Standout Web Design Picks |
|
|
|
|
|
Crop, resize, trim & overlay on videos Leverage adaptive bitrate streaming Automate format conversion & video quality
Forever free plan to get you started. |
|
|
| Safari 17.4 adds vertical writing mode support for form control elements across macOS, iOS, iPadOS, and visionOS. |
|
|
|
|
|
|
|
|
|
| Front-end framework for a versatile and native web components management. Read more about it in this article. |
|
|
|
|
|
|
|
|
|
| This first article in Andy Bell's CSS Fundamentals series, you'll learn how the box model is affected by box sizing. |
|
|
|
|
|
|
|
|
|
| Christine Vallaure discusses the importance of understanding Flexbox and CSS Grid for UI designers, advocating for modern CSS layouts over traditional rigid column grid layouts. |
|
|
|
|
|
|
|
|
|
| Jim Fisher proposes a formula for responsive font sizing in CSS as an alternative to using breakpoints. |
|
|
|
|
|
|
|
|
|
| Open-source, visual programming for developers. Includes a VS Code extension, integrates with existing TypeScript code, browser and Node.js. |
|
|
|
|
|
|
|
|
|
| Mantis is a full-stack development toolkit that simplifies the creation and deployment of Angular applications across platforms. |
|
|
|
|
|
|
|
|
|
| Learn React, Angular, and Vue all at once in this free book. |
|
|
|
|
|
|
|
|
|
| Timelock encryption is a system that allows you to encrypt a message until a specific time in the future. This can be thought of as a "digital time capsule". |
|
|
|
|
|
|
|
|
|
| Learn how to create a CSS only ice text effect using CSS Gradients and text shadows to create text that looks like its frozen. |
|
|
|
|
|
|
|
|
|
| Describe the purpose of your color combination and get AI generated suggestions for palettes. |
|
|
|
|
|
|
|
|
|
| A vector library designed for creating complex, dynamic, animated UI layouts. By Andrew Prifer. |
|
|
|
|
|
|
|
|
|
| A look behind the code and collaboration of the new portfolio for Anthony Goodwin at Design Embraced. |
|
|
|
|
|
|
|
|
|
|
Video Vault |
|
|
|
|
Animation Spotlight |
|
|
|
Demo Corner |
|
|
|
❓Did you know that… |
…BackRub, an early search engine from the 1990s, is considered the precursor to today's Google search engine? It was a brainchild of Google founders Larry Page and Sergey Brin, developed and operated by them in their early days. The project began in 1996 as part of Larry Page's research at Stanford University, aiming to create a universal digital library. This research, particularly on the structure of links as a vast graph, laid the groundwork for the PageRank algorithm, a cornerstone of today's Google search. |
|
Codrops is proudly sponsored by KeyCDN, the high performance content delivery network that has been built for the future. |
|
|