Search

Nalezeno "don": 1238

Rethinking Code Comments

2.4.2020
Justin Duke asks if treating code comments like footnotes could help us understand the code in a file better. In his mockup, all the comments are hidden by default and require a click to reveal: What a neat idea! Justin’s design reminds me of the way that Instapaper treated inline...

Performant Expandable Animations: Building Keyframes on the Fly

1.4.2020
Animations have come a long way, continuously providing developers with better tools. CSS Animations, in particular, have defined the ground floor to solve the majority of uses cases. However, there are some animations that require a little bit more work. You probably know that animations should...

How to build a bad design system

31.3.2020
I didn’t realize this until it was far too late, but one of the biggest mistakes that’s made on a design systems team is a common mismanagement issue: there are too many people in a meeting and they have too many dang opinions. Is there a conversation about the color of your buttons that’s taking...

Max Stoiber’s Strong Opinion About Margins

31.3.2020
Going with that title instead of the classic developer clickbait version Max used. ;) We should ban margin from our components. Don’t use margin?! This thing I’ve been doing my entire career and don’t have any particular problems with?! Well, that’s not exactly Max’s...

Add Beautiful Images with the Unsplash API

26.3.2020
Perhaps you know Unsplash? I'd wager it's the most popular stock photography site out there for two big reasons: Every photo on there is pretty darn nice Every photo is entirely free even for commercial use. You don't have to ask permission or even credit it (although that's appreciated). Here's...

Value Bubbles for Range Inputs

26.3.2020
HTML5 range inputs, in supported browsers and by design, don't show the user the actual value they are submitting. If you want to use the cool slider, but show the value, you'll have to do that yourself. Here we use the output element and jQuery to show the current value in a bubble that hovers...

CSS Viewport Units

26.3.2020
Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don't reach for as often as I should. I'm thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you're doing a calculation where...

Auto-Growing Inputs & Textareas

25.3.2020
By default, <input> and <textarea> elements don't change size based on the content they contain. In fact, there isn't any simple HTML or CSS way to make them do that. Kinda funny, as that seems like a reasonable use-case. But of course, there are ways, my friend. There are always...

How to Buy Weed With Bitcoin

25.3.2020
So you’ve got a little bitcoin to your name but are all out of weed. What you gonna do? Well, if you’re fortunate enough to live in a region where marijuana is legal, there are ways to exchange the two. While if you don’t inhabit such an enlightened area, rumor has it there...

Indicating Scroll Position on a Page With CSS

24.3.2020
Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there...

Auto-Archival

20.3.2020
I'm sure most of us have used the ol' Wayback Machine to access some site that's gone offline. I don't actually know how it decides what sites to archive and when, but you can tell it to save pages. There is UI for it right on its homepage. Also, there is a little trick... Typing...

Flexbox and absolute positioning

18.3.2020
Chen Hui Jing notes that when you absolutely position a flex item, it's no longer part of the flex layout. Except... it kinda is a little bit. If you make the child position: absolute; but don't apply any top/right/bottom/left properties, then flexbox alignment will still apply to it. It's odd...

If You Don’t Trust Yourself, These Crypto Vaults Will Help You Hodl Safely

18.3.2020
Hodling in difficult times has historically proven to be a long-term winning strategy. Keeping your cryptocurrency in your own cold storage is by default a good idea as far as security is concerned. But if you don’t trust yourself to not lose a small hardware device or a piece of paper, then...

6 Cryptocurrency Exchanges That Don’t Require KYC

17.3.2020
These days, it’s taken as a given that KYC must be endured to trade cryptos on centralized exchanges. In fact, there are still dozens of exchanges you can access without having to risk your personal documents and identity. The following guide examines six such platforms, and considers...

How to Make a Line Chart With CSS

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

Sass !default and themeable design systems

11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this: .c-text-input { background-color: $form-background-color; padding: 10px } If the $form-background-color variable isn’t defined then...

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