Frontend Daily ๐Ÿš€

9.7K posts

Frontend Daily ๐Ÿš€ banner
Frontend Daily ๐Ÿš€

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.

๐ŸŒ Sign up for the newsletter ๊ฐ€์ž…์ผ AฤŸustos 2011
219 ํŒ”๋กœ์ž‰55.4K ํŒ”๋กœ์›Œ
๊ณ ์ •๋œ ํŠธ์œ—
Frontend Daily ๐Ÿš€
Frontend Daily ๐Ÿš€@FrontendDailyยท
๐Ÿ’Œย A onceโ€“weekly roundup of the best #frontend news, articles and tutorials. HTML, CSS, WebGL, Canvas, browser tech, and more: frontendfoc.us
Frontend Daily ๐Ÿš€ tweet media
English
15
90
365
0
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Ahmad Shadeed
Ahmad Shadeed@shadeed9ยท
๐Ÿ› ๏ธ 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โ€ฆ
English
13
67
462
25K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Bramus
Bramus@bramusยท
๐Ÿ“ฃ `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.
English
0
21
78
7.9K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
GitHub
GitHub@githubยท
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โ€ฆ
English
7
35
157
46.6K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Bram.us (by @bramus)
Bram.us (by @bramus)@bramusblogยท
๐Ÿ“ Feature detect Style Queries Support in CSS. Awaiting browser support for `at-rule()`, hereโ€™s how you do it. brm.us/style-queries-โ€ฆ
Bram.us (by @bramus) tweet media
English
1
13
42
5.1K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Frontend Masters ๐Ÿ’ปโœจ
Frontend Masters ๐Ÿ’ปโœจ@FrontendMastersยท
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! frontendmasters.com/blog/whats-theโ€ฆ
English
3
11
72
15.3K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Ana Tudor ๐Ÿฏ (find me on Bluesky/ Mastodon)
`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โ€ผ๏ธ
Ana Tudor ๐Ÿฏ (find me on Bluesky/ Mastodon) tweet media
English
2
8
44
5.8K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Bram.us (by @bramus)
Bram.us (by @bramus)@bramusblogยท
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โ€ฆ
Bram.us (by @bramus) tweet media
English
0
24
106
12.1K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Henri Helvetica ๐Ÿ‡ญ๐Ÿ‡น ๐Ÿ‘จ๐Ÿพโ€๐Ÿš€ ๐Ÿš€
๐ŸŽ‚ 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 mentioned, jQuery's popularity and use on the web is unrivalled. You can see the data from @HTTPArchive's 2022 web almanac #libraries-and-frameworks" target="_blank" rel="nofollow noopener">almanac.httparchive.org/en/2022/javascโ€ฆ ๐Ÿ”ธ Of course, I took a look at what kind of performance the web has tracked re: sites using jQ. Per cwvtech.report: ๐Ÿ”น ~7M sites. INP: 80%, LCP: 61%, CLS: 79%, CWV: 46% lookerstudio.google.com/reporting/55bcโ€ฆ ๐Ÿ”ธ I always share this thread from a few yrs back after having a chat w/ @jeresig with little known gems about jQ -- or what almost became jSelect ๐Ÿ‘€ x.com/HenriHelveticaโ€ฆ ๐Ÿ”ธ In 2011, John gave a very insightful talk at @FronteersConf on how things blossomed for jQuery. Some lessons that could apply today. vimeo.com/32957711 ๐Ÿ”ธ John was also recently on the @syntaxfm podcast to discuss what he's doing at current: youtube.com/watch?v=aE9mIWโ€ฆ Anyhow, it's still very present on the web, and there's no shortage of jQ literacy appreciated as it's still actively maintained AND simply works. Per @cassidoo: x.com/cassidoo/statuโ€ฆ Enjoy!
YouTube video
YouTube
Henri Helvetica ๐Ÿ‡ญ๐Ÿ‡น ๐Ÿ‘จ๐Ÿพโ€๐Ÿš€ ๐Ÿš€ tweet media
English
6
29
108
12K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Frontend Masters ๐Ÿ’ปโœจ
Frontend Masters ๐Ÿ’ปโœจ@FrontendMastersยท
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โ€ฆ
English
0
11
52
9.2K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Sacha Greif
Sacha Greif@SachaGreifยท
The State of CSS 2024 survey is now open! Learn more here dev.to/sachagreif/theโ€ฆ
English
0
7
11
3.3K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Harry Roberts
Harry Roberts@csswizardryยท
๐ŸŽจ 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โ€ฆ
English
5
16
76
15.8K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
WebKit
WebKit@webkitยท
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โ€ฆ
WebKit tweet media
English
6
9
67
6.4K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Maxime
Maxime@MaximeHeckelยท
๐Ÿ“ 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-โ€ฆ
GIF
English
12
61
536
34.6K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Zell Liew
Zell Liew@zellwkยท
๐Ÿงจ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... ๐Ÿ™ƒ)
English
0
2
10
2.2K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
Techmeme
Techmeme@Techmemeยท
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โ€ฆ #a240722p15" target="_blank" rel="nofollow noopener">techmeme.com/240722/p15#a24โ€ฆ
English
1
5
12
23.4K
Frontend Daily ๐Ÿš€ ๋ฆฌํŠธ์œ—ํ•จ
CSS by T. Afif
CSS by T. Afif@ChallengesCssยท
๐Ÿ’ก 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 ๐Ÿ‘‡
CSS by T. Afif tweet media
English
8
54
339
28.4K