If you're in the mood for 🔬experimental features 🧑‍🔬, this post from @MicheBarks shows how to use #CSS animation-timeline. Get inspired by these examples that create animations as the user scrolls or other elements move!

https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/
#MDNBlogUpdate

#mozdevnet
Original tweet: https://twitter.com/MozDevNet/status/1689259241293348864 09 Aug 2023 14:56 CEST

Searching code can be a challenge! In this post, @docs_guy shows how to use grep for search.

Find out how this developer essential can boost productivity and help you use other languages and tools with #RegularExpressions 🚀

https://developer.mozilla.org/en-US/blog/searching-code-with-grep/
#MDNBlogUpdate

#mozdevnet
Original tweet: https://twitter.com/MozDevNet/status/1683844688015499264 25 Jul 2023 16:20 CEST

Looking to explore #CSS colors beyond rgb(), named colors, and hex values? This post is a bright first step into creating colors using hues, saturation, and lightness in CSS using the hsl() function. 🌈🎨

https://developer.mozilla.org/en-US/blog/learn-css-hues-colors-hsl/
#MDNBlogUpdate

#mozdevnet
Original tweet: https://twitter.com/MozDevNet/status/1679789806346285056 14 Jul 2023 11:47 CEST

In this post, Dipika outlines updates that landed in MDN docs for #CSS selectors & media queries, #WebGPU & WebTransport APIs, #PWA, and more! 🙌

Here's a recap of the changes:
https://developer.mozilla.org/en-US/blog/mdn-docs-june-2023/
#MDNBlogUpdate

#mozdevnet
Original tweet: https://twitter.com/MozDevNet/status/1679071234737283073 (12 Jul 2023 12:12 CEST)

We're excited to launch AI Help - an interactive coding companion integrated with MDN in collaboration with @supabase! Find solutions, learn more efficiently, and discover MDN docs for context.

Learn more about AI Help on the MDN blog:
https://developer.mozilla.org/en-US/blog/introducing-ai-help/
#MDNBlogUpdate

Original tweet : https://twitter.com/MozDevNet/status/1673980541559791619

Announcing the new Playground on MDN for live previews of HTML, CSS, and JavaScript!🚀🌟

Get hands-on with embedded examples to understand how features work through live interaction.

Find out more about the Playground on the MDN blog:
https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/
#MDNBlogUpdate

Original tweet : https://twitter.com/MozDevNet/status/1673648891223326721

Hey there, aspiring #WebDevelopers! 🚀✨ Discover the incredible world of #RegularExpressions with the latest update on MDN Blog. From validating user input to extracting data, Regular Expressions will take your projects to the next level. https://developer.mozilla.org/en-US/blog/regular-expressions-reference-updates/ #MDNBlogUpdate

Original tweet : https://twitter.com/MozDevNet/status/1664587689805467650

Improve accessibility and user experience on your website with #HTML landmark roles. The #MDNBlogUpdate explores the power of #ARIA landmarks and how they aid screen reader users. https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/ #a11y @schalkneethling

Original tweet : https://twitter.com/MozDevNet/status/1664228061263327234

Discover the power of :not() pseudo-class and how it revolutionizes #CSS. From beginners to seasoned developers, this post unlocks a new toolbox. https://developer.mozilla.org/en-US/blog/css-not-pseudo-multiple-selectors/ #MDNBlogUpdate @dipikabh

Original tweet : https://twitter.com/MozDevNet/status/1664155075567136768

Stay ahead of the curve with CSS Colors Module Level 4. Explore the world of color manipulation in #CSS, including new features and functions. Read more on MDN Blog: https://developer.mozilla.org/en-US/blog/css-color-module-level-4/ #WebDev #CSSColors #MDNBlogUpdate @docs_guy

Original tweet : https://twitter.com/MozDevNet/status/1664093170014072832

🌟 Unleash your creativity with JavaScript shape drawing! Dive into the latest blog post from MDN and discover how to create stunning visuals using the <canvas> element. Let your imagination run wild! https://developer.mozilla.org/en-US/blog/javascript-shape-drawing-function/ #JavaScript #ShapeDrawing #MDNBlogUpdate

Original tweet : https://twitter.com/MozDevNet/status/1663792687374389249

Learn how to enhance usability for screen reader users in the latest #MDNBlogUpdate. Discover the benefits of ARIA landmark roles and ensure an inclusive browsing experience. https://developer.mozilla.org/en-US/blog/aria-accessibility-html-landmark-roles/ #Accessibility #ARIA #a11y

Original tweet : https://twitter.com/MozDevNet/status/1663730810925580289

Are you a seasoned #WebDeveloper looking to level up your #CSS game? Dive into the #MDNBlogUpdate that explores the powerful :not() pseudo-class. Enhance your CSS skills and learn how to selectively style specific elements while excluding others. https://developer.mozilla.org/en-US/blog/css-not-pseudo-multiple-selectors/

Original tweet : https://twitter.com/MozDevNet/status/1663503280826138624

Hey there, aspiring #WebDevelopers! 🚀✨ Discover the incredible world of #RegularExpressions with the latest update on MDN Blog. From validating user input to extracting data, Regular Expressions will take your projects to the next level. https://developer.mozilla.org/en-US/blog/regular-expressions-reference-updates/ #MDNBlogUpdate

Original tweet : https://twitter.com/MozDevNet/status/1663500540884447232

🎨🌈 Calling all web developers! Dive into the world of colors with the latest #MDNBlogUpdate. Explore the CSS Colors Module Level 4 and unlock new ways to manipulate and display colors in CSS. https://developer.mozilla.org/en-US/blog/css-color-module-level-4/ #CSS #WebDevelopment #ColorManipulation

Original tweet : https://twitter.com/MozDevNet/status/1663430296849588225

Check out the comprehensive Regular Expressions Reference on MDN Web Docs and supercharge your coding skills! 💪👩‍💻👨‍💻 - https://developer.mozilla.org/en-US/blog/regular-expressions-reference-updates/ #MDNBlogUpdate #RegExp

Original tweet : https://twitter.com/MozDevNet/status/1663368391237812226