Search

Nalezeno "links": 44

BOTW Fan Finishes Game Without Stepping In The Same Place Twice

19.7.2021
Throughout Breath of the Wild’s four-year life, players have come up with all kinds of quirky ways to play. There are no damage runs, shield only runs, and what I like to call the “Naked and Afraid” challenge where has Link beat the final boss of the Champion’s Ballad DLC with no clothes and only...

Antoine Griezmann Is An Yu-Gi-Oh! Ambassador

14.6.2021
When not playing Football Manager the hard way, Barcelona and France striker Antoine Griezmann is playing soccer. When he’s not doing that, he might be watching Yu-Gi-Oh! But does he play it? Hrm...Read more

target=”blank”

9.6.2021
Does that make your eye twitch a little bit? Like… it’s a typo. It should be target="_blank" with an underscore to start the value. As in… <a target="_blank" href="https://codepen.io"Open CodePen in a New Tab </a Welp, that’s correct syntax!… The post...

Create a Tag Cloud with some Simple CSS and even Simpler JavaScript

28.12.2020
I’ve always liked tag clouds. I like the UX of seeing what tags are most popular on a website by seeing the relative font size of the tags, popular tags being bigger. They seem to have fallen out of fashion, … The post Create a Tag Cloud with some Simple CSS and even Simpler JavaScript...

Excluding Emojis From Transparent Text Clipping

2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient. 😍 Pretty neat, right? And the trick isn’t all that complicated. On hover… give the link a linear...

A CSS-only, animated, wrapping underline

21.8.2020
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,...

Block Links: The Search for a Perfect Solution

25.5.2020
I was reading this article by Chris where he talks about block links — you know, like wrapping an entire card element inside an anchor — being a bad idea. It’s bad accessibility because of how it affects screen readers. And it’s bad UX because it prevents simple user tasks, like selecting text. But...

The Contrast Triangle

21.4.2020
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...

How to Create a “Skip to Content” Link

17.3.2020
Skip links are little internal navigation links that help users move around a page. It’s possible you’ve never actually seen one before because they’re often hidden from view and used as an accessibility enhancement that lets keyboard users and screen readers jump from the top of the page to...

Block Links Are a Pain (and Maybe Just a Bad Idea)

10.3.2020
As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target. <a href="/article/"<!-- display: block;...

Use a:visited in your CSS stylesheet

9.3.2020
Evert Pot: Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before. The 2 examples I ran into...

4 Ways to Animate the Color of a Text Link on Hover

3.3.2020
Let’s create a pure CSS effect that changes the color of a text link on hover… but slide that new color in instead of simply swapping colors. There are four different techniques we can use to do this. Let’s look at those while being mindful of important things, like accessibility, performance,...

How to Get Free Bitcoin in 2020

28.2.2020
Many early adopters who made a fortune from cryptocurrency first got their hands on coins by receiving them for free from bitcoin faucets back in the day. Today there are still a number of ways for you to get bitcoin for free including airdrops, giveaways, bounties, tipping, referral programs...

Fixed Headers and Jump Links? The Solution is scroll-margin-top

21.2.2020
The problem: you click a jump link like <a href="#header-3">Jump</a> which links to something like <h3 id="header-3">Header</h3>. That's totally fine, until you have a position: fixed; header at the top of the page obscuring the header you're trying to link to! Fixed...

A Complete Guide to Links and Buttons

14.2.2020
Our complete guide to links, buttons, and button-like inputs in HTML, CSS, and JavaScript. The post A Complete Guide to Links and Buttons appeared first on CSS-Tricks

Breakout Buttons

4.10.2019
Andy covers a technique where a semantic <button> is used within a card component, but really, the whole card is clickable. The trick is to put a pseudo-element that goes beyond the button, covering the entire card. The tradeoff is that the pseudo-element sits on top of the text, so text...

The Many Ways to Link Up Shapes and Images with HTML and CSS

1.10.2019
Different website designs often call for a shape other than a square or rectangle to respond to a click event. Perhaps your site has some kind of tilted or curved banner where the click area would be awkwardly large as a straight rectangle. Or you have a large uniquely shaped logo where you only...

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