Reposted by Nik Delmar
Just dipping my toes into view transitions one little bit at a time...
css-tricks.com/toe-dipping-...
css-tricks.com/toe-dipping-...
Toe Dipping Into View Transitions | CSS-Tricks
The View Transitions API is more a set of features than it is about any one particular thing. And it gets complex fast. But in this post, we’ll cover a couple ways to dip your toes into the waters wit...
css-tricks.com
February 21, 2025 at 2:36 PM
Just dipping my toes into view transitions one little bit at a time...
css-tricks.com/toe-dipping-...
css-tricks.com/toe-dipping-...
Reposted by Nik Delmar
February 21, 2025 at 6:43 PM
Reposted by Nik Delmar
🕵️♂️ Revealed: React's experimental animations API.
Yes, React is getting its first native animations component. Discover
🔗 Read all about it: motion.dev/blog/reacts-...
Yes, React is getting its first native animations component. Discover
🔗 Read all about it: motion.dev/blog/reacts-...
Revealed: React's experimental animations API - Motion Blog
React is experimenting with a new animation API based on the View Transition API. How does it work? What can it do? We reveal all in this blog post.
motion.dev
January 13, 2025 at 3:02 PM
🕵️♂️ Revealed: React's experimental animations API.
Yes, React is getting its first native animations component. Discover
🔗 Read all about it: motion.dev/blog/reacts-...
Yes, React is getting its first native animations component. Discover
🔗 Read all about it: motion.dev/blog/reacts-...
Reposted by Nik Delmar
New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable 🙏
February 2, 2025 at 8:31 PM
New in Chrome DevTools: Skip irrelevant scripts in the Flame Chart! Debugging is faster and more actionable 🙏
Reposted by Nik Delmar
The @view-transition at-rule has two descriptions. One is the commonly used `navigation`. The other is `types`, one that likely envies all the attention `navigation` gets, but it opens up new possibilities for custom view transitions when navigating between pages.
css-tricks.com/what-on-eart...
css-tricks.com/what-on-eart...
What On Earth Is The `types` Descriptor In View Transitions? | CSS-Tricks
The @view-transition at-rule has two descriptions. One is the commonly used navigation descriptor. The second is types, the lesser-known of the two, and one that probably envies how much attention nav...
css-tricks.com
January 29, 2025 at 2:20 PM
The @view-transition at-rule has two descriptions. One is the commonly used `navigation`. The other is `types`, one that likely envies all the attention `navigation` gets, but it opens up new possibilities for custom view transitions when navigating between pages.
css-tricks.com/what-on-eart...
css-tricks.com/what-on-eart...
Reposted by Nik Delmar
🎯 We’re getting spoiled with new CSS animation features — scroll-driven animations, view transitions, and more. But small ease-of-life features often make the biggest impact! Explore @starting-style and transition-behavior — two must-know additions: www.smashingmagazine.com/2025/01/tran...
January 29, 2025 at 3:39 PM
🎯 We’re getting spoiled with new CSS animation features — scroll-driven animations, view transitions, and more. But small ease-of-life features often make the biggest impact! Explore @starting-style and transition-behavior — two must-know additions: www.smashingmagazine.com/2025/01/tran...
Reposted by Nik Delmar
A great example of how reference boxes can be used as positioning shortcuts in CSS when placing one element around another.
css-tricks.com/positioning-...
css-tricks.com/positioning-...
Positioning Text Around Elements With CSS Offset | CSS-Tricks
When it comes to positioning elements on a page, including text, there are many ways to go about it in CSS — the literal position property with corresponding inset-* properties, translate, margin, anc...
css-tricks.com
January 24, 2025 at 3:34 PM
A great example of how reference boxes can be used as positioning shortcuts in CSS when placing one element around another.
css-tricks.com/positioning-...
css-tricks.com/positioning-...
This article covers some handy CSS techniques, including:
* Linear Easing for Animations
* Typed Custom Properties
* View Transitions
Check it out: nerdy.dev/6-css-snippe...
#CSS #frontend #webdev
* Linear Easing for Animations
* Typed Custom Properties
* View Transitions
Check it out: nerdy.dev/6-css-snippe...
#CSS #frontend #webdev
6 CSS Snippets Every Front-End Developer Should Know In 2025 · January 19, 2025
Toolbelt worthy, powerful, and meaningful CSS you'll need for 2025.
nerdy.dev
January 23, 2025 at 12:40 PM
This article covers some handy CSS techniques, including:
* Linear Easing for Animations
* Typed Custom Properties
* View Transitions
Check it out: nerdy.dev/6-css-snippe...
#CSS #frontend #webdev
* Linear Easing for Animations
* Typed Custom Properties
* View Transitions
Check it out: nerdy.dev/6-css-snippe...
#CSS #frontend #webdev
Reposted by Nik Delmar
Must reads for web developers - how modern browsers work:
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
January 12, 2025 at 11:57 AM
Must reads for web developers - how modern browsers work:
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
1️⃣ bit.ly/browsers-pt1
2️⃣ bit.ly/browsers-pt2
3️⃣ bit.ly/browsers-pt3
4️⃣ bit.ly/browsers-pt4
and browser.engineering a free to read book on the topic
Reposted by Nik Delmar
Holy smokes, Balancing Text in CSS by @ishadeed.com is a phenomenal deep dive into a thorny subject. Definitely worth a read: ishadeed.com/article/bala...
#css
#css
Balancing Text In CSS
Make text look more balanced with text-wrap in CSS.
ishadeed.com
January 9, 2025 at 8:23 PM
Holy smokes, Balancing Text in CSS by @ishadeed.com is a phenomenal deep dive into a thorny subject. Definitely worth a read: ishadeed.com/article/bala...
#css
#css
Reposted by Nik Delmar
CSS Variables Editor: A Chrome Extension for Managing Colors in CSS Variables - https://www.cssvariables.com/
CSS Variables Editor - AI Browser Extension for managing colors in CSS Variables
CSS Variables Editor is the Browser Extension for managing colors in CSS Variables. AI-generated color palettes. Accessibility testing. Support for shadcn/ui and daisyUI (more coming soon).
www.cssvariables.com
January 8, 2025 at 9:30 PM
CSS Variables Editor: A Chrome Extension for Managing Colors in CSS Variables - https://www.cssvariables.com/
Reposted by Nik Delmar
Reposted by Nik Delmar
Safari 18.2 is here! For web developers, it’s the biggest release of new features this year. Highlights include cross-document View Transitions, text-box, spatial videos in visionOS, ruby improvements, WASM garbage collection, HTTPS by default, Genmoji, and more.
webkit.org/blog/16301/w...
webkit.org/blog/16301/w...
December 11, 2024 at 6:35 PM
Safari 18.2 is here! For web developers, it’s the biggest release of new features this year. Highlights include cross-document View Transitions, text-box, spatial videos in visionOS, ruby improvements, WASM garbage collection, HTTPS by default, Genmoji, and more.
webkit.org/blog/16301/w...
webkit.org/blog/16301/w...
Reposted by Nik Delmar
Un'indagine dell'OCSE dice che siamo agli ultimi posti tra i paesi avanzati per abilità di calcolo e comprensione del testo, e per l'economia è un guaio
Le scarse competenze dei lavoratori italiani - Il Post
Un'indagine dell'OCSE dice che siamo agli ultimi posti tra i paesi avanzati per abilità di calcolo e comprensione del testo, e per l'economia è un guaio
ilpost.link
December 10, 2024 at 4:57 PM
Un'indagine dell'OCSE dice che siamo agli ultimi posti tra i paesi avanzati per abilità di calcolo e comprensione del testo, e per l'economia è un guaio
Reposted by Nik Delmar
What Do The State of CSS and HTML Surveys Tell Us? https://web.dev/blog/state-of-css-html-2024?hl=en
What do the State of CSS and HTML surveys tell us? | Blog | web.dev
A look at the survey results from the State of HTML and State of CSS surveys.
web.dev
December 10, 2024 at 5:30 PM
What Do The State of CSS and HTML Surveys Tell Us? https://web.dev/blog/state-of-css-html-2024?hl=en
Reposted by Nik Delmar
React v19 – React
The library for web and native user interfaces
react.dev
December 5, 2024 at 7:05 PM
React v19 – React
The library for web and native user interfaces
react.dev
December 6, 2024 at 8:10 AM
Reposted by Nik Delmar
React v19, now with Web Component support!
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
December 5, 2024 at 8:28 PM
React v19, now with Web Component support!
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
Creating and managing React wrappers for our clients' design systems has long been a pain in the ass. This is very welcome step in the right direction. bradfrost.com/blog/link/re...
Reposted by Nik Delmar
✍️ "Hard truths about AI-assisted coding" tips & tricks in my latest article: bit.ly/ai-assisted
While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.
While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.
December 5, 2024 at 12:07 AM
✍️ "Hard truths about AI-assisted coding" tips & tricks in my latest article: bit.ly/ai-assisted
While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.
While AI-Assisted coding can get you 70% of the way there (great for prototypes or MVPs), the final 30% requires significant human intervention for quality and maintainability.
Reposted by Nik Delmar
Awesome Docs Gallery: A Crowdsourced, Open-Source Gallery for High-quality Dev Docs - https://awesome-docs.gallery/
Awesome Docs Gallery — A crowdsourced, open-source gallery for high-quality dev docs.
Discover high-quality developer documentation resources in our crowdsourced gallery. Find the best payments, ML-AI, IaaS, SaaS, API and cloud docs.
awesome-docs.gallery
December 5, 2024 at 12:30 AM
Awesome Docs Gallery: A Crowdsourced, Open-Source Gallery for High-quality Dev Docs - https://awesome-docs.gallery/
Reposted by Nik Delmar
in case you missed it, the first react compiler beta dropped
among other things is official support for React 17+ so you can try it even with an old React (and yes, version 17 is four years old, which is about seventy five in the javascript years)
among other things is official support for React 17+ so you can try it even with an old React (and yes, version 17 is four years old, which is about seventy five in the javascript years)
React Compiler Beta Release – React
The library for web and native user interfaces
react.dev
October 23, 2024 at 6:31 AM
in case you missed it, the first react compiler beta dropped
among other things is official support for React 17+ so you can try it even with an old React (and yes, version 17 is four years old, which is about seventy five in the javascript years)
among other things is official support for React 17+ so you can try it even with an old React (and yes, version 17 is four years old, which is about seventy five in the javascript years)
Reposted by Nik Delmar
Tip: In Chrome DevTools, we added a new AI Assistance panel. Debug & tweak CSS using natural language prompts!
November 27, 2024 at 8:27 PM
Tip: In Chrome DevTools, we added a new AI Assistance panel. Debug & tweak CSS using natural language prompts!