Search

Nalezeno "quote": 264

Getting Creative With Quotes


How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, decorative quote marks, custom shapes, and a few unexpected properties. Getting Creative With Quotes originally...

Keeping the page interactive while a View Transition is running


When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running. […] This happens because of the ::view-transition pseudo element – the one that contains all animated snapshots – gets overlayed on top … Keeping the page...

CSS Wrapped 2024


Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the latest CSS launched for Chrome and the web platform in 2024, highlighting 17 new features That breaks down (approximately) as: Five components Interactions Developer experience… CSS Wrapped 2024...

Knowing CSS is Mastery to Frontend Development


Anselm Hannemann on the intersection between frameworks and learning the basics: Nowadays people can write great React and TypeScript code. Most of the time a component library like MUI, Tailwind and others are used for styling. However, nearly no … Knowing CSS is Mastery to Frontend...

You can use text-wrap: balance; on icons


Terence Eden on using text-wrap: balance for more than headings: But the name is, I think, slightly misleading. It doesn’t only work on text. It will work on any content. For example – I have a row of icons at … You can use text-wrap: balance; on icons originally published...

The Proliferation and Problem of the ✨ Sparkles ✨ Icon


Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me: The challenge with this icon is sparkle ambiguity: Participants in our recent research study generally agreed that it represented something a little special … The Proliferation...

BCD Watch


A new tool from Eric Meyer, Brian Kardell, and Stephanie Stimac backed with Igalia’s support. Brian announced it on his blog, as did Eric, describing it like this: What BCD Watch does is, it grabs releases of the Browser … BCD Watch originally published on CSS-Tricks, which...

Shipping Tumblr and WordPress


Didya see that Tumblr is getting a WordPress makeover? And it’s not a trivial move: This won’t be easy. Tumblr hosts over half a billion blogs. We’re talking about one of the largest technical migrations in internet history. Some … Shipping Tumblr and WordPress originally published...

Introducing <shelly-wc>


I created a little library at work to make those “skeleton screens” that I’m not sure anyone likes. [&#8230;] We named it skellyCSS because… skeletons and CSS, I guess. We still aren’t even really using it very much, but it &#8230; Introducing &lt;shelly-wc&gt; originally published...

Understanding Gutenberg Blocks, Patterns, and Templates


Developers suffer in the great multitudes whom their sacred block-based websites cannot reach. Johannes Gutenberg (probably) Long time WordPresser, first time Gutenberger here. I&#8217;m a fan even though I&#8217;m still anchored to a classic/block hybrid setup. I believe Johanes himself...

Basic keyboard shortcut support for focused links


Eric gifting us with his research on all the various things that anchors (not links) do when they are in :focus. Turns out, there’s a lot! That&#8217;s an understatement! This is an incredible amount of work, even &#8230; Basic keyboard shortcut support for focused links originally published...

Callbacks on Web Components?


A gem from Chris Ferdinandi that details how to use custom events to hook into Web Components. More importantly, Chris dutifully explains why custom events are a better fit than, say, callback functions. With a typical JavaScript library, you pass &#8230; Callbacks on Web Components? originally...

How are the `colspan` and `rowspan` attributes different?


Yes, yes. Functionally, they are different. But heck if I didn’t know about the wacky thresholds until Jens Oliver Meiert tooted a pair of quick polls. According to the HTML Standard: If the&#160;current cell&#160;has a&#160;colspan&#160;attribute, then&#160; &#8230; How are the `colspan`...

font-size Limbo


You might recall that Alvaro suggests bumping up font-size to 1.25rem from the default user agent size of 16px. Sebastian Laube pokes at that: I wouldn&#8217;t adopt Alvaro&#8217;s suggestion without further ado, as I would waste so much space &#8230; font-size Limbo originally published...

(Hyper) Links About (Hyper) Links


Heydon on the virtues of hyperlinking hypertext in an anchor element: Sometimes, the&#160;&#60;a&#62;&#160;is referred to as a hyperlink, or simply a&#160;link. But it is not one of these and people who say it is one are &#8230; (Hyper) Links About (Hyper) Links originally published...

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