Solodev Web Design Blog | Code Examples, Tips & More

Web Design

Add a Scroll-to-Top Button to your Website

Adding a scroll-to-top button to your website adds further ease of navigation to your website...

Scott Madara | August 25, 2016

Web Design

Designing a Pricing Page That Sells

Selling products and services online requires an intuitive and informative pricing page design that gets across the benefits, pricing, and value that you provide in a clear and concise design.

Matthieu McClintock | August 24, 2016

Forms

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

Scott Madara | August 23, 2016

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.

Matthieu McClintock | August 22, 2016

Weekly Roundups

Weekly Roundup 5: Five Days of Code

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

Matthieu McClintock | August 19, 2016

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.

Elena Roig | August 19, 2016

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

Scott Madara | August 18, 2016

Web Design

Designing an Effective Login Page

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

Matthieu McClintock | August 17, 2016

Web Design

Adding a Responsive Footer to your Website

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

Scott Madara | August 16, 2016

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.

Scott Madara | August 12, 2016

Weekly Roundups

Weekly Roundup 4: Five Days of Code

Responsive Navigation, Cookie-based Form Popup, Registration Page Design, Peek-a-Boo Sticky Tab, Screenshots...

Matthieu McClintock | August 12, 2016

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

Scott Madara | August 12, 2016

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

Matthieu McClintock | August 11, 2016

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.

Elena Roig | August 10, 2016

Web Design

Building an Effective Registration Page

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

Matthieu McClintock | August 09, 2016

Forms

Creating a Cookie Based Form Popup

Form Popups can serve as an excellent lead generation tool if used correctly...

Scott Madara | August 08, 2016

Weekly Roundups

Weekly Roundup 3: Five Days of Code

Animated Hero Sliders, Parallax Image Scrolling, Collapsible Content, Responsive Tiles, Signup Footer Forms...

Matthieu McClintock | August 05, 2016

Forms

Drive Signups with Stylish Footer Forms

Drive more conversions on your website by including a signup form on every page of your website.

Elena Roig | August 05, 2016

Web Design

Displaying Content with Responsive Tiles

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

Scott Madara | August 04, 2016

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.

Matthieu McClintock | August 03, 2016

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.

Scott Madara | August 02, 2016

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.

Matthieu McClintock | August 01, 2016

Navigation

Adding a Sticky Nav Menu to your Website

Data shows that websites with a sticky nav menu are 22% faster to navigate...

Scott Madara | July 29, 2016

Weekly Roundups

Weekly Roundup 2: Five Days of Code

Auto-Complete Address Fields, Expandable Site Search, DateTime Picker, Contact Pages, Sticky Navigation...

Matthieu McClintock | July 29, 2016

Solodev's Greatest Hits Vol. 1: Our Most Popular Web Design Roundups

Add a Scroll-to-Top Button to your Website

Designing a Pricing Page That Sells

Adding a Form Popup to your Sticky Tab

Designing an Effective Forgot Password Page

Weekly Roundup 5: Five Days of Code

Creating a Dynamic State Dropdown

Lazy Loading Images using Slick Slider

Designing an Effective Login Page

Adding a Responsive Footer to your Website

Adding a Transitioning Nav Using CSS

Weekly Roundup 4: Five Days of Code

Add a Peek-a-Boo Sticky Tab to your Website

How to Take Screenshots on your PC or Mac

Adding Responsive Navigation to your Website

Building an Effective Registration Page

Creating a Cookie Based Form Popup

Weekly Roundup 3: Five Days of Code

Drive Signups with Stylish Footer Forms

Displaying Content with Responsive Tiles

Adding Collapsible Content to your Website

Using Parallax Scrolling with Background Images

Adding Animation to your Hero Slider

Adding a Sticky Nav Menu to your Website

Weekly Roundup 2: Five Days of Code

Product

Solutions

Resources

About

Thank you for subscribing!

Features

Solutions

Resources

About