Frontend News #5: ChatGPT CSS, Custom Range Sliders @CSSWeekly
Frontend News #5: ChatGPT CSS, Custom Range Sliders  @CSSWeekly
Uploaded September 2024 | Updated September 2026, 39 minutes ago
Find out in which cases you can use ChatGPT to generate CSS, how to create stunning range sliders using Anchor Positioning & Scroll-Driven Animations, why and how you should convert your Chrome extensions to Safari, and more.

πŸ”₯ Hypermode: cssw.io/hypermode-ai

πŸ”— Links
1. Custom Range Slider: frontendmasters.com/blog/custom-range-slider-using-anchor-positioning-scroll-driven-animations
2. Styling Tables the Modern CSS Way: https://piccalil.li/blog/styling-tables-the-modern-css-way/
3. Hypermode: cssw.io/hypermode-ai
4. How to convert Chrome extensions to Safari: evilmartians.com/chronicles/how-to-quickly-and-weightlessly-convert-chrome-extensions-to-safari
5. The Solar System in CSS: dev.to/madsstoumann/the-solar-system-in-css-51bo
6. Two Cool Ways to Use :has() - codepen.io/jlengstorf/pen/YzMwNrp

Subscribe to CSS Weekly Newsletter:
πŸ’Œ css-weekly.com

Help support my channel
πŸ‘¨β€πŸŽ“ Get a course: masteringlinting.com
πŸͺ§ Buy a CSS sticker pack: stickers.css-weekly.com
πŸ’– Support me on Patreon: patreon.com/cssweekly

Keep up-to-date with CSS Weekly:
🐦 Twitter: twitter.com/@cssweekly
🎢 TikTok: tiktok.com/@cssweekly
πŸŽ‡ Instagram: instagram.com/cssweekly
πŸ“˜ Facebook: facebook.com/CSSWeekly

Keep up to date with what I'm up to:
πŸ‘¨β€πŸ’Ό Blog: zoranjambor.com
πŸ’Ό LinkedIn: linkedin.com/in/zoranjambor

πŸ“– Chapters
00:00 Intro
00:26 Custom Range Slider
01:12 Styling Tables the Modern CSS Way
01:51 Hypermode
02:31 How to convert Chrome extensions to Safari
03:15 The Solar System in CSS
04:16 2 Cool Ways to Use :has()
04:43 A question for you

- Zoran Jambor
#css #cssnews #webdevelopment
Frontend News #5: ChatGPT CSS, Custom Range SlidersDynamic SVG Section SeparatorsWhat exactly is :root selector in CSS?Enable *NEW* CSS Transitions BehaviorPractical Use Cases for :has() Pseudo-ClassHorizontal rule inside select element? #html #cssCSS Tips β€” Practical img Element DefaultsCreate Gradient CSS Text StrokesEmulate Color Scheme in Chrome DevTools (prefers-color-scheme)Start Using color-scheme CSS Property When Working With Dark/Light ThemesHow To Create Animated Anchor Links Using CSSVS Code Tips β€” How to solve all your CSS problems instantly
CSS Weekly |

Frontend News #5: ChatGPT CSS, Custom Range Sliders

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER