Web Design Blog
A web design resource for developers and designers. It’s your one-stop shop for free code examples and responsive design ideas.

Lazy Load Images with Echo.js
Images are some of the specific drivers of increased page load times. With Echo.js, you can institute graceful lazy loading that significantly improves your sites functional accessibility.

Adding a Realtime News Slider to Your Web Design Project
Using Slick Slider, we can add slider capabilities to a standard news module so your users can easily browse your most recent content

Solodev's Greatest Hits Vol. 1: Our Most Popular Web Design Roundups
This mixtape contains Solodev's greatest hits from the past twelve months. Enjoy!

How to Best Structure Your URLs
When it comes to content search engine optimizations (SEO), there’s absolutely one thing that takes precedence: your URL.

Top Three Parallax Implementations
This post contains some of the more innovative uses of parallax

CSS Transitions and Transforms
This post contains the top three tutorials that cover CSS transitions and transforms

This Week's Roundup: Web Design Tutorials via @solodev
Top Five JavaScript Tutorials... Creating an Animated Sticky Header... Treating your Images with Style...

Treating your Images with Style
This post is a mashup of the most popular web design posts related to enhancing the visual aesthetics of your website...

Create an Animated Sticky Header
An animated sticky header preserves needed space while providing essential navigation options as a user scrolls down the page.

Top Five JavaScript Tutorials
This post contains the top five most popular JavaScript tutorials thus far in 2017

A New Weekly Web Design Roundup via Solodev
Adding Filters to Search Inputs, Animated Scroll Down Anchors, Social Share Grids, Understanding CSS3 Animations...

Understanding CSS3 Animations
There are a number of things to understand regarding CSS3 animations and their proper use within web design.

Adding an Animated Scroll Down Anchor
An animated scroll down anchor helps better control the user flow and make sure important content is appropriately shown to a given user.

Adding a Filter to your Search Input using Bootstrap
In this article, we teach you how to add a category filter to your site search to provide more relevant search results to website visitors.

A Web Design Roundup from Solodev
Adding a Load More button to your content, Full Width Sectionals, Customer Quote Sliders, and Top 5 Google AdWords Reporting Scripts

Top Five Google AdWords Reporting Scripts
You can use AdWords scripts to automate common procedures or interact with external data—for one to many AdWords accounts.

Adding a Customer Quote Slider using jQuery
In this article, you will learn how to add a slider of customer quotes to your website.

Adding a Full Width Sectional to Your Website
Learn to highlight specific content on your website reinforced by striking visuals that captures your audience's attention

Adding a Load More Button to your Content
This article will show you how to display more content while providing an improved user experience by utilizing a Load More button.

Designing an Interactive Map using JavaScript
Learn how to design an interactive map that displays locations with informational popups

Top Five Lead Generation Web Design Tutorials
This article contains the top five web design tutorials on adding lead generation functionality to your website.

Adding a Popup Video to your Hero Image
When it comes to content, video is king. This article shows you how to add a video to your hero image that will popup when clicked.
©2025 Solodev. All rights reserved worldwide.