Search

Nalezeno "more": 10650

Custom Styling Form Inputs With Modern CSS Features


It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a single line of JavaScript or extra HTML elements! It’s actually gotten easier lately than it has been in the past. Let’s take a look. Here’s...

Old CSS, new CSS


I love this post that walks through the development of CSS and HTML — it shows just how far web design has come and how much easier it is for us all now. Eevee looks at designing websites with tables, the Space Jam website, and how for centuries there was no way to easily inspect changes made to...

Full-Width Elements By Using Edge-to-Edge Grid


If you have a limited-width container, say a centered column of text, "breaking out" of that to make a full-width element involves trickery. Perhaps the best trick is the one with left relative positioning and a negative left viewport-based margin. While it has it's caveats (e.g. requiring hidden...

Getting Fancy with position: sticky;


Mike Solomon worked on a fancy scrollytelling post for Esquire and blogged about it. It has GIFs of each step along the way of figuring out not just position: sticky; but also using negative margins, wrapper divs, backgrounds, and even a smidge of JavaScript measuring to get it all right. What...

There’s No Such Thing as Tainted Bitcoins


All bitcoins are created equal. But in the eyes of blockchain forensics firms, some bitcoins are more equal than others. If these companies are to be believed, coins that have been used in criminal transactions are ‘tainted,’ destined to be forever linked with nefarious activity....

Bitcoin Trust GBTC Shares Spike Despite 30% Premium


Bitcoin and cryptocurrency prices have seen significant gains as the entire cryptoconomy is up more than 40% since mid-December. Grayscale’s Bitcoin Trust (GBTC) has also seen an uptick and shares have climbed 9% this week. The news follows the asset manager’s recent registration as...

RSK Opens Bridge Between Bitcoin and Ethereum + More News


Crypto Briefs is your daily, bite-sized digest of cryptocurrency and blockchain-related news – investigating the stories flying under the radar of today’s crypto news. Adoption news Bitcoin sidechain RSK said it has launched a two-way bridge between Bitcoin and Ethereum blockchains. Developers...

Getting Acquainted With Svelte, the New Framework on the Block


For the last six years, Vue, Angular, and React have run the world of front-end component frameworks. Google and Facebook have their own sponsored frameworks, but they might leave a bitter taste for anyone who advocates for an open and unbiased web. Vue is another popular framework that...

Building an accessible autocomplete control


Here’s a great in-depth post from Adam Silver about his journey to create an autocomplete field that’s as accessible as possible. There are so many edge cases to consider! There are old browsers and their peculiar quirks, there are accessibility best practices for screen readers, and not to mention...

Browser Version Release Spectrum


Whenever a browser upgrades versions, it's a little marketing event, and rightly so. Looks like for Firefox it's about once a month, Chrome is ~6 weeks, and Safari is once a year. Chrome 80 just dropped, as they say, and we get a video and blog post. What strikes me about releases like this these...

Crypto’s Dotcom Era Begins as Handshake Launches Decentralized Domains


Handshake, one of the more original crypto projects to have spawned during the ICO era, has completed its long-awaited launch. The decentralized domains registrar, founded by MIT engineers, has spent the last year in stealth mode but is now opening up to the general public. The Handshake protocol...

HTTPS is Easy!


I've been guilty of publicly bemoaning the complexity of HTTPS. In the past, I've purchased SSL certificates from third-party vendors and had trouble installing them. I've had certificates expire and had to scramble to fix them. I've had to poke and prod hosting companies to help me ensure things...

Native Image Lazy Loading in Chrome Is Way Too Eager


Interesting research from Aaron Peters on <img loading="lazy" ... >: On my 13 inch macbook, with Dock positioned on the left, the viewport height in Chrome is 786 pixels so images with loading="lazy" that are more than 4x the viewport down the page are eagerly fetched by Chrome...

Blockchain Group Asks IRS to Exempt Small Crypto Payments + More News


Crypto Briefs is your daily, bite-sized digest of cryptocurrency and blockchain-related news – investigating the stories flying under the radar of today’s crypto news. Tax news A blockchain trade group, the Wall Street Blockchain Alliance, asked the U.S. Internal Revenue Service (IRS) to exempt...

CSS4 is a Bad Idea


Louis Lazaris, reacting to the idea of CSS4: The reason “CSS3” worked is because it was real. It was the successor to “CSS2.1”. Everything after CSS2.1 was considered to be under the umbrella of “CSS3”. The gist is that CSS4 isn't real, so won't work, and we don't need it anyway. Perhaps...

Creating an Editable Webpage With Google Spreadsheets and Tabletop.js


Please raise your hand if you’ve ever faced never-ending content revision requests from your clients. It’s not that the changes themselves are difficult, but wouldn't it be less complicated if clients could just make the revisions themselves? That would save everyone valuable time, and  allow...

Select an Element with a Non-Empty Attribute


Short answer: [data-foo]:not([data-foo=""] { Longer answer (same conclusion, just an explanation on why we might need this): Say you have an element that you style with a special data-attribute: <div data-highlight="product"</div You want to target that element and do special things when...

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