Skip to Content

Web Design

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

How to Make the Ultimate Mobile Menu
Web Design

How to Make the Ultimate Mobile Menu

From navigation to social media links, your mobile web design needs a place to store a lot of information. However, it's often difficult to squeeze everything into one central location on a menu. Here's how to make the ultimate mobile menu.

How to Get Gradient Hover Colors to Work
Web Design

How to Get Gradient Hover Colors to Work

It's often the small elements of web design code that can be the trickiest. Here's a simple tutorial to overcome a common struggle -- making gradient hover colors cooperate with transition effects.

How to Create a Collapsible Footer
Web Design

How to Create a Collapsible Footer

Don't neglect the small elements of building a mobile-responsive website. Here's how to craft a collapsible footer to improve your visitors' navigation regardless of what screen they use.

How to Design Pricing Boxes that Get People to Click
Web Design

How to Design Pricing Boxes that Get People to Click

Pricing pages are the 'final frontier' in getting people to land on your product. Use this simple CSS to seal the deal rather than scare them away from your business.

How to Make an External Link Pop-up Modal
Web Design

How to Make an External Link Pop-up Modal

Sometimes you have to let a web visitor know exactly when they're leaving a site. Here's how to create a simple and effective way to clue them into those moments.

How to Track 404 Events Using Google Analytics and Google Tag Manager
Web Design

How to Track 404 Events Using Google Analytics and Google Tag Manager

404 Errors are some of the most frustrating issues for both website visitors and owners. Here's how to track those dreaded errors in Google Analytics and what you can do when you find them.

How to Make a Slide Out Form
Web Design

How to Make a Slide Out Form

Forms are vital parts of capturing leads, but they can also take up considerable room on a page. Here's how to streamline you design with a slide out form.

5 Questions You Should Ask Before Figuring Out Your New Website’s Platform
Web Design

5 Questions You Should Ask Before Figuring Out Your New Website’s Platform

So, you need a new website. You know you want a content management system (CMS) to make things easy. But where do you go from there?

How to Create On Scroll Fixed Positioning with CSS and JS
Web Design

How to Create Fixed Positioning with CSS and JS On Scroll

Navigation tools are some of your most helpful when it comes to improving UX/UI. Here's one more unique nav tool -- fixed positioning of a nav bar while a user scrolls.

How to Adjust Header Styles with CSS and Bootstrap
Web Design

How to Adjust Header Styles with CSS and Bootstrap

While the H2s might look interchangeable with H3s and H4s, that's far from the truth. In today's Tutorial Tuesday, learn exactly how to adjust header styles without compromising your web content again.

Five Most Common ADA Compliance Issues and How to Fix Them
Web Design

Five Most Common ADA Compliance Issues on Your Website and How You Can Fix Them

While the Americans with Disabilities Act has been in effect for nearly three decades, the compliance requirements for websites are still largely misunderstood. Here are five simple problems (and solutions) with looking at ADA compliance for your website.

How to Vertically Center Elements with Bootstrap
Web Design

How to Vertically Center Elements with Bootstrap

Vertically centering objects in web design can cause excessive headaches. Here's how you can vertically center objects with ease using some simple HTML and default Bootstrap.

How to Add Slider Boxes to a Website
Web Design

Tutorial Tuesdays: How to Add Slider Boxes to a Website

Learn how to craft slider boxes to your website to showcase new information while also adding an engaging visual element for your website's visitors to explore.

Understanding HTTP vs HTTPS and Why You Should Switch
Web Design

Understanding HTTP vs HTTPS and Why You Should Switch

What's the difference between HTTP and HTTPS, and why does it matter which one your website uses?

How to Make a Star Wars Parallax Background
Web Design

Tutorial Tuesdays: Design a Star Wars Background, We Must

In honor of The Last Jedi hitting theaters, we're showcasing our Star Wars obsession in this tutorial.

Tutorial Tuesdays: How to Customize Bullet Points in a List
Web Design

Tutorial Tuesdays: How to Customize Bullet Points in a List

Lists are important pieces to your website's content. Learn how to customize bullet points to make your lists more engaging to readers.

Programming Languages Web Developers Need to Know for 2018
Web Design

Programming Languages Web Developers Need to Know for 2018

Which languages should you bother investing in for 2018? The Solodev web dev team weighs in on which languages are worth the effort, which ones aren't, and which ones won't be going anywhere soon.

Tutorial Tuesdays: How to Make a Browser Window with CSS
Web Design

Tutorial Tuesdays: How to Make a Browser Window with CSS

Designing a portfolio of website designs for customers can show prospective clients the quality of your work. However, creating image after image in various device templates can be a nightmare. Simplify the process by using CSS to create browser window containers.

How to Prepare Your Website for the Holiday Season
Web Design

How to Prepare Your Website for the Holiday Season

Deck the halls of your website and get everything in order before the holiday rush begins.

Welcome to the New Solodev
Web Design

Welcome to the New Solodev

Oh the times, they are a' changing. Welcome to the new look of Solodev!

How to prepare your website for unexpected traffic
Web Design

How to prepare your website for unexpected traffic

Unexpected traffic spikes are like driving through highways that you didn't expect to be packed. Cloud-first web hosting expands the roadways by adding flexibility and a level playing field for users.

These 5 Issues Can Kill Your Website Engagement
Web Design

These 5 Issues Can Kill Your Website Engagement

Grow your website into what you've dreamed it to be, but having these five issues can turn your site into a nightmare for visitors.

Craft an Engaging Landing Page
Web Design

Craft an Engaging Landing Page

Attractive landing pages are like a restaurant's flavorful aroma as they bring visitors one giant step closer to engaging with your website. Here are a few tips to help your landing pages pack a bigger punch.

Craft a Beautiful Web Design for your Portfolio Showcase
Web Design Bootstrap

Craft a Beautiful Web Design for your Portfolio Showcase

In this tutorial Solodev will show you how to create an amazing portfolio to showcase your work in a way that allows for total design freedom and lazy loads your images to increase page speed

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.