Search

Nalezeno "underlines": 13

Cyberpunk 2077's Romance Update Is Sweet, But Underlines A Big Problem


Cyberpunk 2077 is in a pretty good spot these days. After a dumpster fire of a launch, the next-gen update, 2.0 patch, and Phantom Liberty expansion have gotten CD Projekt Red’s open-world RPG to a respectable state. The 2.1 patch that launched this week adds a nice little bow to the game as...

When to Avoid the text-decoration Shorthand Property


In my recent article about CSS underline bugs in Chrome, I discussed text-decoration-thickness and text-underline-offset, two relatively new and widely-supported CSS properties that give us more control over the styling of underlines. Let me demonstrate the usefulness of … When to Avoid...

CSS Underlines Are Too Thin and Too Low in Chrome


I’ve encountered two bugs in Chrome while testing the new CSS text-decoration-thickness and text-underline-offset properties, and I want to share them with you here in this article. But first, let’s acknowledge one thing: Default underlines are inconsistent Let’s add a … CSS Underlines...

A CSS-only, animated, wrapping underline


Nicky Meuleman, inspired by Cassie Evans, details how they built the anchor link hover on their sites. When a link is hovered, another color underline kinda slides in with a gap between the two. Typical text-decoration doesn’t help here, so multiple backgrounds are used instead,...

Rough Notation


This is a neat little library. It uses SVG to insert hand-drawn looking annotations to elements (probably text), like underlines and box highlights (there are 6 design options, all configurable). Super clever. Here’s a little demo: CodePen Embed Fallback Aside from it just being cool,...

The Contrast Triangle


Chip Cullen: Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you’re working from have...

Moving Rainbow Underlines


I absolutely love the design of the Sandwich site. Among many beautiful features are these headlines with rainbow underlines that move as you scroll. It's not scroll-jacking — it's just a minor design feature that uses scroll position to enact a little movement. To draw the rainbows...

Link Underlines That Animate Into Block Backgrounds


It's a cool little effect. The default link style has an underline (which is a good idea) and then on :hover you see the underline essentially thicken up turning into almost what it would have looked liked if you used a background-color on the link instead. Here's an example of the effect on...

Styling Links with Real Underlines


Before we come to how to style underlines, we should answer the question: should we underline? In graphic design, underlines are generally seen as unsophisticated. There are nicer ways to draw emphasis, to establish hierarchy, and to demarcate titles. That’s clear in this advice from Butterick’s...

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