Search

Nalezeno "org": 531

Computed Values: More Than Meets the Eye


Browser DevTools are indispensable for us front end developers. In this article, we’ll take a look at the Computed tab, a small corner of the DevTools panel that shows us big things, like how relative CSS values are resolved. We’ll also see how inheritance fits into the browser’s...

Using Trello as a Super Simple CMS


Sometimes our sites need a little sprinkling of content management. Not always. Not a lot. But a bit. The CMS market is thriving with affordable, approachable products, so we’re not short of options. Thankfully, it is a very different world to the one that used to force companies to splash out...

Creating a Gatsby Site with WordPress Data


In my previous article last week, I mentioned creating a partially ported WordPress-Gatsby site. This article is a continuation with a step-by-step walkthrough under the hood. Gatsby, a React-based framework for static sites, is attracting attention not only from JavaScript developers but also from...

Building a Blog with Next.js


In this article, we will use Next.js to build a static blog framework with the design and structure inspired by Jekyll. I’ve always been a big fan of how Jekyll makes it easier for beginners to setup a blog and at the same time also provides a great degree of control over every aspect of...

Improving Chromium’s browser compatibility in 2020


This is exactly what I love to hear from any browser vendor: When it comes to browser compatibility, there are still too many missing features and edge-case bugs. But it doesn’t have to be this way. Things can and will get better, if browser vendors can understand what is causing the most...

Food and Cash Shortages Push Cubans Toward Permissionless Cryptocurrencies


The Nation of Cuba is dealing with a national food crisis, as Venezuela has stopped offering aid to the small island nation. Moreover, the coronavirus outbreak has caused a shortage of cash couriers called “mules” and everyday items are becoming scarcer. Amid the crisis, a number...

Everything You Need to Know About FLIP Animations in React


With a very recent Safari update, Web Animations API (WAAPI) is now supported without a flag in all modern browsers (except IE).  Here’s a handy Pen where you can check which features your browser supports. The WAAPI is a nice way to do animation (that needs to be done in JavaScript) because...

Diverse Illustration


Hey gang, #BlackLivesMatter. One tiny way I thought we could help here on this site, aside from our efforts as individuals, is to highlight some design resources that are both excellent and feature Black people. Representation matters. Here’s one. You know Pablo Stanley? Pablo is a wonderful...

Carl Watner: The Tragedy of Political Government


“What is tragic about political government?” you might ask. Let us return to that question once we have examined the nature of political government and the State. In order to distinguish between government and other institutions in society we must look at the ways human behavior can...

Jumping Into Webmentions With NextJS (or Not)


Webmention is a W3C recommendation last published on January 12, 2017. And what exactly is a Webmention? It’s described as… […] a simple way to notify any URL when you mention it on your site. From the receiver’s perspective, it’s a way to request notifications when other sites...

Core Web Vitals


Core Web Vitals is what Google is calling a a new collection of three web performance metrics: LCP: Largest Contentful Paint FID: First Input Delay CLS: Cumulative Layout Shift These are all measurable. They aren’t in Lighthouse (e.g. the Audits tab in Chrome DevTools) just yet, but sounds...

A First Look at `aspect-ratio`


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...

Background Patterns, Simplified by Conic Gradients


For those who have missed the big news, Firefox now supports conic gradients! Starting with Firefox 75, released on the April 7, we can go to about:config, look for the layout.css.conic-gradient.enabled flag and set its value to true (it’s false by default and all it takes to switch...

Responsive web design turns ten.


Ethan on the thinking and research that inspired the term: Around that time, my partner Elizabeth visited the High Line in New York City shortly after it opened. When she got back, she told me about these wheeled lounge chairs she saw in one section, and how people would move them apart for a...

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