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
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.
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
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.
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.
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
What's the difference between HTTP and HTTPS, and why does it matter which one your website uses?
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
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
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
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
Deck the halls of your website and get everything in order before the holiday rush begins.
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
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
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
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
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