Search
Accessible Forms with Pseudo Classes
22.3.2024
Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for …
Accessible Forms with Pseudo Classes originally published...
I’m So Old: Web Edition
18.3.2024
Time can be a funny thing. I still remember discovering HTML, CSS, and JavaScript coding. I still remember my first college programming course. I still remember my first day at my first coding job, then my first day at my second coding job, and then my first day at Mozilla. I still remember...
Kompletní průvodce centrováním divů
18.3.2024
Text How To Center a Div – The Ultimate Guide to Centering in CSS se zabývá tématem, nad kterým by leckterý designer ohrnul nos: „Jak vycentrovat div?“ Jenže Josh W. Comeau si dal…
Solana Price Prediction as SOL Reaches Highest Level Since December 2021 – Can SOL Overtake Ethereum?
16.3.2024
Amidst a roaring market, Solana (SOL) soars to new heights since December 2021; can it surpass Ethereum in the race of giants?
The post Solana Price Prediction as SOL Reaches Highest Level Since December 2021 – Can SOL Overtake Ethereum? appeared first on Cryptonews
Bitcoin Price Prediction as BTC Reaches Highest Level Since December 2021 – $250,000 BTC Incoming?
27.2.2024
As Bitcoin soars past December 2021 peaks, whispers of a $250,000 milestone grow louder. Can the digital titan breach this epic threshold?
The post Bitcoin Price Prediction as BTC Reaches Highest Level Since December 2021 – $250,000 BTC Incoming? appeared first on Cryptonews
Bitcoin Price Prediction as Judge Approves Binance’s $4.3 Billion Plea Deal – Can Bull Market Resume Now?
24.2.2024
After Binance's substantial plea agreement, Bitcoin's market resilience is tested. Will this pave the way for a bullish resurgence?
The post Bitcoin Price Prediction as Judge Approves Binance’s $4.3 Billion Plea Deal – Can Bull Market Resume Now? appeared first on Cryptonews
How to Override width and height HTML attributes with CSS
5.2.2024
One of the HTML elements that frequently comes into collision with CSS is the img element. As we learned in Request Metrics’ Fixing Cumulative Layout Shift Problems on DavidWalshBlog article, providing image dimensions within the image tag will help to improve your website’s score....
Experimental CSS-Only Carousels with Scroll-Driven Animations
24.1.2024
Three carousel experiments made with CSS scroll-driven animations, based on Francesco Zagami's designs
Making CSS View-Transitions Easy with Velvette
19.1.2024
Learn how to effortlessly implement smooth CSS view-transitions with Velvette, a useful library designed to tackle common challenges and enhance user experiences in web applications
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view()
17.1.2024
With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more
AutoGrow Textareas with CSS
18.12.2023
As the demands of the web change and developers experiment with different user experiences, the need for more native language improvements expands. Our presentation layer, CSS, has done incredibly well in improving capabilities, even if sometimes too slow. The need for native support...
JavaScript closest
5.7.2023
When it comes to finding relationships between elements, we traditionally think of a top-down approach. We can thank CSS and querySelector/querySelectorAll for that relationship in selectors. What if we want to find an element’s parent based on selector? To look up the element tree and find...
WDRL — Edition 312: Modern CSS isn’t always easy, DOM efficiency, and how the room sounds right now.
3.7.2023
Hey,
it’s been a while again since my last edition. Spring and summer here are always a busy season for me, splitting my available time into two jobs: Web work (or currently project management) and my garden. I’ll try to catch up more regularly now again, so maybe another edition will follow...
WDRL — Edition 311: People-first leadership, Scoped CSS and Grid View Transitions
3.5.2023
Hey,
Spring and the caprioles of April’s weather here in Germany kept me so busy that I couldn’t send out a condensed edition earlier. We had a rainy month, and my split role of being a market gardener and web developer (currently working as a Scrum Master) is already challenging. But with...
CSS content-visibility
28.4.2023
The CSS language is full of small gaps which are frustrating to navigate. Between CSS properties to hide a container and its contents, there is still room for improvement. visibility: hidden keeps height and width integrity while display: none on a container hides everything. You can...
Passkeys: What the Heck and Why?
12.4.2023
These things called passkeys sure are making the rounds these days. They were a main attraction at W3C TPAC 2022, gained support in Safari 16, are finding their way into macOS and iOS, and are slated to …
Passkeys: What the Heck and Why? originally published...
WDRL — Edition 310: 4-day Work Weeks, Awesome CSS, Image Performance, and Type-safe APIs.
27.3.2023
Hey,
in my area, spring is arriving and while today we had some snow falling again, I’m regularly in my market garden again, planting vegetables, sowing radish, salads, carrots and more. It’s still such a great balance to my web work that I can only recommend having an outdoors activity to...
Some Cross-Browser DevTools Features You Might Not Know
22.3.2023
I spend a lot of time in DevTools, and I’m sure you do too. Sometimes I even bounce between them, especially when I’m debugging cross-browser issues. DevTools is a lot like browsers themselves — not all of the features in …
Some Cross-Browser DevTools Features You Might Not Know originally...
Making Calendars With Accessibility and Internationalization in Mind
13.3.2023
Doing a quick search here on CSS-Tricks shows just how many different ways there are to approach calendars. Some show how CSS Grid can create the layout efficiently. Some attempt to bring actual data into the mix. Some …
Making Calendars With Accessibility and Internationalization in Mind...
5 Mistakes I Made When Starting My First React Project
10.3.2023
You know what it’s like to pick up a new language or framework. Sometimes there’s great documentation to help you find your way through it. But even the best documentation doesn’t cover absolutely everything. And when you work with something …
5 Mistakes I Made When Starting My First...