Search

Nalezeno "LOT": 626

Change Color of SVG on Hover


There are a lot of different ways to use SVG. Depending on which way, the tactic for recoloring that SVG in different states or conditions — :hover, :active, :focus, class name change, etc. — is different. Let's look at the ways. Inline SVG Inline SVG is my favorite way to use...

Markets Update: Crypto Bulls Outpace Stocks and Gold


Cryptocurrency markets have been doing extremely well over the last 48 hours, making a lot of prior skeptics think the bearish crypto winter may have ended. Since our last markets update three days ago, the entire cryptoconomy has gained close to $33 billion in value and trading sessions over...

SLP-Based Token ACD to Gain Traction With Acceptance at Thousands of Shops


The Simple Ledger Protocol (SLP) has garnered a lot of attention over the last few months as there’s been a wide variety of tokens created on top of the Bitcoin Cash network. On May 10, the Tokyo-based Alliance Cargo Direct revealed the SLP-minted token ACD and bitcoin cash will be accepted...

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!


Oh, the Many Ways to Make Triangular Breadcrumb Ribbons Let’s have a look at how we can create a row of links that sorta run into each other with a chevron-like shape and notch on each block like you might see in a hierarchical breadcrumb navigation. You’ve probably seen this pattern a lot....

Moving from Gulp to Parcel


Ben Frain just made some notes about the switch from Gulp to Parcel, a relatively new "web application bundler" which, from a quick look at things, is similar to webpack but without all the hassle of setting things up. One of the things I’ve always disliked about webpack is that you kinda have...

Who Are Design Systems For?


Specific design systems, I mean. Design systems, as a concept, are something just about any site can benefit from. A lot of hype goes into design systems these days. Just the other day, an organization's published their design system publicly and I got a slew of DMs, emails, and Slack messages...

Native Lazy Loading


IntersectionObserver has made lazy loading a lot easier and more efficient than it used to be, but to do it really right you still gotta remove the src and such, which is cumbersome. It's definitely not as easy as: <img src="celebration.jpg" loading="lazy" alt="..." /> Addy Osmani says...

What Are Design Tokens?


I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting and worth jotting down a few notes about. As I understand it, the general idea is this: design tokens are an agnostic way to store variables...

Form Validation in Under an Hour with Vuelidate


Form validation has a reputation for being tricky to implement. In this tutorial, we’ll break things down to alleviate some of that pain. Creating nice abstractions for forms is something that Vue.js excels at and Vuelidate is personally my favorite option for validations because it doesn't require...

Who has the fastest website in F1?


Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site: Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less...

A Gutenburg-Powered Newsletter


I like Gutenberg, the new WordPress editor. I'm not oblivious to all the conversation around accessibility, UX, and readiness, but I know how hard it is to ship software and I'm glad WordPress got it out the door. Now it can evolve for the better. I see a lot of benefit to block-based editors. Some...

Using <details> for Menus and Dialogs is an Interesting Idea


One of the most empowering things you can learn as a new front-end developer who is starting to learn JavaScript is to change classes. If you can change classes, you can use your CSS skills to control a lot on a page. Toggle a class to one thing, style it this way, toggle to another class...

Design Systems and Portfolios


In my experience working with design systems, I’ve found that I have to sacrifice my portfolio to do it well. Unlike a lot of other design work where it’s relatively easy to present Dribbble-worthy interfaces and designs, I fear that systems are quite a bit trickier than that. You could make things...

Stackbit


This is not a sponsored post. I requested a beta access for this site called Stackbit a while back, got my invite the other day, and thought it was a darn fine idea that's relevant to us web nerds &#8212; particularly those of us who spin up a lot of JAMstack sites. I'm a big fan of the whole idea...

Downsides of Smooth Scrolling


Smooth scrolling has gotten a lot easier. If you want it all the time on your page, and you are happy letting the browser deal with the duration for you, it's a single line of CSS: html { scroll-behavior: smooth; } I tried this on version 17 of this site, and it was the second most-hated thing...

HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World


Hey CSS-Tricksters! A lot of folks tweeted, emailed, commented and even courier pigeoned (OK, maybe not that) stories about their personal journeys learning web development after we published "The Great Divide" essay. One of those stories was from Tim Smith and, it was so interesting, that...

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