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.

Adding a Responsive Footer to your Website
In this increasingly mobile age, a responsive footer is absolutely essential...

Adding a Transitioning Nav Using CSS
A transitioning sticky navigation allows you to display two different navigations based on where the viewer is on the page.

Weekly Roundup 4: Five Days of Code
Responsive Navigation, Cookie-based Form Popup, Registration Page Design, Peek-a-Boo Sticky Tab, Screenshots...

Add a Peek-a-Boo Sticky Tab to your Website
A Peek-a-Boo Sticky Tab follows the viewer as they scroll down your web pages and populates a lead generation form on click

How to Take Screenshots on your PC or Mac
Learn the various ways to take screenshots on your iPhone, Mac or PC in this beginner's tutorial...

Adding Responsive Navigation to your Website
With an increasingly mobile world, making sure your website's navigation is responsive is crucial to its success.

Building an Effective Registration Page
In Part I of our User Portal Series, we will walk you through building a registration page.

Creating a Cookie Based Form Popup
Form Popups can serve as an excellent lead generation tool if used correctly...

Weekly Roundup 3: Five Days of Code
Animated Hero Sliders, Parallax Image Scrolling, Collapsible Content, Responsive Tiles, Signup Footer Forms...

Drive Signups with Stylish Footer Forms
Drive more conversions on your website by including a signup form on every page of your website.

Displaying Content with Responsive Tiles
The web is filled with quality content but its presentation has never been more paramount.

Adding Collapsible Content to your Website
Adding collapsible content to your website provides interactivity while allowing you to add more content to your website.

Using Parallax Scrolling with Background Images
A major trend in web design is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page.

Adding Animation to your Hero Slider
In Part III of our Slick Slider Series, we will show you how to add animation to your Hero Slider using animate.css by Daniel Eden.

Adding a Sticky Nav Menu to your Website
Data shows that websites with a sticky nav menu are 22% faster to navigate...

Weekly Roundup 2: Five Days of Code
Auto-Complete Address Fields, Expandable Site Search, DateTime Picker, Contact Pages, Sticky Navigation...

Creating an Impressive Contact Us Page
With so many contact us pages on the web, it's important to have a contact page that stands out.

Adding a DateTime Picker to your Forms
Whether scheduling appointments or booking a vacation online - a DateTime Picker improves the User Experience tremendously.

How to Add Expandable Site Search to your Navigation
Not enough room in your website navigation for a search bar? This post gives you the tools you need to add expandable site search to your website.

Adding an Auto-Complete Address Field to your Forms
Adding auto-complete to the address field on your forms makes a tremendous improvement to the User Experience (UX).

Add CAPTCHA to your Solodev Forms with One Word
At Solodev, we created a shortcode to enable you to easily add the extra layer of security CAPTCHA provides to forms on your Solodev website(s) with one word and no need for custom development. This article provides the code and styles to easily add CAPTCHA to your forms. Enjoy.

Weekly Roundup: Five Days of Code
Hero Sliders, Social Share, Infinite Carousels, Footer Forms, Google Custom Search, and Side Navigation...
©2025 Solodev. All rights reserved worldwide.