Search

Nalezeno "LOOKS": 1051

Qtum Price Analysis: QTUM Although Has Spiked Up But Its Future Looks Gloomy


Currently, the condition of the crypto sphere is so miserable that hardly any investors or crypto enthusiasts can see any altcoins being able to retain their values towards bullish ranges. QTUM is although appearing to be different as of now but the persistence of its bullish range it’s...

Night Mode with Mix Blend Mode: Difference


Dark mode designs are all the rage right now but here’s an interesting take: Wei Gao has built a night mode on her own site that uses mix-blend-mode: difference to create an effect that looks like this: Wei explains how she implemented this technique and the edge cases she encountered along...

Footnotes That Work in RSS Readers


Feedbin is the RSS reader I'm using at the moment. I was reading one of Harry's blog posts on it the other day, and I noticed a nice little interactive touch right inside Feedbin. There was a button-looking element with the number one which, as it turned out, was a footnote. I hovered over it,...

A Better Approach for Using Purgecss with Tailwind


Greg Kohn looks at how to use Purgecss — a tool that helps remove unused styles — and Tailwind — a utility-based CSS framework — and why we might want to pair these tools together: Tailwind, by intention, is aiming to equip you with an arsenal of utility classes...

Naming things to improve accessibility


I like the this wrap-up statement from Hidde de Vries: In modern browsers, our markup becomes an accessibility tree that ultimately informs what our interface looks like to assistive technologies. It doesn’t matter as much whether you’ve written this markup: in a .html file in Twig, Handlebars...

Who Are Design Systems For?


Specific design systems, I mean. Design systems, as a concept, are something just about any site can benefit from. A lot of hype goes into design systems these days. Just the other day, an organization's published their design system publicly and I got a slew of DMs, emails, and Slack messages...

Who has the fastest website in F1?


Jake Archibald looks at the websites of Formula One race teams and rates their performance, carefully examining their images and digging into the waterfall of assets for each site: Trying to use a site while on poor connectivity is massively frustrating, so anything sites can do to make it less...

How blockchain will disrupt the communication industry


From the CMC editorial desk: One of the things we’ve always wanted to explore is what mass adoption of blockchain technology looks like. Here we have some examples of how it will change the face of the communication industry in […] The post How blockchain will disrupt the communication...

The Process of Implementing A UI Design From Scratch


This is a fantastic post by Ahmad Shadeed. It digs into the practical construction of a header on a website — the kind of work that many of us regularly do. It looks like it's going to be fairly easy to create the header at first, but it starts to get complicated as considerations for screen...

IE10-Compatible Grid Auto-Placement with Flexbox


If you work on web applications that support older browsers, and have lusted after CSS Grid from the sidelines like I have, I have some good news: I've discovered a clever CSS-only way to use grid auto-placement in IE10+! Now, it's not actually CSS Grid, but without looking at the code itself,...

Nested Destructuring


Destructuring in JavaScript can initially feel confusing but the truth is that destructuring can make your code a bit more logical and straight forward. Destructuring does look a bit more complex when you’re looking for a property several objects deep, so let’s have a look at how to...

DRY State Switching With CSS Variables: Fallbacks and Invalid Values


This is the second post in a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. The first installment walks through various use cases where this technique applies. This post...

DRY Switching with CSS Variables: The Difference of One Declaration


This is the first post of a two-part series that looks into the way CSS variables can be used to make the code for complex layouts and interactions less difficult to write and a lot easier to maintain. This first installment walks through various use cases where this technique applies. The second...

Stuff you can do with CSS pointer events


Martijn Cuppens (the same fella with the very weird div!) has some more irresistible CSS trickery. Three of the examples are about making a child element trigger an event on a parent element (almost like the magic that is :focus-within). Here's how I reasoned it out to myself: You know how if...

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