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.
你可能会喜欢
💌 A once–weekly roundup of the best #frontend news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more: frontendfoc.us
🛠️ New Interactive Article: Balancing Text In CSS I explored text balancing in CSS — what it is, the problems it solves, how it works, and included plenty of examples and use cases. Happy balancing! ⚖️ ishadeed.com/article/balanc…
All the videos from #SotB2024 are now available on the website. 2024.stateofthebrowser.com/speakers All videos are captioned and the pages contained transcripts
📣 `CSSNestedDeclarations` is coming to browsers to improve CSS Nesting! With this addition, declarations that come after style rules no longer shift up, among other improvements. 📝 web.dev/blog/css-nesti… Available in Chrome 130 + Firefox 132 + Safari Technology Preview 204.
A huge congratulations to all who joined this year's js13kGames competition. Winning games and rankings are now live! 🤩 Perfect weekend entertainment—all free, browser-based, ≤ 13kB, and with source for you to explore! js13kgames.com/2024/blog/winn…
📝 Feature detect Style Queries Support in CSS. Awaiting browser support for `at-rule()`, here’s how you do it. brm.us/style-queries-…
What’s the Difference Between HTML’s Dialog Element and Popovers? They are pretty similar in both look and functionality, but are have some important differences, slightly different APIs, and functionality. The use cases are also a bit different, so let's have a look!…
`background-clip: text` is now supported cross-browser, unprefixed, in the shorthand. But there are still bugs/ compat problems. 1⃣ `p` and `a` within both have `background-clip: text`. Firefox & Chrome produce different results if `a` has a stacking context trigger property‼️
Introducing @bramus/style-observer, a MutationObserver for CSS. It allows you to attach JavaScript callbacks to changes in computed values of CSS properties. 🔗 bram.us/2024/08/31/int…
🎂 Today Aug 26th, we are wishing a happy 18th bday to @jquery 1.0. The most popular javascript library by a mile and not close. It remains in the history books as a pivotal moment in web/developer history. As usual, sharing a few links as a reminder for all to enjoy: 🔸 As I…
What Skills Should You Focus on as Junior Web Developer in 2024? These are our recommendations for those of you early in your web developer journey. This is about tech and the real world stuff around it that you'll need. frontendmasters.com/blog/what-skil…
The State of CSS 2024 survey is now open! Learn more here dev.to/sachagreif/the…
🎨 A brief intro to `blocking=render`, and why on earth you’d want to make something render-blocking in the first place: csswizardry.com/2024/08/blocki…
Safari Technology Preview 201 is now available with updates to CSS, DOM, JavaScript, Media, PDF, Rendering, SVG, Web Animations, and Web Extensions. webkit.org/blog/15790/rel…
My talk from @CSSDayConf is now public! youtube.com/watch?v=k_3pRx…
youtube.com
YouTube
Start over-engineering your CSS | Kevin Powell | CSS Day 2024
📝 New Blog Post 📝 In this article, I share everything I learned to recreate a custom "Retro" style post-processing effect 📺 From dithering to replicating a CRT, I detail the many shader techniques that will elevate your next React Three Fiber project blog.maximeheckel.com/posts/the-art-…
🧨I just packaged this gorgeous text-wall into a component for easy usage. Releasing the code soon 🤓. (Of course, you have to supply your own text... 🙃)
Google says it won't be "deprecating third-party cookies" in Chrome and will instead keep working on "privacy-preserving alternatives" via Privacy Sandbox APIs (Digiday) digiday.com/marketing/afte… 📫 Subscribe: techmeme.com/newsletter?fro… techmeme.com/240722/p15#a24…
💡 CSS Tip! Get the screen width and height using a few lines of CSS. ✅ Powered by @property (Now available in all the browsers) ✅ Unitless values so you can easily use them inside any formula ✅ Updates on screen resize (No need for JS) @CodePen demo in the reply 👇
United States 趋势
- 1. Michigan 114K posts
- 2. Michigan 114K posts
- 3. Jeremiah Smith 6,736 posts
- 4. Buckeyes 10.3K posts
- 5. Stoops 3,265 posts
- 6. #TheGame 3,953 posts
- 7. Ryan Day 5,134 posts
- 8. Julian Sayin 2,578 posts
- 9. #GoBlue 8,454 posts
- 10. Underwood 3,898 posts
- 11. Malachi Toney 2,181 posts
- 12. Sherrone Moore 1,089 posts
- 13. Bo Jackson 1,740 posts
- 14. Touchback 8,468 posts
- 15. #FortniteZeroHour 3,087 posts
- 16. #GoBucks 5,946 posts
- 17. #OSUvsMICH N/A
- 18. Barham 2,297 posts
- 19. Texas 201K posts
- 20. Florida 104K posts
你可能会喜欢
-
React
@reactjs -
Frontend Masters 💻✨
@FrontendMasters -
Bootstrap
@getbootstrap -
Node.js
@nodejs -
GitHub
@github -
CodePen.IO
@CodePen -
Vue
@vuejs -
Visual Studio Code
@code -
Addy Osmani
@addyosmani -
ESLint
@geteslint -
DEV Community
@ThePracticalDev -
OpenJS Foundation
@openjsf -
Wes Bos
@wesbos -
Firefox DevTools
@FirefoxDevTools -
React Training
@ReactTraining
Something went wrong.
Something went wrong.