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
Responsive navigation doesn't have to be so tricky. Here's how to convert your horizontal navigation into a sleek mobile dropdown menu.
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
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
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
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
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
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
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
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.
Solodev Listed as Highest Ranked Software Tool in Florida
You like us. You really like us.
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
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
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
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 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.
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
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 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
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.
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.
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.
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.
©2025 Solodev. All rights reserved worldwide.
