Search
You probably don’t need input type=“number”
29.3.2019
Brad Frost wrote about a recent experience with a website that used <input type="number">:
Last week I got a call from my bank regarding a wire transfer I had just scheduled. The customer support guy had me repeat everything back to him because there seemed to be a problem with...
Buddy: 15 Minutes to Automation Nirvana
26.3.2019
(This is a sponsored post.)
Deploying a website to the server in 2019 requires much more effort than 10 years ago. For example, here's what needs to be done nowadays to deliver a typical JS app:
split the app into chunks
configure webpack bundle
minify .js files
set up staging environment
upload...
Exploding 3D Objects with Three.js
26.3.2019
A set of WebGL demos that show an exploding 3D object animation inspired by "Kubrick Life Website: 3D Motion".
Exploding 3D Objects with Three.js was written by Yuriy Artyukh and published on Codrops
Deliver Responsive and Art Directed Images For Your Website with ImageKit
26.3.2019
Images are essential for all websites. Whether it is product images for an e-commerce store, photographs of picturesque locations on a travel website or images to support the content of a blog
Creating A Social Follow Component in React
25.3.2019
On almost every website, you're going to watch to share your Social Media accounts for visitors to follow. In this article, we are going to create a Social Follow component in React!
Adding Search to Your Site with JavaScript
20.3.2019
Static website generators like Gatsby and Jekyll are popular because they allow the creation of complex, templated pages that can be hosted anywhere. But the awesome simplicity of website generators is also limiting. Search is particularly hard. How do you allow users to search when you have...
Perfect Image Optimization for Mobile with Optimole
14.3.2019
(This is a sponsored post.)
In 2015 there were 24,000 different Android devices, and each of them was capable of downloading images. And this was just the beginning. The mobile era is starting to gather pace with mobile visitors starting to eclipse desktop. One thing is certain, building...
The Process of Implementing A UI Design From Scratch
13.3.2019
This is a fantastic post by Ahmad Shadeed. It digs into the practical construction of a header on a website — the kind of work that many of us regularly do. It looks like it's going to be fairly easy to create the header at first, but it starts to get complicated as considerations for screen...
Application Holotypes
13.3.2019
It's entirely too common to make broad-sweeping statements about all websites. Jason Miller:
We often make generalizations about applications we see in the wild, both anecdotal and statistical: "Single-Page Applications are slower than multipage" or "apps with low TTI loaded fast". However,...
Stackbit
12.3.2019
This is not a sponsored post. I requested a beta access for this site called Stackbit a while back, got my invite the other day, and thought it was a darn fine idea that's relevant to us web nerds — particularly those of us who spin up a lot of JAMstack sites.
I'm a big fan of the whole idea...
Inspirational Websites Roundup #2
5.3.2019
The second compilation of inspiring website designs with some unique picks to get your creative juices flowing.
Inspirational Websites Roundup #2 was written by Mary Lou and published on Codrops
I Spun up a Scalable WordPress Server Environment with Trellis, and You Can, Too
28.2.2019
A few years back, my fledgling website design agency was starting to take shape; however, we had one problem: managing clients' web servers and code deployments. We were unable to build a streamlined process of provisioning servers and maintaining operating system security patches. We had...
A Bit of Performance
28.2.2019
Here’s a great post by Roman Komarov on what he learned by improving the performance of his personal website. There’s a couple of neat things he does to tackle font loading in particular, such as adding the <link rel="preload"> tags for fonts. This will encourage those font files...
Collective #495
25.2.2019
Progressive React * Try GraphQL * Tech Productivity * personal-website * Onelineplayer * Pure CSS Drawing Essentials
Collective #495 was written by Pedro Botelho and published on Codrops
Writing Animations That Bring Your Site to Life
22.2.2019
Web animation is one of the factors that can strongly enhance your website’s look and feel. Sadly, unlike mobile apps, there aren’t as many websites using animation to their benefit as you would think. We don’t want to count yours among those, so this article is for you and anyone else looking...
Building a Landing Page Fast Using the Visual Composer Website Builder (Sponsored)
20.2.2019
What if it were possible to build a landing page from top to bottom, including a header and a footer, and do so without any need for writing code? And even if it was possible, could you reasonably expect to do so as easily and quickly as putting together a puzzle designed for children...
Collective #491
11.2.2019
capture-website * Hacker Tools * Vue 2.6 released * IVID * Vixel * Make it Boring * Qoa * Third Party Web
Collective #491 was written by Pedro Botelho and published on Codrops
GTMetrix — How to Use GTMetrix to Analyze and Boost Website Speed
8.2.2019
Without a doubt, website speed is one of the most important metrics that’s absolutely integral to not only the success of your website, but to the success of your...
The post GTMetrix — How to Use GTMetrix to Analyze and Boost Website Speed appeared first on Onextrapixel
Inspirational Websites Roundup #1
4.2.2019
The first edition of a new series that aims to showcase inspirational website designs.
Inspirational Websites Roundup #1 was written by Mary Lou and published on Codrops
Using Artificial Intelligence to Generate Alt Text on Images
1.2.2019
Web developers and content editors alike often forget or ignore one of the most important parts of making a website accessible and SEO performant: image alt text. You know, that seemingly small image attribute that describes an image:
<img src="/cute/sloth/image.jpg" alt="A brown baby sloth...