Search

Nalezeno "pattern": 407

Styling Complex Labels


Danielle Romo covers the HTML pattern you need when you have a wordy <label> with fancy styling for an <input type="radio">. The trick? The ol’ <span class="hidden-visually"> that contains the label that you want to be read, and a <span aria-hidden="true"> with...

Siacoin (SC) Drops After Drawing a Higher High Pattern


Amongst many open-source blockchain networks in the global crypto market, Siacoin is a minable Proof of Work-based platform that extends low-cost solutions for cloud storage, offering encryption and distribution of files to be stored by users across a decentralized network of peers. On the price...

Enjin Coin Draws Higher High Pattern with YTD High at $0.266


Enjin Coin is one of the lucrative tokens amongst the top 100 of the global crypto market and has revised the way people commonly use blockchain technology. The Enjin platform is building blockchain games and apps along with a wallet to keep the digital assets safe. It also helps to trade the rare...

A Bit on Web Component Libraries


A run of Web Components news crossed my desk recently so I thought I’d group it up here. To my mind, one of the best use cases for Web Components is pattern libraries. Instead of doing, say, <ul class="nav nav-tabs"> like you would do in Bootstrap or <div class="tabs"> like...

Accordion Rows in CSS Grid


I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this: grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content); That way, if...

Irregular-shaped Links with Subgrid


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


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

Creative Background Patterns Using Gradients, CSS Shapes, and Even Emojis


You can create stripes in CSS. That’s all I thought about in terms of CSS background patterns for a long time. There’s nothing wrong with stripes; stripes are cool. They can be customized into wide and narrow bands, criss-crossed into a checked pattern, and played with in other ways using the idea...

Background Patterns, Simplified by Conic Gradients


For those who have missed the big news, Firefox now supports conic gradients! Starting with Firefox 75, released on the April 7, we can go to about:config, look for the layout.css.conic-gradient.enabled flag and set its value to true (it’s false by default and all it takes to switch...

Block Links: The Search for a Perfect Solution


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

Wild Satoshi Theories: The Curious Case of Bitcoin Block 3654 from 2009


On Wednesday, 50 bitcoin mined on February 9, 2009, was moved from the original address to a new address. The movement of coins caused a great commotion throughout the cryptocurrency community, as some individuals assumed it may have been the mysterious Satoshi Nakamoto. However, skeptics believe...

Collective #603


Gallery * Responsive CSS Motion Path * Spacing in CSS * pattern.css * The Cost of JavaScript Frameworks Collective #603 was written by Pedro Botelho and published on Codrops

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