Search
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...
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...
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...
Menu Reveal By Page Rotate Animation
8.9.2020
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...
Working with JavaScript Media Queries
7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this:
body {
background-color: plum;
}
@media (min-width: 768px) {
body {
background-color: tomato;
}
}
CSS media queries are a core ingredient in any responsive...
Comparing Browsers for Responsive Design
1.9.2020
There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be writing CSS and making sure it’s working across all the viewports in a single glance.
They are all very similar. For example, they...
How to Make a Media Query-less Card Component
1.9.2020
Fun fact: it’s possible to create responsive components without any media queries at all. Certainly, if we had container queries, those would be very useful for responsive design at the component level. But we don’t. Still, with or without container queries, we can do things to make our components...
a11y is web accessibility
29.8.2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough.
I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie?...
a11y is web accessibility
29.8.2020
Eric Bailey eviscerates the notion that the term “a11y” isn’t accessible. It’s a hot take that I’ve had myself, embarrassingly enough.
I never see people asking why WWI is written out the way it is, either. Won’t people confuse that with the first Wonder Woman movie?...
Updated Bitcoin CoinSwap Protocol Design Spurs Further Discussion
28.8.2020
UK-based developer Chris Belcher has released a design document for a routed multi-transaction CoinSwap implementation, further developing his work on improving Bitcoin (BTC) transaction privacy and fungibility. The post, which comprises a detailed design of the first protocol version, has spurred...
Wasabi Wallet Is Revamping Its CoinJoin Design to Allow Bitcoin Mixing With Differing Values
27.8.2020
Wasabi Wallet's new protocol would allow users to coinjoin with differing values, which could give users greater flexibility when using the privacy feature
Design.dev Review: A New Place to Find Free High-Quality Design Resources
27.8.2020
The hip new design resource site Design.dev will provide you with unique resources and premium designs that you won't find anywhere else.
The post Design.dev Review: A New Place to Find Free High-Quality Design Resources appeared first on Codrops
Designing a JavaScript Plugin System
25.8.2020
WordPress has plugins. jQuery has plugins. Gatsby, Eleventy, and Vue do, too.
Plugins are a common feature of libraries and frameworks, and for a good reason: they allow developers to add functionality, in a safe, scalable way. This makes the core project more valuable, and it builds a community...
Leading-Trim: The Future of Digital Typesetting
21.8.2020
leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — and that it’s now part of the Inline Layout Module Level 3 spec.
You’d use...
[aktualita] Facebook začne v září přepínat na nový design, ten starý už nebude k dispozici
21.8.2020
Chvíle, kdy budou všichni uživatelé Facebooku muset přejít na nový design desktopové aplikace, se nejspíš přiblížila. Server Engadget si všiml, že sociální síť uživatele informuje o tom, že od září už současný vzhled nebudou mít k dispozici. Informace se podle serveru zobrazuje těm uživatelům...
Why Developers should Design Niche Portfolio Sites for Themselves
20.8.2020
This post will show you how to design niche portfolio sites that instantly impress prospective clients and save you the trouble in trying to find and sell them yourself.
The post Why Developers should Design Niche Portfolio Sites for Themselves appeared first on Codrops
Let’s Make Generative Art We Can Export to SVG and PNG
19.8.2020
Let’s say you’re a designer. Cool. You’ve been hired to do some design work for a conference. All kinds of stuff. Website. Printed schedules. Big posters for the rooms. Preroll slides. You name it.
So you come up with an aesthetic for it all — a design vibe that ties it...
Bank of England Joins Key Roundtable on Central Bank Digital Currency Design
18.8.2020
The Bank of England is keeping central bank digital currency research high on its 2020 agenda
Collective #618
13.8.2020
Elder.js * Serverless: I'm a big kid now * The Endless Doomscroller * Building a Design System Library
The post Collective #618 appeared first on Codrops
Register for An Event Apart’s Front-End Focus Online Conference
11.8.2020
(This is a sponsored post.)
An Event Apart has been doing these single-day online “Online together” conferences. You can check out the last couple, which are available on-demand (buy it, watch it when you want) for a limited time:
Online Together (available through December...