Search

Nalezeno "ways": 524

All the Ways to Make a Web Component


This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting “A Bit on Web Components Libraries” is that the web platform APIs were designed for libraries to be built around them. Interesting, right? This page makes...

How to Simplify SVG Code Using Basic Shapes


There are different ways to work with icons, but the best solution always includes SVG, whether it’s implemented inline or linked up as an image file. That’s because they’re “drawn” in code, making them flexible, adaptable, and scalable in any context. But when working with SVG, there’s always...

Number Scrubbing


If you use <input type="number">, some browsers give you an input that has UI for incrementing the number, like up/down arrows (often called “spinners”). That’s a bit helpful sometimes. But people have certainly explored fancier ways of updating that number....

This vs. That


Here’s a nice site from Phuoc Nguyen, who I’ve noted before has quite a knack for clever sites. This vs. That pits different related concepts against each other as a theme for an article. For example, CSS has display: none;, opacity: 0;, and visibility: hidden; and they all, on...

To grid or not to grid


Sarah Higley does accessibility work and finds that “tables and grids are over-represented in accessibility bugs.” The drum has been banged a million times: don’t use a <table> for layout. But what goes around comes around. What’s the the #1 item in a list...

A Community-Driven Site with Eleventy: Preparing for Contributions


I’ve recently found myself reaching for Eleventy (aka 11ty) above all other tools when I want to develop a website. It’s hard to beat a static site generator that provides advanced templating opportunities while otherwise getting out of your way and allowing you to just create. One...

Timer Bars in CSS with Custom Properties


I was working on a thing the other day that needed a visible timer. There was UI precedent for this type of timer on the project. People didn’t want to see numbers ticking downward; it was more ideal to see a “bar” drain away from full to empty. I mention that because there...

15 Ways to Stay Sane While Trading Crypto


24/7 markets. Big price swings. Hacks. Trading crypto can be tough on the nervous system. Here, based on interviews with leading traders, are tips for maintaining equilibrium

Orchid: Bringing Decentralization to VPNs


Whenever we browse the web, read news online, or purchase a new pair of glasses from an e-commerce store, we leave traces. These traces sometimes show us content that actually provides us with value, but more often the information we leave is used in concerning ways with scandals like Cambridge...

Here’s How to Check If a Bitcoin Address Is a Scam


With the rapid rise in the number of bitcoin scams, there are easy ways to check if a bitcoin address has been reported as being used by scammers, such as in fake bitcoin giveaways. You can also easily report any bitcoin address associated with a scam. Check the ‘Bitcoin Abuse’ Database...

When Sass and New CSS Features Collide


Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they can also end up interacting with preprocessors, like Sass, in funny ways. So this is going to be a post about the issues I’ve encountered...

Styling Layout Wrappers In CSS


Two things that strike me often about the web are how many ways there are to go about the same thing and how many considerations go into even the most seemingly simple things. Working with wrapper elements is definitely on both those lists. Wrappers (or containers or whatever) are so common...

Using Custom Property “Stacks” to Tame the Cascade


Since the inception of CSS in 1994, the cascade and inheritance have defined how we design on the web. Both are powerful features but, as authors, we’ve had very little control over how they interact. Selector specificity and source order provide some minimal “layering” control...

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