Search

Nalezeno "article": 3094

CSS Infinite 3D Sliders


In this series, we’ve been making image sliders with nothing but HTML and CSS. The idea is that we can use the same markup but different CSS to get wildly different results, no matter how many images we toss … CSS Infinite 3D Sliders originally published on CSS-Tricks, which is part of...

So, you’d like to animate the display property


The CSS Working Group gave that a thumbs-up a couple weeks ago. The super-duper conceptual proposal being that we can animate or transition from, say, display: block to display: none. It’s a bit of a brain-twister to reason … So, you’d like to animate the display property originally...

Some Links on AI-Related Stuff


Every so often, I find that the links I save to read later fall into natural groups or patterns that reveal common threads of interest. The past couple of weeks have produced a lot of thoughts about ChatGPT, an … Some Links on AI-Related Stuff originally published on CSS-Tricks, which...

Unchain My Inaccessibly-Labelled Heart


Suzy Naschansky from the HTMHell Advent Calendar: <h2 id="article1-heading"All About Dragons</h2<pI like dragons. Blah blah blah blah blah.</p<p<a id="article1-read-more" aria-labelledby="article1-read-more article1-heading"Read more</a</p See that aria-labelledby...

A Few Times Container Size Queries Would Have Helped Me Out


CSS Container Queries are still gaining traction and many of us are getting our hands wet with them, even if it’s for little experiments or whatnot. They’ve got great, but not quite full, browser support — enough to justify using … A Few Times Container Size Queries Would Have Helped Me...

Saving Settings for a Custom WordPress Block in the Block Editor


We’ve accomplished a bunch of stuff in this series! We created a custom WordPress block that fetches data from an external API and renders it on the front end. Then we took that work and extended it so the data … Saving Settings for a Custom WordPress Block in the Block Editor originally...

CSS Infinite Slider Flipping Through Polaroid Images


In the last article, we made a pretty cool little slider (or “carousel” if that’s what you prefer) that rotates in a circular direction. This time we are going to make one that flips through a stack of Polaroid … CSS Infinite Slider Flipping Through Polaroid Images originally...

Animated Background Stripes That Transition on Hover


How often to do you reach for the CSS background-size property? If you’re like me — and probably lots of other front-end folks — then it’s usually when you background-size: cover an image to fill the space of an entire … Animated Background Stripes That Transition on Hover originally...

Adding Box Shadows to WordPress Blocks and Elements


The CSS box-shadow and outline properties gained theme.json support in WordPress 6.1. Let's look at a few examples of how it works in real themes, and what options we have to apply these styles to WordPress blocks and elements. Adding Box Shadows to WordPress Blocks and Elements originally...

Does WWW still belong in URLs?


For years, a small pedantry war has been raging in our address bars. In one corner are brands like Google, Instagram, and Facebook. This group has chosen to redirect example.com to www.example.com. In the opposite corner: … Does WWW still belong in URLs? originally published on CSS-Tricks...

Nobel Prize Laureate Paul Krugman Warns of an Eternal Winter for Blockchain


Nobel Prize-winning economist Paul Krugman has warned about the possibility of a perennial winter for blockchain projects, including crypto. In a recent article published in the New York Times (NYT), the economist criticizes blockchain as a tech and its uses citing several signs that he believes...

CSS Infinite and Circular Rotating Image Slider


Image sliders (also called carousels) are everywhere. There are a lot of CSS tricks to create the common slider where the images slide from left to right (or the opposite). It’s the same deal with the many JavaScript libraries out … CSS Infinite and Circular Rotating Image Slider originally...

Digging Deeper Into Container Style Queries


I wrote up some early thoughts on container style queries a little while back. It’s still early days. They’re already defined in the CSS Containment Module Level 1 specification (currently in Editor’s Draft status) but there’s still a couple of … Digging Deeper Into...

Using The New Constrained Layout In WordPress Block Themes


One of the main goals of the WordPress Site Editor (and, yes, that is now the “official” name) is to move basic block styling from CSS to structured JSON. JSON files are machine-readable, which makes it consumable by … Using The New Constrained Layout In WordPress Block Themes originally...

More Than “Slapping Paint on a Website”


I’m a sucker for anything about front-end job titles. Anselm Hannemann: CSS evolved and we’re beyond the point where everyone can just do it as a side interest. We all can learn it and build amazing stuff with it, … More Than “Slapping Paint on a Website” originally...

Newer Things to Know About Good Ol’ HTML Lists


HTML lists are boring. They don’t do much, so we don’t really think about them despite how widely used they are. And we’re still able to do the same things we’ve always done to customize them, like removing markers, reversing … Newer Things to Know About Good Ol’ HTML Lists originally...

Apple Messages & Color Contrast


Well, color me this! I was griping to myself last night about just how gosh dang hard it is to read text messages in Apple Messages. You know, not the blue bubbles that you get when messaging other iPhone users. … Apple Messages & Color Contrast originally published on CSS-Tricks, which...

Taming the Cascade With BEM and Modern CSS Selectors


BEM. Like seemingly all techniques in the world of front-end development, writing CSS in a BEM format can be polarizing. But it is – at least in my Twitter bubble – one of the better-liked CSS methodologies. Personally, I think … Taming the Cascade With BEM and Modern CSS Selectors...

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