Search

Nalezeno "you": 6797

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

Fluid Width Video


IN A WORLD of responsive and fluid layouts on the web, ONE MEDIA TYPE stands in the way of perfect harmony: video. There are lots of ways in which video can be displayed on your site. You might be self-hosting the video and presenting it via the HTML5 <video tag. You might...

Block Links Are a Pain (and Maybe Just a Bad Idea)


As we noted in our complete guide, you can put an <a href=""> link around whatever chunks of HTML you like. Let's call that a "block link." Like you are wanting to link up an entire "Card" of content because it makes a big clickable target. <a href="/article/"<!-- display: block;...

7 of the World’s Largest Blockchain-as-a-Service Enterprises


You’ve heard of Software as a Service (Saas), the means by which businesses subscribe to and access cloud-based software. Blockchain-as-a-service (BaaS) is its distributed ledger equivalent. It describes the process by which a third party installs, hosts and maintains blockchain networks...

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

I Pressed ⌘B. You Wouldn’t Believe What Happened Next


This talk by Marcin Wichary is — beyond both enthusiastic and outstanding — all about the complexity of UI design, typography, and the lengths his team at Figma has gone to make sure that doing something as simple as selecting a font from a dropdown does what you expect it to. I’d recommend this...

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

5 Crypto Cashback Solutions That Award You Satoshis to Shop


Cashback is a popular ecommerce system that administers rewards and rebates for shopping. Every time you shop online, and in some cases in-store, you’ll earn up to 1% of the transaction value back. Traditionally administered in cash or rewards points, certain cashback schemes now dispense...

Geoff’s Redesign Posts


I love it when people redesign "in the open" and write about it. I'd just like to shout out to our own Geoff who has been doing this for 3 months now. He started in late December last year. He's been sharing stuff like his dev tooling choices, considering performance, considering accessibility...

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

Investing in Bitcoin or Altcoins – Which One will Give You More Returns?


The cryptocurrency sector comes with a lot of different currencies. Apparently, we have a new altcoin coming into the scene almost every day that can change the cryptocurrency field. Knowing where to invest your money can save a lot of hassles and time. There is no right decision or wrong decision...

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

Hex Opacity Table


We’ve used hex colors for years but 8-digit hexadecimal is still relatively new. While rgba is simple to understand, 8-digit hex is more difficult, as you need to provide a hex representation of a numeric value. The following is a hexadecimal chart of opacity! 100 FF 99 FC 98 FA 97 F7 96...

Animating CSS Width and Height Without the Squish Effect


The first rule of animating on the web: don't animate width and height. It forces the browser to recalculate a bunch of stuff and it's slow (or "expensive" as they say). If you can get away with it, animating any transform property is faster (and "cheaper"). Butttt, transform can be tricky. Check...

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