Search

Nalezeno "Websites": 451

Your first performance budget with Lighthouse


Ire Aderinokun writes about a new way to set a performance budget (and stick to it) with Lighthouse, Google’s suite of tools that help developers see how performant and accessible their websites are: Until recently, I also hadn't setup an official performance budget and enforced it. This isn’t...

Self-Host Your Static Assets


Harry Roberts digs into why hosting assets on someone else’s servers (including CDNs) is not such a great idea if we want our websites to be lightning fast. Harry writes: One of the quickest wins—and one of the first things I recommend my clients do—to make websites faster can at first seem...

Inspirational Websites Roundup #5


An inspirational collection of trendy websites from May 2019 including first-class designs. Inspirational Websites Roundup #5 was written by Mary Lou and published on Codrops

An Exercise Program for the Fat Web


When I wrote about App-pocalypse Now in 2014, I implied the future still belonged to the web. And it does. But it's also true that the web has changed a lot in the last 10 years, much less the last 20 or 30. Websites have gotten a lot … fatter. While

Build a beautiful landing page with Tailwind CSS


Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis

Build a Beautiful Landing Page with Tailwind CSS v1


Cascading Style Sheet(CSS) is used for creating aesthetically good looking websites. CSS are styling rules that are applied to a web page to make it look beautiful. Whenever a web page is being dis

Color contrast accessibility tools


Accessibility is all the rage these days, specifically when it comes to color contrast. I’ve stumbled upon a couple of tools this week that I think are pretty nifty for helping make sure that all of the text on our websites is legible regardless of what background color they might have. First...

Resize Observer


Creating websites that are reactive and responsive used to be considered advanced but responsiveness is a necessity for successful websites and apps. We’ve added media queries, matchMedia, and a host of other APIs to help developers make responsiveness easier and now we get a new one:...

Animated Page Transitions in Gatsby Websites


GatsbyJS is a React-based static site generator powered by GraphQL. It makes it possible for you to code and develop your site, while Gatsby transforms it into a directory with a s

A Deep Dive into Native Lazy-Loading for Images and Frames


Today's websites are packed with heavy media assets like images and videos. Images make up around 50% of an average website's traffic. Many of them, however, are never shown to a user because they're placed way below the fold. What’s this thing about images being lazy, you ask? Lazy-loading...

Inspirational Websites Roundup #4


Another collection of original and inspiring website designs to ignite your creativity and give you an overview of current trends. Inspirational Websites Roundup #4 was written by Mary Lou and published on Codrops

That Time I Tried Browsing the Web Without CSS


CSS is what gives every website its design. Websites sure aren’t very fun and friendly without it! I’ve read about somebody going a week without JavaScript and how the experience resulted in websites that were faster, though certain aspects of them would not function as expected. But CSS. Turning...

Using the Web Speech API for Multilingual Translations


Since the early days of science fiction, we have fantasized about machines that talk to us. Today it is commonplace. Even so, the technology for making websites talk is still pretty new. We can make our pages on the web talk using the SpeechSynthesis part of the Web Speech API. This is still...

How to Create a Sticky Image Effect with Three.js


A recreation of the sticky image effect seen on the websites of MakeReign and Ultranoir using three.js. How to Create a Sticky Image Effect with Three.js was written by Daniel Velasquez and published on Codrops

Decaying Sites


Websites have a tendency to decay all by themselves. Link rot, they call it. Unpaid domain name registrations. Companies that have gone out of business. Site owners that have lost interest. What's sadder than a 404? Landing on a holding page of a URL that used to exist, but now has fallen into...

Inspirational Websites Roundup #3


A fresh selection of unique web designs from around the web. Our third creative websites compilation to get you inspired. Inspirational Websites Roundup #3 was written by Mary Lou and published on Codrops

Responsible JavaScript


We just made a note about this article by Jeremy Wagner in our newsletter but it’s so good that I think it’s worth linking to again as Jeremy writes about how our obsession with JavaScript can lead to accessibility and performance issues: What we tend to forget is that the environment websites...

What Are Design Tokens?


I’ve been hearing a lot about design tokens lately, and although I’ve never had to work on a project that’s needed them, I think they’re super interesting and worth jotting down a few notes about. As I understand it, the general idea is this: design tokens are an agnostic way to store variables...

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