Skip to Content

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
web-design

Adding a Responsive Footer to your Website

In this increasingly mobile age, a responsive footer is absolutely essential...

Read more

Adding a Transitioning Nav Using CSS
web-design navigation

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
web-design

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
web-design

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
web-design

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
web-design navigation

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
web-design

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
web-design forms

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
web-design

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
digital-marketing forms web-design

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
web-design

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
web-design bootstrap

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
web-design

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
web-design sliders

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
web-design navigation

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
web-design

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
web-design

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
web-design forms

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
web-design search

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
web-design forms

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
web-design forms

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
web-design

Weekly Roundup: Five Days of Code

Hero Sliders, Social Share, Infinite Carousels, Footer Forms, Google Custom Search, and Side Navigation...

Sign up to explore

Create an account in seconds and start building today.

Sign up for Solodev

Join the list

Get the latest updates on cloud, AI, and more.

Community

Connect with Solodevs across the social universe

Solodev Logo footer

Solodev helps developers around the globe build amazing customer experiences and collaborate on digital transformation, from code to cloud. The Solodev Platform provides the most complete ecosystem for developing apps and launching brands powered by cutting-edge technologies—including Cloud, CMS, AI, Blockchain, Digital, IoT, Metaverse, and Mobile.

©2025 Solodev. All rights reserved worldwide.