Search

Nalezeno "Links": 374

Creating UI Components in SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

How to Create a Timeline Task List Component Using SVG

24.11.2020
I’m thoroughly convinced that SVG unlocks a whole entire world of building interfaces on the web. It might seem daunting to learn SVG at first, but you have a spec that was designed to create shapes and yet, still has elements, like text, links, and aria labels available to you. You can accomplish...

Quppy Users Are Offered a Referral Program

19.11.2020
PRESS RELEASE. Quppy services can now be referred for an attractive direct cashback. The Quppy digital financial solution is launching its first referral program. Quppy current and new users are now provided with their unique referral links to share among their communities. The Quppy referral...

Parsing Markdown into an Automated Table of Contents

13.11.2020
A table of contents is a list of links that allows you to quickly jump to specific sections of content on the same page. It benefits long-form content because it shows the user a handy overview of what content there is with a convenient way to get there. This tutorial will show you how to parse...

Bidirectional scrolling: what’s not to like?

6.11.2020
Some baby bear thinking from Adam Silver. Too hot: [On horizontal scrolling, like Netflix] This pattern is accessible, responsive and consistent across screen sizes. And it’s pretty easy to implement. Too cold: That’s a lot of pros for a pattern that in reality has some critical...

bitFlyer Links Japanese, European Platforms to ‘Boost Bitcoin Liquidity’

30.9.2020
Japanese market-leading crypto exchange bitFlyer said it has linked its bitFlyer Europe operations with its domestic platform – allowing European traders to access bitcoin (BTC)-Japanese yen trading pairs in what it said is a “world-first.” “It’s cross-border trading,” tweeted bitFlyer CEO Yuzo...

Make Your Own Dev Tool

29.9.2020
Amber Wilson on making bookmarklets to help yo-self. She shows off one that injects an accessibility script — I like this approach, as it means you don’t have to maintain the bookmarklet, just the script it links to). Another example runs some code contained right in the link. The result...

Inclusive Design 24

16.9.2020
Totally free. No sign-up. No registration. All sessions are streamed live and publicly on the Inclusive Design 24 YouTube channel – see the entire playlist for the event. Quite the lineup. I’ve got a couple of other accessibility links burning a hole in my pocket as well: Matt Stobbs:...

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

Offering Options for mailto: and tel: Links

21.8.2020
I generally like mailto: links. But I feel like I can smell a mailto: link without even inspecting or clicking it, like some kind of incredibly useless superpower. I know that if I’ve got my default mail client set, clicking that link will do what I want it to do, and if I want, I...

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

Bold on Hover… Without the Layout Shift

27.7.2020
When you change the font-weight of a font, the text will typically cause a bit of a layout shift. That’s because bold text is often larger and takes up more space. Sometimes that doesn’t matter, like a vertical stack of links where the wider/bolder text doesn’t push anything...

Irregular-shaped Links with Subgrid

16.7.2020
Michelle Barker covers a situation where you need offset rectangles part of a clickable area. The tricky part is having just the rectangles be clickable. That rules out using some parent element and making the whole larger encompassing rectangle clickable, which is a common (but equally tricky)...

Three CSS Alternatives to JavaScript Navigation

14.7.2020
Hey quick! You’ve gotta create the navigation for the site and you start working on the mobile behavior. What pattern do you choose? If you’re like most folks, it’s probably the “hamburger” menu that, when clicked, uses a little JavaScript to expand a vertical list of navigation links. But that’s...

Some Performance Links

3.7.2020
Just had a couple of good performance links burning a hole in my pocket, so blogging them like a good little blogger. Web Performance Recipes With Puppeteer Puppeteer is an Node library for spinning up a copy of Chrome “headlessly” (i.e. no UI) and controlling it. People use it...

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