Skip to Content

Web Design

Access to hundreds of free agency-approved code samples covering responsive web design, powerful JavaScript, contemporary CSS, and more.

Adding a Form Popup to your Sticky Tab
Web Design Form Tutorials

Adding a Form Popup to your Sticky Tab

Add a Sticky Tab to your website and convert more site visitors by allowing them to click the tab and fill out a popup form...

Weekly Roundup 5: Five Days of Code
Web Design

Weekly Roundup 5: Five Days of Code

Transitioning Sticky Navs, Responsive Footers, Effective Login Pages, Lazy Loading Images, and Dynamic Dropdowns...

Creating a Dynamic State Dropdown
Web Design

Creating a Dynamic State Dropdown

This article will show you how to add a dynamic state dropdown to your forms using selectize.js.

Lazy Loading Images using Slick Slider
Web Design Sliders

Lazy Loading Images using Slick Slider

In Part 4 of our Slick Slider Series, we will show you how to lazy load your slider images...

Designing an Effective Login Page
Web Design

Designing an Effective Login Page

In Part II of our User Portal Series, we will walk you through designing a registration page.

Designing an Effective Forgot Password Page
Web Design

Designing an Effective Forgot Password Page

In Part III of our User Portal Series, we will walk you through building a forgot password page.

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...

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 Form Tutorials

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 Form Tutorials 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 Form Tutorials

Adding a DateTime Picker to your Forms

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

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.