π Lighthouse β WordPress Performance Plugin3.4.6
SpeedFactor is now part of Lighthouse!
Track your website performance over time and keep track of how itβs doing and get tips on what to improve β no coding required.
Unlimited automated page speed monitoring & tracking.
π₯ Featured
-
New
How to Create Double Off-canvas Menus With CSS Only
Wednesday, May 19, 2021 — 470 Views
This feature has been part of a website project for many year. The left side off-canvas menu was mobile only, and the right side off-canvas [...]
π Quick Links
-
Read the Blog
WHY, HOW-TO & CODE SNIPPETS AND TUTORIALS
-
Find a WordPress Plugin
FREE OR PREMIUM PLUGINS
-
Learn JavaScript
LEARN BY EXAMPLE
-
Track Your Page Speed
FREE 30-DAY TRIAL
-
JavaScript Libraries
COMING SOON!
Featured JavaScript Articles
Popular Articles
-
Generate HTML List From JavaScript Array
Wednesday, January 10, 2018 — 7,114 Views
-
How to show an outdated browser alert on Internet Explorer 11
Thursday, August 22, 2019 — 3,942 Views
-
Client-Side JavaScript Pagination
Tuesday, March 27, 2018 — 3,610 Views
-
The Ultimate Post-Launch Checklist for Your New WordPress Website
Friday, October 23, 2020 — 3,080 Views
-
How to Create a Price Range Slider Using Vanilla JavaScript
Wednesday, December 2, 2020 — 2,935 Views
SpeedFactor
Page Speed Monitoring & Tracking
How fast does your website load?
Use SpeedFactor to track your website.
Itβs simple and reliable.
Track your performance over time. We’ll test your page on a schedule and keep track of how it’s doing.
WordPress Plugins
Free & Premium WordPress Plugins
Are you looking for something specific?
Page speed optimization plugins, SEO plugins, image gallery plugins, eCards, Lighthouse and more.
Track your performance over time. We’ll test your page on a schedule and keep track of how it’s doing.
Using Resource Hints to Optimize WordPress Performance
Resource hints provide a way to optimize the performance of your web page on the client side. As the name suggests, they provide the [...]
CSS Rounded Corners Gradient Border
I had a visually heavy project recently and I had to create a gradient border for certain elements. In my case, images had to have a [...]
JavaScript Drag & Drop
Here’s a nice list of plain JavaScript dragging and dropping solutions. They are minimal, as they serve as proof of concept, and they [...]
“Times New Roman” Enhanced CSS Font Stack
“Times New Roman” as a Classic Web Font Option With Historical Ligatures A ligature is a special character that combines two [...]
How to Create Double Off-canvas Menus With CSS Only
This feature has been part of a website project for many year. The left side off-canvas menu was mobile only, and the right side off-canvas [...]
JavaScript Character Counter for Text Areas
A while ago, I had to implement a character counter for a business listing directory. The description field was supposed to hold about 400 [...]
The Ultimate YouTube Video Embed Setup
I’m sure you’ve seen this hundreds of times and there’s countless methods of embedding a YouTube video with the least [...]
WordPress External Featured Image via cURL
Here’s the long title for this code snippet β How to set up an external image as a WordPress featured image and inject it into [...]
Start an Ecommerce Store in 2021 Guide
If you have ever considered opening an eCommerce store, now is a great time to take action. In 2020, shoppers spent over $4 trillion [...]
Carbon: Basic Syntax Highlighting with Zero Overhead Using JavaScript
If you have ever used PrismJS or CodeMirror or any other syntax highlighter solution, you’ll know it adds lots of dependencies bases [...]
Gravity Forms Repeater Plugin
If there is one feature missing from Gravity Forms, that is a field repeater section. A way to set a starting and ending point and adding [...]
SpeedFactor Update: Less is More
The past few weeks have brought some long awaited updates to SpeedFactor. As I am focusing on tracking speed, some of the tools provided [...]
How to Create a Fixed Teaser Block in WordPress
This tutorial will show you how to create a collapsible fixed popup. It can contain subscriptions forms, contact forms, calls to action, [...]
How I Created My Homepage JavaScript Post Carousel
My homepage now features a JavaScript section of 4 featured posts. Notice the official JavaScript yellow colour π Here’s how I did [...]
πͺ How to Expire localStorage Items and Replace Cookies
I don’t use πͺ cookies anymore, I think they are too… rigid. I use localStorage items. By default, they don’t expire [...]
How to Create Smaller Buttons for the Block Editor (Gutenberg)
One of the shortcomings of the WordPress default button blocks is the size variation. There is none. Sometimes the buttons are too large [...]
WordPress or Amazon? The Hard Choice for Beginner Sellers
When you are starting your own eCommerce business, there are many choices to make, and each one can determine your potential for success. [...]
Web Insights β Your JS/CSS/UI/UX Digest #18
Our regular Web Insights are back!This is where we summarize last week’s (or last month’s) useful resources for web developers. [...]
