FrontEnd Development
30.3K subscribers
145 photos
1 video
9.03K links
Полезные ссылки иHTML, CSS, JavaScript, TypeScript, Angular, React, Vue, Node.js, Mobile and more.

Admin: @andrey2019
Download Telegram
Polishing Your Typography With Line Height Units

Jen Simmons explains how to use line-height units when setting paragraph margins — creating vertical rhythm in your text. - https://webkit.org/blog/16831/line-height-units

#css
Good vs Great Animations

Emil Kowalski shares a collection of practical tips to help you create better animations. - https://emilkowal.ski/ui/good-vs-great-animations

#css
Out of Order

Donnie D’Amato explains how trying to manipulate the order of things using CSS can often lead to hidden problems you might not notice. - https://blog.damato.design/posts/out-of-order

#css
Good vs Great Animations

Emil Kowalski shares a collection of practical tips to help you create better animations. - https://emilkowal.ski/ui/good-vs-great-animations

#css
Easier Layout With margin-trim

Jen Simmons introduces margin-trim, a property that lets you tell a container to trim the margins off its children — any margins that push up against the container. - https://webkit.org/blog/16854/margin-trim

#css
Using Container Query Units Relative to an Outer Container

Ana Tudor shows a trick of utilizing a custom property to use container query units relative to an outer container. - https://frontendmasters.com/blog/using-container-query-units-relative-to-an-outer-container

#css
Updates to Popover and CSS Anchor Positioning Polyfills

James Stuckey Weber gives an overview of updates to the Popover and CSS Anchor Positioning Polyfills. - https://www.oddbird.net/2025/05/06/polyfill-updates

#css
Guitar Chords in CSS

Mads Stoumann looks into the attr() method, demonstrating how it can help you make easily readable components. - https://dev.to/madsstoumann/guitar-chords-in-css-3hk8

#css
Use CSS reading-flow for logical sequential focus navigation

Di Zhang and Rachel Andrew explain the reasons behind the design of reading-flow and reading-order properties and some brief details to get you started with them. - https://developer.chrome.com/blog/reading-flow

#css
Styling the icon for HTML date and time types

Cassidy Williams shows how to style the icon for the clock or calendar of input types using ::-webkit-calendar-picker-indicator pseudo-class. - https://cassidoo.co/post/input-type-date

#css
Refactoring a scroll-driven animation from JavaScript to CSS

Ever feel like your JS scroll animations are a bit heavy? This article is perfect for you; it guides you through converting those animations to CSS, making them much smoother and more efficient. The author explains how to pinpoint JS inefficiencies, then shows how to use CSS properties like scroll-behavior and scroll-snap for better performance. - https://component-odyssey.com/articles/08-refactoring-a-js-driven-scroll-animation-to-css

#css
How to Use Rem Units in CSS for Accessible Design

Ever wonder how rem units work in CSS? This guide explains it clearly. It covers how rem (root em) units are based on the root element's font size, making scalable and accessible design easier. The author also compares rem with px and em, and provides practical examples for using rem in font sizing, media queries, and more. - https://www.a11y-collective.com/blog/what-is-rem-in-css

#css
CSS Wishlist 2025

CSS Wishlist time! Sarah Gebauer shared recently and inspired me. - https://nerdy.dev/css-wishlist-2025

#css