Skip to Content

Web Design Blog

A web design resource for developers and designers. It’s your one-stop shop for free code examples and responsive design ideas.

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.

Read more

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.

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.

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.

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.

3 Biggest Takeaways from FETC 2018

3 Biggest Takeaways from FETC 2018

The Future of Education Technology Conference (FETC) recently wrapped up, but we'll certainly be thinking about these three major insights until next year's convention.

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.

Worst SEO Strategies for Digital Marketing
digital-marketing seo

Avoid These SEO Digital Marketing Strategies at All Cost

In the new year, a lot of digital marketers develop To-Do lists for improving their website's SEO. However, they forget to write a list of what not to do, so we compiled our biggest SEO don'ts in one convenient place.

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.

2018 Solodev New Year Resolutions

Our Solodev New Year's Resolutions for 2018

Solodev's mission control has our resolutions ready to go, but what about our Solodev team flying around in space? We did a quick interview during one of their recent missions.

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.

Solodev Christmas 2017 Gift of Inc. 5000 Ranking

Santa Brought Us Our Presents a Few Days Early

Twas the Friday before Christmas and all through the office, a few creatures were amazed by something quite flawless.

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.