Web Design Blog

An online web design resource for developers and designers. Free code examples, responsive design ideas, content management tips, social media applications and more.

How to Create Staff Pages for Your Company
Web Design

How to Create Staff Pages for Your Company

Showcase your company's employees by learning how to make an employee About page.

Scott Madara | April 13, 2018

Create Unique Block Quotes to Showcase Inline Content
Web Design

Create Unique Block Quotes to Showcase Inline Content

Block quotes give your website's most important content a way to stand out in the eyes of skimming readers.

Scott Madara | April 11, 2018

How to Create an Expandable Sidebar Navigation Links
Web Design Navigation

How to Create an Expandable Sidebar Navigation Links

Do your navigational elements do too much? Offset potentially overwhelming menus by using an expansive sidebar for an added navigational element.

Scott Madara | April 10, 2018

How to Make an Icon Box Slider for Quick Navigation
Web Design Navigation

How to Make an Icon Box Slider for Quick Navigation

Icon box sliders are a quick way to add visuals to functional navigation.

Scott Madara | April 05, 2018

How to Use Bootstrap Accordions to Organize FAQ Pages
Web Design Bootstrap

How to Use Bootstrap Accordions to Organize FAQ Pages

FAQs are some of the most helpful pages on a website. Here's how to consolidate and style them in a way that makes sense to users without overwhelming them with copy.

Scott Madara | April 03, 2018

Using Bootstrap Tabs to Showcase Portfolio Elements
Web Design

Using Bootstrap Tabs to Showcase Portfolio Elements

Need a new way to show off your growing body of clients, products, or services? Try using Bootstrap tabs to give your website's visitors the best view of everything you have to offer.

Scott Madara | March 29, 2018

Using Lazy Load Images within a Bootstrap Grid
Web Design Bootstrap

Using Lazy Load Images within a Bootstrap Grid

Combat slow website speeds with a simple tutorial of lazy loading your images using a Bootstrap Grid.

Scott Madara | March 26, 2018

How to Make Multiple and Repeatable CSS Animations
Web Design

How to Make Multiple and Repeatable CSS Animations

Using simple animations can give your website pages a visual boost.

Scott Madara | March 22, 2018

How to Make the Ultimate Breadcrumb Navigation and Share Bar
Web Design Navigation Social

How to Make the Ultimate Breadcrumb Navigation and Share Bar

Put navigation tips and social media in one location with this handy breadcrumb navigation and share bar tutorial.

Scott Madara | March 20, 2018

How to Add Transparent Overlays to Images with CSS
Web Design

How to Add Transparent Overlays to Images with CSS

Color overlays can be an impressive addition to an interactive image gallery or set of features for your website. This tutorial covers the CSS behind adding overlays to images.

Scott Madara | March 15, 2018

Add Text Transitions to Your Hero Sliders
Web Design Sliders

Add Text Transitions to Your Hero Sliders

Spice up your hero carousel sliders by adding text transitions.

Scott Madara | March 13, 2018

How to Make a Baguette Image Box
Web Design

How to Make a Baguette Image Box

Who said the French get the monopoly on baguettes? Where they might excel in carbs, your website can excel in appetizing visual displays that make visitors want to consume your content even more.

Scott Madara | March 08, 2018

Converting Horizontal Navigation into Mobile Dropdown Menus
Web Design Navigation

Converting Horizontal Navigation into Mobile Dropdown Menus

Responsive navigation doesn't have to be so tricky. Here's how to convert your horizontal navigation into a sleek mobile dropdown menu.

Scott Madara | March 05, 2018

Resizing Text for ADA Compliance
Web Design

Resizing Text for ADA Compliance

You've poured your heart into your website copy. This simple text resizer can help ensure that your website visitors can easily read those words.

Scott Madara | March 01, 2018

How to Track Goal Conversions with Google Tag Manager
Web Design Digital Marketing

How to Track Goal Conversions with Google Tag Manager

Congratulations! You got people to your website. Now the trick is tracking them with analytics, and Google Tag Manager can help.

Scott Madara | February 27, 2018

How to Design a Testimonial Slider
Web Design

How to Design a Testimonial Slider

Your customers and clients love your brand, and they even admitted it online! Showcase those statements in this stylish testimonial slider tutorial.

Scott Madara | February 22, 2018

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.

Scott Madara | February 20, 2018

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.

Scott Madara | February 15, 2018

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.

Scott Madara | February 13, 2018

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.

Scott Madara | February 08, 2018

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.

Scott Madara | February 06, 2018

Close Button

Try Solodev for Free!

By clicking "Submit" you agree to Solodev’s Terms of Service.