Search

Nalezeno "single": 3989

Using Flexbox and text ellipsis together

22.7.2020
You can truncate a single line of text with an ellipsis (…) fairly easily with text-overflow and a few friends. But, as you might expect, that truncation happens at the end of the line of text. What if you want to truncate content in the middle? Leonardo Faria details good use cases for this...

Backdrop Filter effect with CSS

16.7.2020
I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a frosted glass effect and the CSS property is backdrop-filter. The approach? Easy peasy: .container { backdrop-filter: blur(10px); } The...

How to delete all node_modules directories from your computer

8.7.2020
Nice tip from Chris Ferdinandi: My node_modules directories contained 50mb of stuff on the small side, and over 200mb of files in some cases. Over a few dozen projects, that really adds up! Two dozen projects with 200 MB worth of node_modules? That’s nearly 5 GB of space for...

Renters Threaten US Real Estate Market, 20 Million Americans Face Eviction

8.7.2020
The aftermath of the coronavirus-provoked business shutdowns in the United States caused a number of market observers to focus on the U.S. real estate and rental markets. As the federal moratorium on evictions reaches its expiry, a recent Aspen Institute report reveals that 20 million renters...

Styling Layout Wrappers In CSS

29.6.2020
Two things that strike me often about the web are how many ways there are to go about the same thing and how many considerations go into even the most seemingly simple things. Working with wrapper elements is definitely on both those lists. Wrappers (or containers or whatever) are so common...

Grid for layout, flexbox for components

26.6.2020
When should we reach for CSS grid and when should we use flexbox? Rachel Andrew wrote about this very conundrum way back in 2016: Flexbox is essentially for laying out items in a single dimension – in a row OR a column. Grid is for layout of items in two dimensions – rows AND columns. Ahmad...

How to Get All Custom Properties on a Page in JavaScript

8.6.2020
We can use JavaScript to get the value of a CSS custom property. Robin wrote up a detailed explanation about this in Get a CSS Custom Property Value with JavaScript. To review, let’s say we’ve declared a single custom property on the HTML element: html {   --color-accent: #00eb9b; } In JavaScript...

A First Look at `aspect-ratio`

29.5.2020
Oh hey! A brand new property that affects how a box is sized! That’s a big deal. There are lots of ways already to make an aspect-ratio sized box (and I’d say this custom properties based solution is the best), but none of them are particularly intuitive and certainly not...

John McAfee Announces Privacy Coin – Airdrop Today

25.5.2020
2020 has been a turbulent year for the cryptocurrency market, but it has established the resilience of blockchain technology. Despite a single-day market plunge that battered the entire market valuation with a 50% drop, the following rapid uptick in Bitcoin price has led it to outperform...

Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects

20.5.2020
I was reading Anna Kaley’s “Listboxes vs. Dropdown Lists” post the other day. It’s a fairly straightforward comparison between different UI implementations of selecting options. There is lots of good advice there. Classics like that you should use radio buttons (single...

Tackling Authentication With Vue Using RESTful APIs

18.5.2020
Authentication (logging in!) is a crucial part of many websites. Let’s look at how to go about it on a site using Vue, in the same way it can be done with any custom back end. Vue can’t actually do authentication all by itself, —we’ll need another service for that, so we’ll be using another service...

Online Together

14.5.2020
(This is a sponsored post.) An Event Apart: Online Together is a single-day online conference with an intense focus on digital design, UX, content, code, and more, giving you deep insights into where we are now and where things are going next. AEA! With a brand new online version of their...

React Single File Components Are Here

13.5.2020
Shawn Wang is talking about RedwoodJS here: …  it is the first time React components are being expressed in a single file format with explicit conventions. Which is the RedwoodJS idea of Cells. To me, it feels like a slightly cleaner version of how Apollo wants you to do it with useQuery....

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