Search
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....
Replicating the Icosahedron from Rogier de Boevé’s Website
23.11.2020
Learn how to replicate the beautiful icosahedron animation from Rogier de Boevé's website using Three.js and GLSL.
The post Replicating the Icosahedron from Rogier de Boevé’s Website appeared first on Codrops
Poker Site Buys $100 Million of Bitcoin Every Month to Pay Players in BTC
23.11.2020
A major online poker website has been buying millions of dollars of bitcoin every day to meet demand from players wanting to cash out in bitcoin. This amounts to $100 million in bitcoin a month as about 95% of players now demand payouts in the cryptocurrency. Poker Site Buys $100 Million of Bitcoin...
Blog Author Tipped $10,000 for Well Phrased Peer-to-Peer Cash Conviction
21.11.2020
Following the Bitcoin Cash upgrade, the BCH proponent known as Mobtwo published a post on the read.cash blogging website called “Bitcoin Cash – Simple Fundamentals.” The editorial’s author says he wholeheartedly believes that BCH will one day overtake BTC in the long run....
How You Might Build a Modern Day Webring
20.11.2020
I’m sure different people picture different things when they think about webrings, so let me clarify what I picture. I see an element on a website that:
Signifies this site is part of a webring
Allows you to move to the next or previous site of the webring
Maybe has other functionality like...
mediastack
19.11.2020
Have you ever had the idea for a website or new app that involved showing news content? You don’t have to create content yourself to have the right to build an innovative news reading experience. I remember when Flipboard came out. They didn’t (and still don’t) actually produce...
Logical layout enhancements with flow-relative shorthands
16.11.2020
Admission: I’ve never worked on a website that was in anything other than English. I have worked on websites that were translated by other teams, but I didn’t have much to do with it. I do, however, spend a lot of time thinking in terms of block-level and inline-level elements....