Search

Nalezeno "You": 7903

Form design

15.9.2020
A very digestable guide from Geri Reid on building forms. Not the code, but the design and UX principles that should guide the code. Working on a design system for a bank has taught [me] a lot about forms. I’ve watched testing in our labs. I’ve worked alongside experts from specialist...

Winamp Skin Museum

15.9.2020
65,000 skins, they say. That’s extraordinary, especially considering how creative and well done many of them are. MySpace was an even bigger creative explosion of customization. What’s the next product that will inspire this kind of user ownership through theming? Allowing...

Interaction Media Features and Their Potential (for Incorrect Assumptions)

14.9.2020
The Media Queries Level 4 Interaction Media Features — pointer, hover, any-pointer and any-hover — are meant to allow sites to implement different styles and functionality (either CSS-specific interactivity like :hover, or JavaScript behaviors, when queried using window.matchMedia), depending...

Why DeFi Isn’t Always As Decentralized As You Might Think

13.9.2020
With the word ‘decentralized’ in its name, you’d think that DeFi (decentralized finance) would be pretty decentralized. If a platform claims to be DeFi, this should mean that it isn’t under the control of any single party or entity, and that it operates as a function of a large and dispersed number...

Read Me!

12.9.2020
A fancy experiential essay from the team at Readymag, which is a tool for building… fancy experiential essays, about fancy experiential essays: With all the technology addressing readability issues, it’s still design basics that distinguish a readable text from one that isn’t. Here are some...

Using a brightness() filter to generically highlight content

12.9.2020
Rick Strahl: I can’t tell you how many times over the years I’ve implemented a custom ‘button’ like CSS implementation. Over the years I’ve used images, backgrounds, gradients, and opacity to effectively ‘highlight’ a control. All that works of course,...

How to Get Handwriting Animation With Irregular SVG Strokes

11.9.2020
I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen. Because calligraphy fonts have uneven stroke widths (they actually aren’t even strokes in terms of SVG), it was near impossible to do this sort of thing...

Defining “View Source”

10.9.2020
Last time there was a little flurry of activity around the concept of “View Source,” I did get the sense that not everyone was on the same page about what that even means. Jim Nielsen: First, when we talk about “View Source” what precisely are we talking about? I think this is...

Modifying Specific Letters with CSS and JavaScript

10.9.2020
Changing specific characters can be a challenge in CSS. Often, we’re forced to implement our desired changes one-by-one in HTML, perhaps using the span element. But, in a few specific cases, a CSS-focused solution may still be possible. In this article, we’ll start by looking at some CSS-first...

Setting up and Customizing the Ant Design System in a Nuxt App

9.9.2020
I don’t typically work with UI libraries because they can be cumbersome and hard to override, which can contribute to a bloated. However, Ant Design has recently gained some some of my affection because it’s easy to use, has extensible defaults, and features a delicate design. Nuxt and...

How CSS Perspective Works

9.9.2020
As someone who loves creating CSS animations, one of the more powerful tools I use is perspective. While the perspective property is not capable of 3D effects all by itself (since basic shapes can’t have depth), you can use the transform property to move and rotate objects in a 3D space (with...

AVIF has landed

8.9.2020
Everybody is talking about AVIF today because of Jake’s blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we can already take advantage of it. This will be easier if you’ve abstracted your...

One Action, Multiple Terminal Windows Running Stuff

8.9.2020
Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a big fancy Docker-based thing in one terminal, Ruby on Rails in another, and webpack in another. I’ve worked on other projects 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