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

Admin: @andrey2019
Download Telegram
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
👍1
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
🤔52
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
👍31
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
👍1
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
👍2🔥2
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
👍1
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
👍1
CSS Wishlist 2025

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

#css
👍21
A simple masonry-like composable layout

A masonry layout is a grid-like layout that has a set column system with a flexible, content-driven row system. What this setup does is allow content to be displayed in a brick wall-like layout — hence the name, masonry. Content is packed into space, rather than adhering to a strict, set row system.- https://piccalil.li/blog/a-simple-masonry-like-composable-layout/

#css
1👍1
CSS attr() gets an upgrade

Bramus Van Damme details the new capabilities of CSS attr(), allowing type casting for improved dynamic styling and flexibility. - https://www.bram.us/2025/01/20/css-attr-gets-an-upgrade/

#css