Alex
@alexdevvv.bsky.social
😭
Every Senior Dev's Personal Website
#developer #programming #security #ssl #firefox
https://programmerhumor.io/webdev-memes/every-senior-devs-personal-website-wrfe
#developer #programming #security #ssl #firefox
https://programmerhumor.io/webdev-memes/every-senior-devs-personal-website-wrfe
April 14, 2025 at 1:46 AM
😭
Part 2 of the testimonial slider! All about CSS: CSS variable naming conventions pseudo-class, @container-query, grid-template-areas, @starting-style, :has(), scroll-snap-type, scroll-snap-align, scroll-state.
Demo: codepen.io/AtStudio/pen...
Blog: atstudio.live/blog/pages/b...
Demo: codepen.io/AtStudio/pen...
Blog: atstudio.live/blog/pages/b...
Swiper-Slider: Scroll, Drag, and Click to Navigate
An advanced interactive swiper-slider with enhanced JavaScript for user engagement. Other than using the scroll-state() and scrollsnapchanging event, a...
codepen.io
April 10, 2025 at 5:13 AM
Part 2 of the testimonial slider! All about CSS: CSS variable naming conventions pseudo-class, @container-query, grid-template-areas, @starting-style, :has(), scroll-snap-type, scroll-snap-align, scroll-state.
Demo: codepen.io/AtStudio/pen...
Blog: atstudio.live/blog/pages/b...
Demo: codepen.io/AtStudio/pen...
Blog: atstudio.live/blog/pages/b...
Testimonial sliders typically support either touchpad or mouse navigation—but rarely both. Here is a demo that support both, and I will post in blog series to talk about the HTML, CSS, and JS.
The demo: codepen.io/AtStudio/pen...
Part 1 dives into the HTML structure: atstudio.live/blog/pages/b...
The demo: codepen.io/AtStudio/pen...
Part 1 dives into the HTML structure: atstudio.live/blog/pages/b...
Building a Testimonial Slider: Part 1 - HTML Structure
Learn how to build a testimonial slider with touchpad and mouse navigation. This first part covers the HTML structure, using modern CSS features.
atstudio.live
April 7, 2025 at 6:58 AM
Testimonial sliders typically support either touchpad or mouse navigation—but rarely both. Here is a demo that support both, and I will post in blog series to talk about the HTML, CSS, and JS.
The demo: codepen.io/AtStudio/pen...
Part 1 dives into the HTML structure: atstudio.live/blog/pages/b...
The demo: codepen.io/AtStudio/pen...
Part 1 dives into the HTML structure: atstudio.live/blog/pages/b...
CSS: a programming language? Years of debate, here is a blog post about :is(), :where(), and :has() pseudo-classes, compared with similar functionality in JavaScript: atstudio.live/blog/pages/m...
Mastering CSS :is(), :where(), and :has() – A Guide for Developers with JavaScript Insights
Learn to master CSS pseudo-classes :is(), :where(), and :has(). This guide explains their usage, specificity, and JavaScript-like logic for cleaner, smarter stylesheets.
atstudio.live
April 6, 2025 at 3:52 AM
CSS: a programming language? Years of debate, here is a blog post about :is(), :where(), and :has() pseudo-classes, compared with similar functionality in JavaScript: atstudio.live/blog/pages/m...
The web eliminates lots of information blocks compared to the old days, and many brilliant minds are sharing their views, knowledge, and experience. As a newbie, I’ve learned a lot from the community and want to contribute back to complete the circle, helping the web stay an open place for everyone.
April 6, 2025 at 12:18 AM
The web eliminates lots of information blocks compared to the old days, and many brilliant minds are sharing their views, knowledge, and experience. As a newbie, I’ve learned a lot from the community and want to contribute back to complete the circle, helping the web stay an open place for everyone.