Picture

Frontend Daily 🚀 @FrontendDaily

HTML, CSS, web platform, and browser tech news + demos, tricks, and tips every day (via the Frontend Focus newsletter). 👋 Curated by @chrisbrandrick. frontendfoc.us 🌐 Sign up for the newsletter Joined August 2011
  • Tweets
    10K
  • Followers
    55K
  • Following
    226
  • Likes
    3K
Frontend Daily 🚀 retweeted
rachelandrew Profile Picture

Rachel Andrew @rachelandrew

13 hours ago

There's been a lot of discussion about masonry in CSS recently and whether it lives in the grid spec. This post explains a different approach, that still enables the track sizing and other features from grid. developer.chrome.com/blog/masonry

Frontend Daily 🚀 retweeted
KevinJPowell Profile Picture

Kevin Powell @KevinJPowell

2 days ago

Did you see that @webkit has a post up by @jensimmons talking about the future of masonry layouts? The CSS WG is asking for input on this as there is some disagreement on the best approach. Read the full article below for context. What do you think?🤔webkit.org/blog/15269/hel…

Frontend Daily 🚀 retweeted
FrontendMasters Profile Picture

Frontend Masters 💻✨ @FrontendMasters

a week ago

The Front End Developer/Engineer Handbook 2024 — A Guide to Modern Web Development We just released the highly anticipated Frontend Handbook 2024 (frontendmasters.com/guides/front-e…), by Cody Lindley! (frontendmasters.com/guides/front-e… frontendmasters.com/blog/front-end…

Frontend Daily 🚀 retweeted
KevinJPowell Profile Picture

Kevin Powell @KevinJPowell

a week ago

I've just put out a new video! Is CSS getting harder to learn? youtube.com/watch?v=QPvXKU…

Frontend Daily 🚀 retweeted
ChallengesCss Profile Picture

T. Afif @ CSS Challenges @ChallengesCss

a week ago

New CSS Project! 🥳 👉 css-shape.com 👈 The Ultimate Collection of CSS-Only shapes ✅ Single-element implementation ✅ Modern & Optimized CSS code ✅ Easy to customize ✅ One click to copy the code

Frontend Daily 🚀 retweeted
codepo8 Profile Picture

Chris Heilmann [email protected] @codepo8

a week ago

ios404.com is a beautifully designed web site showing all the web standards (and proposals) that are missing in Safari on iOS.

FrontendDaily Profile Picture

Frontend Daily 🚀 @FrontendDaily

2 weeks ago

📬 Issue 639 of Frontend Focus is landing in inboxes now! Features links to: 🔸 Anchor Position Tooling (via @Una) 🔸 Missing web features of iOS (via @shalanahfaith) 🔸 A browser based dark mode toggle? (via @bramus) ...and more: frontendfoc.us/issues/639

Frontend Daily 🚀 retweeted
WebDesignMuseum Profile Picture

Web Design Museum @WebDesignMuseum

2 weeks ago

Dancing Baby, also known as "Baby Cha-Cha" or Oogachack Baby was one of the first viral internet memes back in 1996. The 3D-rendered baby was dancing to the intro of “Hooked on a Feeling” by the Swedish band Blue Swede. #InternetHistory

Frontend Daily 🚀 retweeted
Una Profile Picture

Una 🇺🇦 @Una

3 weeks ago

Anchor positioning comes w/a new layout mechanism called inset-area, and its pretty neat! So I'm building a little anchor tool to help you learn it and anchor things! anchor-tool.com *Browser support is still very limited, only works in Chrome Canary (125+) for now

Frontend Daily 🚀 retweeted
webkit Profile Picture

WebKit @webkit

3 weeks ago

We’ve been hard at work making Safari faster and faster — improving our Speedometer 3.0 score by ~60% between Safari 17.0 and Safari 17.4. webkit.org/blog/15249/opt…

Frontend Daily 🚀 retweeted
anatudor Profile Picture

Ana Tudor 🐯🖤🌻 @anatudor

3 weeks ago

A cool thing I made on @CodePen: interactive demo illustrating how to use `feColorMatrix` to swap two channels of its input. codepen.io/thebabydino/pe… Viewport adaptive. Heavily commented code if you want to check how the demo works in the back. Makes use of modern #CSS features.

Frontend Daily 🚀 retweeted
chriscoyier Profile Picture

Chris Coyier @chriscoyier

4 weeks ago

The fact that you can get anywhere near the game of Wordle with 43 lines of HTML and 63 lines of CSS is a wonderful showcase of power they have. codepen.io/scottjehl/pen/… by @scottjehl

Frontend Daily 🚀 retweeted
shadeed9 Profile Picture

Ahmad Shadeed @shadeed9

4 weeks ago

container queries + style queries + :has() = 🤩🤩 A demo of a timeline that changes its design based on the container width and the number of items. Learn more about container queries in this interactive guide: ishadeed.com/article/css-co…

Frontend Daily 🚀 retweeted
cassidoo Profile Picture

Cassidy @cassidoo

4 weeks ago

I wrote up a post about the View Transitions API on the @FrontendMasters blog! frontendmasters.com/blog/the-view-…

Frontend Daily 🚀 retweeted
Una Profile Picture

Una 🇺🇦 @Una

4 weeks ago

Super simple scroll-driven progressive enhancement: animate in your images 🩷 @​keyframes appear { from { opacity: 0; scale: 0.8; } to { opacity: 1; scale: 1; } } img { animation: appear linear both; animation-timeline: view(); animation-range: entry 25% cover 50%; }

Frontend Daily 🚀 retweeted
shadeed9 Profile Picture

Ahmad Shadeed @shadeed9

4 weeks ago

✍️ Excited to share the interactive guide to CSS container queries. I wrote about what container queries are, what the problems they solve, and how to use them along with interactive examples and visuals. Happy learning! ishadeed.com/article/css-co…

Frontend Daily 🚀 retweeted
WebDesignMuseum Profile Picture

Web Design Museum @WebDesignMuseum

a month ago

Early versions of the websites of big technology companies in 1994 – Microsoft – IBM – Hewlett Packard – Sun Microsystems #WebDesignHistory

Frontend Daily 🚀 retweeted
FrontendMasters Profile Picture

Frontend Masters 💻✨ @FrontendMasters

a month ago

What You Need to Know about Modern CSS (Spring 2024 Edition) frontendmasters.com/blog/what-you-… This bookmarkable guide provides a list of the incredible new additions to CSS lately. The point isn't to cover every bit of detail, but so you can get the gist of the feature and a quick…

FrontendDaily Profile Picture

Frontend Daily 🚀 @FrontendDaily

a month ago

css Profile Picture

CSS-Tricks @css

a month ago

https://t.co/MUKr2dGKZY

Trends for United States

NYPD
362 B posts
Maxey
113 B posts
Columbia
1,16 Mn posts
#GoAvsGo
8.548 posts
UCLA
245 B posts
Knicks
83,3 B posts
Christian Walker
Pacers
25,7 B posts
#TheBadBatch
11,3 B posts
Sixers
62,2 B posts
Embiid
62,5 B posts
Pat Bev
5.669 posts
#Preds
2.823 posts
Paul Auster
15,9 B posts
Rojas
16,2 B posts
Game 6
51,5 B posts
#LabourDay
46,5 B posts
Brunson
34,5 B posts
Togashi
1.657 posts
Bucks in 7
2.259 posts

You might like

The library for web and native user interfaces
React
@reactjs
757K Followers
Your path to senior developer and beyond! 🚀 In-depth frontend & fullstack courses. For support, email: support@frontendmasters.com
Frontend Masters 💻..
@FrontendMasters
114K Followers
The Node.js JavaScript Runtime. 🐢🚀 Need help with Node.js? We've got a repo for that: https://t.co/BaCSQqilHm @nodejs@social.lfx.dev
Node.js
@nodejs
881K Followers
The AI-powered developer platform to build, scale, and deliver secure software.
GitHub
@github
2.6M Followers
The official account for https://t.co/ZyrX49CzrB, a web design community powered by @DigitalOcean.
CSS-Tricks
@css
536K Followers
Build, test, and discover front-end code 💻 Support: https://t.co/VsjoQWHgIr
CodePen.IO
@CodePen
198K Followers
Progressive JavaScript framework for building modern web interfaces. Created by @youyuxi, maintained by https://t.co/GBCO6zpR6W.
Vue
@vuejs
305K Followers
Opquast est une entreprise à mission dont la raison d'être est de rendre le web meilleur. Check-list, certification et réseau dédié à l'assurance qualité web.
Opquast
@opquast
6K Followers
Microsoft Visual Studio Code lets you build and debug modern web and cloud applications. Visual Studio Code is free and available on Linux, macOS, and Windows.
Visual Studio Code
@code
685K Followers
Engineering leader, @GoogleChrome • Author • Great user & developer experiences • @ChromiumDev @ChromeDevTools • @____lighthouse • @ChromeUXReport
Addy Osmani
@addyosmani
343K Followers
A free newsletter for JavaScript nerds. Here's proof we think you'll love it - https://t.co/qIi1eWA7Ek
bytes.dev
@bytesdotdev
70K Followers
Find and fix problems in your JavaScript code. Support us at https://t.co/pXum2pJAn6 @eslint@fosstodon.org Need help? https://t.co/z003GghLsF
ESLint
@geteslint
37K Followers
Front-end dev links tweeted daily, emailed weekly. We also offer @cssbasics for beginners! Curated by @spaceninja. @fridayfrontend@hachyderm.io
Friday Front-End
@fridayfrontend
5K Followers
The Twitter account that launched https://t.co/TJyCu2SDPd. Built on @forem 🌱 Also at @ThePracticalDev@Fosstodon.org On Bluesky @/https://t.co/TJyCu2SDPd No DMs — please email us for support!
DEV Community
@ThePracticalDev
312K Followers
A home for those who love JavaScript. @openjsf@social.lfx.dev
OpenJS Foundation
@openjsf
339K Followers