Search

Nalezeno "like": 4401

Devon Brewer: Rediscovering the Golden Rule

9.5.2020
The Golden Rule may be the most basic moral approach to dealing with others. It seems universal across cultures and religions. The Golden Rule is instinctive. We all know it, even as children without education. I like the negative form of the Golden Rule the best. One of the earliest written...

prerender.js

9.5.2020
This is another player in the game of rendering the page of the link that you’re about to click on before you click it. It’s like getting a decent performance boost for extremely little effort. Instant.page is another one, and I’ve been sufficiently convinced by its methodology...

Creating an Accessible Range Slider with CSS

7.5.2020
The accessibility trick is using <input type="range"> and wrestling it into shape with CSS rather than giving up and re-building it with divs or whatever and later forget about accessibility. The most clever example uses an angled linear-gradient background making the input look like...

Working With MDX Custom Elements and Shortcodes

7.5.2020
MDX is a killer feature for things like blogs, slide decks and component documentation. It allows you to write Markdown without worrying about HTML elements, their formatting and placement while sprinkling in the magic of custom React components when necessary. Let’s harness that magic and look...

Static Hoisting

6.5.2020
The other day in “Static or not?” I said: […] serving HTML from a CDN is some feat. What I meant is that serving resources like images, CSS, and JavaScript from a CDN is fairly straightforward. The industry at large has been doing that for many years. An asset with a URL can...

List Style Recipes

5.5.2020
Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity for styling, but they have accessibility implications. For example, the number of items in a list...

Playing With (Fake) Container Queries With watched-box & resizeasaurus

5.5.2020
Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...

A Complete Guide to CSS Functions

4.5.2020
Like any other programming language, CSS has functions. They can be inserted where you’d place a value, or in some cases, accompanying another value declaration. The post A Complete Guide to CSS Functions appeared first on CSS-Tricks

Creating a Gauge in React

3.5.2020
You should really look at everything Amelia does, but I get extra excited about her interactive blog posts. Her latest about creating a gauge with SVG in React is unreal. Just the stuff about understanding viewBox is amazing and that’s like 10% of it. Don’t miss her earlier posts like...

Phuoc Nguyen’s One Page Wonders

2.5.2020
I keep running across these super useful one page sites, and they keep being by the same person! Like this one with over 100 vanilla JavaScript DOM manipulation recipes, this similar one full of one-liners, and this one with loads of layouts. For that last one, making 91 icons for all those design...

React Integration Testing: Greater Coverage, Fewer Tests

1.5.2020
Integration tests are a natural fit for interactive websites, like ones you might build with React. They validate how a user interacts with your app without the overhead of end-to-end testing.  This article follows an exercise that starts with a simple website, validates behavior with unit...

Enable Gatsby Incremental Builds on Netlify

1.5.2020
The concept of an “incremental build” is that, when using some kind of generator that builds all the files that make for a website, rather than rebuilding 100% of those files every single time, it only changes the files that need to be changed since the last build. Seems like...

The Hero Generator

30.4.2020
Sarah: I’ve had to implement the same hero for several years now, so like a good lazy programmer, I figured I’d automate it. Direct Link to Article — Permalink… Read article “The Hero Generator” The post The Hero Generator appeared first on CSS-Tricks

CSS-Tricks Chronicle XXXVIII

30.4.2020
Hey hey, these “chronicle” posts are little roundups of news that I haven’t gotten a chance to link up yet. They are often things that I’ve done off-site, like be a guest on a podcast or online conference. Or it’s news from other projects I work on. Or some other thing...

Some Innocent Fun With HTML Video and Progress

30.4.2020
The idea came while watching a mandatory training video on bullying in the workplace. I can just hear High School Geoff LOL-ing about a wimp like me have to watch that thing. But here we are. The video UI was actually lovely, but it was the progress bar that really caught my attention – or rather...

Chinese Court Declares Ethereum Legal Property With Economic Value

28.4.2020
A district court in China has reportedly ruled that Ethereum’s cryptocurrency is legal property with economic value. This ruling follows a couple of other verdicts on the legality of cryptocurrency, including bitcoin, by various Chinese courts. While cryptocurrency is not legal tender...

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