Search

Nalezeno "read": 2382

Building a Scalable CSS Architecture With BEM and Utility Classes

21.4.2020
Maintaining a large-scale CSS project is hard. Over the years, we’ve witnessed different approaches aimed at easing the process of writing scalable CSS. In the end, we all try to meet the following two goals: Efficiency: we want to reduce the time spent thinking about how things should...

Constrained CSS grids without `max-width`

21.4.2020
Ain’t nothing wrong with max-width, but Ethan makes a point in the last sentence: Rather than simply defaulting to max-width as a constraint, I can use the empty space around my design, and treat it as a layout tool. If the space “around” your grid...

Drupal to Jamstack

21.4.2020
I’ve been harping for a while that Jamstack doesn’t necessarily mean throwing away your old CMS. In fact, I’d argue that Jamstack is at it’s most powerful when paired with a system that you already know, are comfortable with, and perhaps even like. You’d call that...

Can JavaScript Detect the Browser’s Zoom Level?

21.4.2020
No, not really. My first guess was that this was intentionally not exposed in browsers because browsers intentionally don’t want us fighting it — or making well-intentioned but bad-outcome decisions based on that info. But I don’t see any evidence of that. StackOverflow answers paint...

The Contrast Triangle

21.4.2020
Chip Cullen: Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you’re working from have...

Creating Playful Effects With CSS Text Shadows

20.4.2020
Let’s have a look at how we can use the CSS text-shadow property to create truly 3D-looking text. You might think of text-shadow as being able to apply blurred, gradient-looking color behind text, and you would be right! But just like box-shadow, you can control how blurred the shadow is, including...

How (some) good corporate engineering blogs are written

18.4.2020
Interesting research from Dan Luu: … it’s pretty common for my personal blog to get more traffic than the entire corp eng blog for a company with a nine to ten figure valuation and it’s not uncommon for my blog to get an order of magnitude more traffic. I think this is...

Front-End Challenges

17.4.2020
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the websites you make can help yourself or anyone else you care about, then that’s also great. In lieu of that, you can also make things...

Pseudo-Randomly Adding Illustrations with CSS

17.4.2020
Between each post of Eric Meyer’s blog there’s this rather lovely illustration that can randomly be one of these five options: Eric made each illustration into a separate background image then switches out that image with the nth-of-type CSS property, like this: .entry:nth-of-type(2n+1)::before...

Crypto Marketplace Purse.io to Dissolve Operations After 6 Years

17.4.2020
On April 17, the crypto firm Purse.io announced the company is planning to dissolve after six years of operation. The marketplace provided incentives for people who wanted the lowest price points by leveraging cryptocurrency solutions. New signups on Purse have been disabled and the company’s...

Better Form Inputs for Better Mobile User Experiences

17.4.2020
Here’s one simple, practical way to make apps perform better on mobile devices: always configure HTML input fields with the correct type, inputmode, and autocomplete attributes. While these three attributes are often discussed in isolation, they make the most sense in the context of mobile user...

Investments in Grayscale Bitcoin Trust Hit Record High Amid Economic Crisis

17.4.2020
Grayscale Investments has announced the strongest quarter in its history. Investments into the company’s cryptocurrency products, including the flagship Grayscale Bitcoin Trust (GBTC), hit a record high in the first quarter. Of the total investment, 88% comes from institutional investors....

Thank You, Christopher Schmitt

16.4.2020
It’s incredibly sad that Christopher Schmitt passed away last week¹. I keep thinking about how Christopher was one of the best dudes I knew. Just incredibly kind and thoughtful all the way through. I know everyone says that about people after they pass, but I really mean it here. I’m...

Creating Color Themes With Custom Properties, HSL, and a Little calc()

16.4.2020
Before the advent of CSS custom properties (we might call them “variables” in this article as that’s the spirit of them), implementing multiple color schemes on the same website usually meant writing separate stylesheets. Definitely not the most maintainable thing in the world. Nowadays, though,...

Jetpack Instant Search!

16.4.2020
Jetpack has had a search feature for a while. Flip it on, and it replaces your built-in WordPress search (which is functional, but not particularly good) with an Elasticsearch-powered solution that is faster and has better results. I’ve been using that for quite a while here on CSS-Tricks...

IMF Predicts Worst Global Crisis Since Great Depression, Costing $9 Trillion

16.4.2020
The International Monetary Fund (IMF) said the world’s current economic crisis is the worst downturn since the Great Depression, and no country is spared. The IMF estimates that the cumulative loss to global GDP from the pandemic could be around 9 trillion dollars. Also read: IMF Declares...

CSS Scrollbar With Progress Meter

15.4.2020
Scrollbars are natural progress meters. How far the scrollbar is down or across is how much progress has been made scrolling through that element (often the entire page). But, they are more like progress indicators than meters, if you think of a meter as something that “fills up” as...

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