Skip to Content

Web Design

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

Creating a Team Module with Solodev
Web Design

Creating a Team Module with Solodev

Showcasing your team on your website adds a necessary human element to your brand. In this article we will show you the basics of creating a team module in Solodev.

Designing your Website's About Us Page
Web Design

Designing your Website's About Us Page

According to marketing giant HubSpot, 52% website visitors want to see the About Us page first when they land on your homepage.

Adding a User Engagement Bar to your Website
Web Design Form Tutorials Social

Adding a User Engagement Bar to your Website

Gaining customers is the start, retaining them is another matter. This article provides the code to add a user engagement bar to your website.

Digital Marketing Tools We are Thankful For
Web Design Digital Marketing

Digital Marketing Tools We are Thankful For

In the spirit of Thanksgiving, we’d like to take the time to point out some great digital marketing tools that help make our lives a little bit easier.

Crafting an Interactive Features Page
Web Design

Crafting an Interactive Features Page

Displaying your product's features is crucial to sales. This article teaches you how to craft a features page using visuals that will improve conversions.

The Weekly Roundup: Web Design Tutorials by Solodev
Web Design

The Weekly Roundup: Web Design Tutorials by Solodev

Contact Us Pages, Hero Sliders, Creating a Blog with Solodev, Responsive Nav Menus with Pure CSS...

Creating a Nav Menu with Pure CSS
Web Design Navigation

Creating a Nav Menu with Pure CSS

In this article, Solodev will teach you how to create a responsive navigation menu with pure CSS.

Creating a Blog with Solodev
Web Design

Creating a Blog with Solodev

In this article, we will show you how easy it is to build and manage an enterprise-level blog using Solodev.

Crafting a Hero Slider with sliderPro.js
Web Design Sliders

Crafting a Hero Slider with sliderPro.js

This tutorial will show you how to craft an elegant slider for your website using sliderPro.js.

Crafting an Effective Contact Us Page
Web Design Form Tutorials

Crafting an Effective Contact Us Page

Not all contact us pages are created equal. This tutorial provides instructions to design a beautiful contact us page you can customize to your needs.

Weekly Roundup: Four Days of Code
Web Design

Weekly Roundup: Four Days of Code

Phone Number Validation, Password Strength Indicators, Scrollspy, Parallax with Multiple Backgrounds...

Using Parallax with Multiple Backgrounds
Web Design

Using Parallax with Multiple Backgrounds

In this article, Solodev will teach you how to add Parallax Images with multiple backgrounds to your website.

Adding ScrollSpy to your Website
Web Design

Adding ScrollSpy to your Website

This article adds ease of navigation to your website using ScrollSpy, a tool that automatically updates links in your website navigation based on the scroll position of your website.

Creating a Password Strength Indicator
Web Design

Creating a Password Strength Indicator

This tutorial utilizes strength.js to test the strength of your password and can be utilized on your own website's registration page.

Validating Phone Numbers with JavaScript
Web Design Form Tutorials

Validating Phone Numbers with JavaScript

This tutorial will teach you how to add validation to your phone number input fields using jQuery.

Weekly Roundup: Five More Days of Code
Web Design

Weekly Roundup: Five More Days of Code

Pure JS Hero Sliders, Parallax Hero Images, Magnific Popups, Pagination, JavaScript Progress Bars...

Creating a Progress Bar with JavaScript
Web Design

Creating a Progress Bar with JavaScript

Progress bars are all over the web but not all are created equal. This tutorial gives you the code you need to craft a beautiful progress bar with jQuery.

Adding Pagination to your Website
Web Design Bootstrap

Adding Pagination to your Website

In this article we teach you how to add pagination, an excellent way to navigate large amounts of content, to your website.

Adding Magnific Popup to your Photo Gallery
Web Design

Adding Magnific Popup to your Photo Gallery

This tutorial shows you how to add interactivity to your photo galleries with magnific popup.

How to Create a Parallax Hero Image
Web Design

How to Create a Parallax Hero Image

A Parallax Hero Image creates a depth and transition effect when scrolling down your web page and makes website navigation seamless.

Build a Hero Slider with Javascript and jQuery
Web Design Sliders

Build a Hero Slider with Javascript and jQuery

Learn how to build a slider with just JavaScript and jQuery.

Weekly Roundup: This Week in Code
Web Design

Weekly Roundup: This Week in Code

Tooltips, Button Rollover Effects, Responsive Image Grids, Loading CSS/JS Faster, Google Display Network Experiments...

How to Create Display Network Experiments in AdWords
Web Design Digital Marketing Sem

How to Create Display Network Experiments in AdWords

This tutorial will teach you how to set up Google Display Network Experiments in Google AdWords.

How to Load CSS and JavaScript Faster
Web Design

How to Load CSS and JavaScript Faster

This tutorial walks you through a series of tools and tips to optimize the way you load CSS and JavaScript to help your web pages load faster.

Sign up to explore

Create an account in seconds and start building today.

Sign up for Solodev
Solodev Logo

©2024 Solodev. All rights reserved worldwide.