Search

Nalezeno "web": 2239

A DRY Approach to Color Themes in CSS


The other day, Florens Verschelde asked about defining dark mode styles for both a class and a media query, without repeat CSS custom properties declarations. I had run into this issue in the past but hadn’t come up with a … The post A DRY Approach to Color Themes in CSS appeared first...

Getting Deep into Shadows


Let’s talk shadows in web design. Shadows add texture, perspective, and emphasize the dimensions of objects. In web design, using light and shadow can add physical realism and can be used to make rich, tactile interfaces. Take the landing page … The post Getting Deep into Shadows appeared...

Clipping Scrollable Areas On The inline-start Side


On a default left-to-right web page, “hanging” an element off the right side of the page (e.g. position: absolute; right: -100px;) triggers a horizontal scrollbar that scrolls as far as needed to make that whole element visible. But if … The post Clipping Scrollable Areas On...

Three Ways to Blob with CSS and SVG


Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web. So, how are they made? Just crack open an illustration … The post Three Ways to Blob with CSS and SVG appeared...

Let’s Create a Custom Audio Player


HTML has a built-in native audio player interface that we get simply using the <audio> element. Point it to a sound file and that’s all there is to it. We even get to specify multiple files for better browser support, … The post Let’s Create a Custom Audio Player appeared first...

Barebones CSS for Fluid Images


Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I’d say, is what you’d expect, but things get weird when srcset gets involved. I poked my way through, and in addition to the … The post Barebones CSS for Fluid Images appeared first...

Front of the Front / Back of the Front


People really latched onto Brad’s framing. And for good reason. Front-end development has gotten so wide scoping that there are specialists inside of it. Two years ago, I cut it down the middle and now Brad is putting … The post Front of the Front / Back of the Front appeared first...

Maximally optimizing image loading for the web in 2021


Malte Ubl’s list for: 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. Fluid width images in CSS, not forgetting the height and width attributes … The post Maximally optimizing image...

The web didn’t change; you did


I love this piece from Remy Sharp where he argues that the web didn’t get more complicated over the last 20 years, despite what we might think: Web development did not change. Web development grew. There are more options now, … The post The web didn’t change; you did appeared first...

Using AbortController as an Alternative for Removing Event Listeners


The idea of an “abortable” fetch came to life in 2017 when AbortController was released. That gives us a way to bail on an API request initiated by fetch() — even multiple calls — whenever we want. Here’s a super … The post Using AbortController as an Alternative for Removing Event Listeners...

Kim Dotcom Publishes a Website That Highlights the Benefits of Bitcoin Cash


On February 12, the founder of the now-defunct file-sharing website Megaupload and cryptocurrency proponent, Kim Dotcom tweeted about a new website he created that shows the upside of bitcoin cash. The web portal whybitcoincash.com highlights why people should join the digital money revolution...

Responsible Web Applications


Joy Heron bought a cool domain name and published an article there: Luckily, with modern HTML and CSS, we can create responsive and accessible web apps with relative ease. In my years of doing software development, I have learned some … The post Responsible Web Applications appeared first...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace