Search

Nalezeno "ai use": 2939

Careful with Nested `display: grid; height: 100%;`


It's not every day you can feel CSS be slow at something. Reddit user jgbbrd discovered nesting grid containers that all have 100% height can cause many-seconds of rendering delay. Probably not something you'll ever have to worry about, but still, interesting. From the comments: What a funny...

How to Make a Line Chart With CSS


Line,  bar, and pie charts are the bread and butter of dashboards and are the basic components of any data visualization toolkit. Sure, you can use SVG or a JavaScript chart library like Chart.js or a complex tool like D3 to create those charts, but what if you don't want to load yet another...

Considerations When Choosing Fonts for a Multilingual Website


As a front-end developer working for clients all over the world, I've always struggled to deal with multilingual websites — especially cases where both right-to-left (RTL) and left-to-right (LTR) are used. That said, I’ve learned a few things along the...

Make Yourself a Little API With Netlify Functions


Here's an example of a nice little use case for cloud functions. Glitch has this great package of friendly words. Say you wanted to randomly generate "happy-elephant" or "walking-tree", and you need to do that on your website in JavaScript. Well, this package is pretty big (~200 KB), necessarily...

Negative Margins


PPK digs into the subject, which he found woefully undercovered in web tech documentation. Our entry doesn't mention them at all, which I'll aim to fix. Agree on this situation: This is by far the most common use case for negative margins. You give a container a padding so that its contents have...

Use a:visited in your CSS stylesheet


Evert Pot: Unfortunately, when setting a new color (e.g. a { color: #44F }) the ‘purple visited link’ feature also gets disabled. I think this is a shame, as there’s so many instances where you’re going through a list of links and want to see what you’ve seen before. The 2 examples I ran into...

Check These Five Bitcoin Escrow Services You Could Use in 2020


Source: iStock/Bet_Noire Making larger bitcoin (BTC) transactions for business or other purposes can be daunting – and that is why many choose to make use bitcoin escrow services. Simply put, these can help you ensure that you only part with your coins after all aspects of your agreement have been...

What to Use Instead of Number Inputs


You might reach for <input type="number> when you're, you know, trying to collect a number in a form. But it's got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn't one (like how a credit card number has spaces), because it's really just a string...

Creating a Modal Image Gallery With Bootstrap Components


Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos? Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it to make the same sort of thing. So, let’s...

Collective #595


Variable Fonts Primer * Cannon-es and use-cannon * Faux Code Generator * Learn Box Alignment Collective #595 was written by Mary Lou and published on Codrops

The Algorithms That Control the Cryptocurrency Market


Algorithms are at the heart of 21st century life, invisibly controlling many of the systems we use and take for granted on a daily basis. Pervasive algorithms determine the entertainment we consume (Netflix, Spotify), the information we read (Google), and the chatter we hear (Facebook, Twitter)....

JavaScript Libraries Are Almost Never Updated Once Installed


Some commentary from Zack Bloom on the Cloudflare Blog, looking at requests to CDNJS for versions of jQuery. What we don’t see is a decline in our old versions which come close to the volume of growth of new versions when they’re released. In fact the release of 3.4.1, as popular as it quickly...

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