Search

Nalezeno "Can": 6706

A Font-Like SVG Icon System for Vue


Managing a custom collection of icons in a Vue app can be challenging at times. An icon font is easy to use, but for customization, you have to rely on third-party font generators, and merge conflicts can be painful to resolve since fonts are binary files. Using SVG files instead can eliminate...

Holy Albatross with Widths


Heydon’s Holy Albatross is a technique to have a row of elements break into a column of elements at a specific width. A specified parent width, not a screen width like a media query would have. So, like a container query (ya know, those things that don’t exist yet that we...

WordPress.com Growth Summit


I’m speaking at The Official WordPress.com Growth Summit coming up in August. “Learn how to build and grow your site, from start to scale”, as they say. Lovely, thick, diverse set of speakers. It’s a little bit outside my normal spheres which makes...

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

Vue 3.0 has entered Release Candidate stage!


Vue is in the process of a complete overhaul that rebuilds the popular JavaScript framework from the ground up. This has been going on the last couple of years and, at long last, the API and implementation of Vue 3 core are now stabilize. This is exciting for a number of reasons: Vue 3 promises...

CMD+Z for Git is Here


Version control with Git has become a “commodity” by now: virtually every software project today uses Git, and virtually every developer knows Git to some extent. This explains why I sometimes hear the following question when I talk about what I do for a living: “A desktop client...

US Regulator Green-Lights Banks for Cryptocurrency Custody Services


The Office of the Comptroller of the Currency (OCC) has clarified that national banks and federal savings associations can provide cryptocurrency custody services for customers. The OCC sees banks providing crypto custody services as “a modern form of traditional bank activities related...

Position Vertical Scrollbars on Opposite Side with CSS


Fair warning: I can’t say I recommend this in general because it breaks a very strong expectation of where scrollbars are, which are useful for a lots of folks, not to mention, a core accessibility feature for many. But it is a fascinating CSS trick and the web is a big place with...

Pausing a GIF with details/summary


Steve Faulkner has a clever idea here. You can show an (animated) GIF and overlay a pause/play button on top of it — which is really a <details>/<summary> element. When toggled, a (non-animated) JPG inside covers the GIF, effectively “pausing” it. Adrian Roselli calls...

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

What ya need there is a bit of templating


I had a fella write in to me the other day. He had some HTML, CSS, and JavaScript, and it just wasn’t behaving like he thought it ought to. The HTML had some placeholders in it and the JavaScript had some data in it, and the assumption was that the data would fill the placeholders. To those...

Using Flexbox and text ellipsis together


You can truncate a single line of text with an ellipsis (…) fairly easily with text-overflow and a few friends. But, as you might expect, that truncation happens at the end of the line of text. What if you want to truncate content in the middle? Leonardo Faria details good use cases for this...

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