Search
Inspirational Websites Roundup #26
3.6.2021
Get updated on the latest trends in web design with this new collection of super creative websites.
The post Inspirational Websites Roundup #26 appeared first on Codrops
Pirate’s Treasure: How the World’s Leading Torrent Site Pirate Bay Amassed $4.5 Million in Bitcoin
30.1.2021
The Pirate Bay has been the world’s most popular torrent web portal for the last eighteen years. Despite a few hiccups during that time, the site remains accessible via mirrors and proxy websites. In addition to remaining online, Pirate Bay has been accepting bitcoin for donations since 2013...
How to Make GraphQL and DynamoDB Play Nicely Together
14.1.2021
Serverless, GraphQL, and DynamoDB are a powerful combination for building websites. The first two are well-loved, but DynamoDB is often misunderstood or actively avoided. It’s often dismissed by folks who consider it only worth the effort “at scale.”…
The post How to Make GraphQL...
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....
Mastercard Severs Ties With Pornhub — Is Mainstream Crypto Adoption Coming for the Porn Industry?
11.12.2020
Global payment companies Mastercard announced on December 10, 2020, its official decision to ban their customers from using credit and debit cards to arrange purchases on one of the biggest adult websites. Visa has taken the same measure on a temporary basis. Mastercard Cuts Ties With Pornhub...
How to Animate the Details Element Using WAAPI
5.11.2020
Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2011.
In this article, we will see how you can animate the native <details> element using the Web Animations...
Comparing Styling Methods in 2020
19.10.2020
Over on Smashing, Adebiyi Adedotun Lukman covers all these styling methods. It’s in the context of Next.js, which is somewhat important as Next.js has some specific ways you work with these tools, is React and, thus, is a components-based architecture. But the styling methods talked about...
Thinking About Power Usage and Websites
22.9.2020
Gerry McGovern asked if I had any insight into energy consumption and websites. He has a book, after all, about the digital costs on the planet. He was wondering about the specifics of web tech, like…
If you do this in HTML it will consume 3× energy but if you do it in JavaScript it will...
Vital Web Performance
21.9.2020
I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is? The W3C has […]
The...
Menu Reveal By Page Rotate Animation
8.9.2020
There are many different approaches to menus on websites. Some menus are persistent, always in view and display all the options. Other menus are hidden by design and need to be opened to view the options. And there are even additional approaches on how hidden menus reveal their menu items. Some...
Going Jamstack with React, Serverless, and Airtable
27.8.2020
The best way to learn is to build. Let’s learn about this hot new buzzword, Jamstack, by building a site with React, Netlify (Serverless) Functions, and Airtable. One of the ingredients of Jamstack is static hosting, but that doesn’t mean everything on the site has to be static. In fact, we’re...
Using BugHerd to Track Visual Feedback on Websites
19.5.2020
BugHerd is about collecting visual feedback for websites.
If you’re like me, you’re constantly looking at your own websites and you’re constantly critiquing them. I think that’s healthy. Nothing gets better if you look at your own work and consider it perfectly finished....
Tackling Authentication With Vue Using RESTful APIs
18.5.2020
Authentication (logging in!) is a crucial part of many websites. Let’s look at how to go about it on a site using Vue, in the same way it can be done with any custom back end. Vue can’t actually do authentication all by itself, —we’ll need another service for that, so we’ll be using another service...
Free SSL Certificates with ZeroSSL (Sponsored)
12.5.2020
During my early years in web development, one of the most costly and annoying tasks was securing and installing security certificates on client websites. Most providers charged hundreds of dollars for SSL certs and getting them configured properly was a huge source of stress. Securing sites is much...
Front-End Challenges
17.4.2020
My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If the websites you make can help yourself or anyone else you care about, then that’s also great. In lieu of that, you can also make things...
typespecimens.io
2.4.2020
If you’re looking for a new typeface for that side project of yours then here’s a great website by John D. Jameson that collects a bunch of the latest type specimen websites. Everything is on display here, from the daring and bold, to those that are a bit more professional and reserved.
Not only...
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs
30.3.2020
CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet...
Creating an Editable Site with Google Sheets and Eleventy
27.3.2020
Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. It’s a tool that turns a Google Sheet into an API, that you as a developer can hit for data when building a website. In that last article, we used that API on the client side, meaning...
Do This to Improve Image Loading on Your Website
20.2.2020
Jen Simmons explains how to improve image loading by simply using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser. Then it needs...
PSA: It’s That Time to Update the Copyright Year on Your Site
1.1.2020
Every year about this time I see articles going around reminding people how to update the copyright on their websites. Usually somewhere in the footer. You know, a line like:
© Copyright 2007-2019 CSS-Tricks
I am very absolutely not a lawyer, but this is how I understand it:
You don't actually...