Search
Artist Claims Official Super Nintendo World Website Is Using His Fan Art
7.1.2021
A new website for Nintendo’s upcoming Japanese theme park Super Nintendo World went live yesterday. It featured new details and a virtual tour of the video game wonderland ahead of its February 4 opening. It also used an image of Mario for its loading screen that appears to have been created not...
Theming and Theme Switching with React and styled-components
7.1.2021
I recently had a project with a requirement to support theming on the website. It was a bit of a strange requirement, as the application is mostly used by a handful of administrators. An even bigger surprise was that they …
The post Theming and Theme Switching with React...
Kim Dotcom’s Next-Generation Content-Monetization Service K.IM Announces Bitcoin Cash Integration
4.1.2021
PRESS RELEASE. Megaupload creator Kim Dotcom announced this month to use Bitcoin Cash for his newest innovation, K.IM, a suite of tools to enable anyone around the world to manage, protect and sell digital content at ultra-low fees and without intermediaries. Dotcom, who’s website Megaupload...
Chapter 6: Web Design
29.12.2020
Previously in web history…
After the first websites demonstrate the commercial and aesthetic potential of the web, the media industry floods the web with a surge of new content. Amateur webzines — which define and voice and tone unique to …
The post Chapter 6: Web Design appeared first...
Accessible SVG Icons
28.12.2020
The answer to “What is the most accessible HTML for an SVG icon?” isn’t one-size-fits all, because what an icon needs to do on a website varies. I’m partial to Heather Migliorisi’s research on all this, but I can summarize.…
The post Accessible SVG Icons...
Create a Tag Cloud with some Simple CSS and even Simpler JavaScript
28.12.2020
I’ve always liked tag clouds. I like the UX of seeing what tags are most popular on a website by seeing the relative font size of the tags, popular tags being bigger. They seem to have fallen out of fashion, …
The post Create a Tag Cloud with some Simple CSS and even Simpler JavaScript...
A Calendar in Three Lines of CSS
24.12.2020
This article has no byline and is on a website that is even more weirdly specific than this one is, but I appreciate the trick here. A seven-column grid makes for a calendar layout pretty quick. You can let the days (grid items) fall onto it naturally, except kick the first day over to the correct...
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
23.12.2020
Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...
Inspirational Websites Roundup #21
18.12.2020
A hand-picked collection of some really good web designs for your inspiration.
The post Inspirational Websites Roundup #21 appeared first on Codrops
Pornhub’s Premium Services Now Default to Crypto Payments, 13 Digital Assets Supported
14.12.2020
During the first week of September, the world’s largest adult web portal Pornhub expanded its payment options by adding bitcoin and support for three other cryptocurrencies. However, after Mastercard and Visa severed ties with Pornhub last week, the company’s premium services payment...
Popular Browsers Like Google Fail to Catch Copycat Crypto Sites, Scams Make the Top Results
13.12.2020
As the digital asset economy grows popular and a number of crypto companies become well known, copycat scammers appear in greater numbers. There are a number of websites that are clones of the official web page from companies that provide mining device sales, wallets, full nodes, paper wallet...
Make it Personal
12.12.2020
One thing I noticed about building websites in 2020: despite all the social networks and publishing platforms craving our content, our stories, and our attention, people are somehow still building personal websites. Over the course of the year, many of you have launched or relaunched your website....
npm ruin dev
9.12.2020
In 2020, I rediscovered the enjoyment of building a website with plain ol’ HTML, CSS, and JavaScript — no transpilin’, no compilin’, no build tools other than my hands on the keyboard.
Seeing as my personal brand could be summed up “so late to the game that the stadium has been demolished,”...
Crypto-Friendly Travel Site Travala Posts 503% Revenue Increase, 72% of Bookings Paid With Cryptocurrencies
5.12.2020
Travel booking website Travala saw an increase in revenue of over 503% in November compared to the previous year. Out of all bookings, 72% were paid with cryptocurrencies, with bitcoin being the most popular choice. A Record Month for Travala The up and coming crypto-friendly travel booking website...
Painting With the Web
1.12.2020
Matthias Ott, comparing how painter Gerhard Richter paints (do stuff, step back, take a look) to what can be the website building process and what can wreck it:
[…] this reminds me of designing and building for the Web: The unpredictability, the peculiarities of the material,...
Building a Svelte Static Website with Smooth Page Transitions
30.11.2020
A video tutorial that will show you how to build a static website with Svelte and add smooth page transitions using Three.js and GSAP.
The post Building a Svelte Static Website with Smooth Page Transitions appeared first on Codrops
A Complete State Machine Made With HTML Checkboxes and CSS
27.11.2020
State machines are typically expressed on the web in JavaScript and often through the popular XState library. But the concept of a state machine is adaptable to just about any language, including, amazingly, HTML and CSS. In this article, we’re going to do exactly that. I recently built a website...
Considerations for Making a CSS Framework
25.11.2020
Around eight months ago, I started building a framework which would eventually go on to become Halfmoon. I made a post on this very website announcing the launch of the very first version. Halfmoon has been billed as a Bootstrap alternative with a built-in dark mode feature, that is especially good...
Inspirational Websites Roundup #20
25.11.2020
Our favorite website designs that we've collected over the past couple of weeks for your inspiration.
The post Inspirational Websites Roundup #20 appeared first on Codrops
Rendering Spectrum
25.11.2020
Here are the big categories of rendering websites:
Client: ship a <div id="root"></div> and let a JavaScript template render all of it.
Static: pre-render all the HTML.
Server: let a live server process requests and generate the HTML response.
They are not mutually exclusive....