Search

Nalezeno "read": 2414

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

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

Considerations When Choosing Fonts for a Multilingual Website

10.3.2020
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

10.3.2020
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

9.3.2020
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

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

Adventures in CSS Semi-Transparency Land

9.3.2020
Recently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with the same RGB values for the background-color — on top of an image. Something like this: <img src='myImage.jpg'/> <div...

Use a:visited in your CSS stylesheet

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

Geoff’s Redesign Posts

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

Google Fonts + Variable Fonts

7.3.2020
I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it's blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable fonts is...

German Crypto Regulator BaFin Shuts Down Unauthorized Bitcoin ATMs

7.3.2020
Germany’s Federal Financial Supervisory Authority (BaFin) has shut down unauthorized bitcoin ATMs in the country. Now that cryptocurrency is regulated under the German Banking Act, bitcoin ATM operators need to be authorized by BaFin. The regulator recently clarified what crypto service...

Bitcoin History: When DDoS Attacks Made BTC’s Price Drop

7.3.2020
As anyone who has read the Bitcoin History series (or lived through the period in question) will know, the Bitcointalk forum was the crucible of debate in the early days. What’s less known is that – to quote one poster – “DDoSing this forum coincided with dumps on the then...

What to Use Instead of Number Inputs

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

Currying in CSS

6.3.2020
Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this: :root { --fluid-max-negative: (1 / var(--fluid-max-ratio)...

Creating a Modal Image Gallery With Bootstrap Components

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

The 3 Laws of Serverless

6.3.2020
Burke Holland thinks that to "build applications without thinking about servers" is a pretty good way to describe serverless, but... Nobody really thinks about servers when they are writing their code. I mean, I doubt any developer has ever thrown up their hands and said “Whoa, whoa, whoa. Wait...

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