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.
Using Font Awesome Icons with your Website
Adding icons to your site’s content provides a visual focus point that grounds a user to a specific section and accompanying content.
A Weekly Roundup of Web Design Tutorials
Mega Menus, Homepage Design, Event Modules, Hero Video Backgrounds...
Adding a Hero Video to your Homepage
Sometimes a graphic isn't enough for the hero of your homepage. This article shows you how to add a hero video to your homepage using jQuery.
Creating an Event Module with Solodev
An events module is a great way to keep your online audience aware of upcoming events. This tutorial will teach you how to build a calendar-based event module in Solodev.
Crafting an Engaging Homepage
Designing your home page can make or break your success online. This tutorial provides a simple, clean homepage design you can make your own.
How to Add a Mega Menu to your Website
A mega menu is a dropdown triggered by hovering over a link. This shows all options in one main, mega-panel and groups related topics into categories.
Weekly Roundup: Web Design Tutorials by Solodev
Designing Sectional Web Pages, Sticky Social Share Bars, Website Alert Bars, Creating a Blog with Bootstrap...
Creating a Blog with Bootstrap
A blog is a great way to add interactivity to your website. This tutorial provides the code you need to build an enterprise-level blog using the Bootstrap framework.
Adding an Alert Bar to your Website
Have ever needed to urgently alert your website visitors? If so, an alert bar is the way to go. Solodev provides the how-to for implementing this on your site.
Adding a Sticky Social Share Bar to your Website
Increase social engagement by adding a sticky social share bar to your website. This allows visitors to share content on social media from wherever they are on your website.
Crafting an Effective Sectional Web Page
A sectional web page serves as the table of contents for a section of your website and is essential to getting visitors to dig deeper into your content.
Weekly Roundup: Web Design Tutorials via Solodev
Interactive Features Page, User Engagement Bars, About Us Page Designs, Creating a Team Module in Solodev....
Creating a Team Module with Solodev
Showcasing your team on your website adds a necessary human element to your brand. In this article we will show you the basics of creating a team module in Solodev.
Designing your Website's About Us Page
According to marketing giant HubSpot, 52% website visitors want to see the About Us page first when they land on your homepage.
Adding a User Engagement Bar to your Website
Gaining customers is the start, retaining them is another matter. This article provides the code to add a user engagement bar to your website.
Digital Marketing Tools We are Thankful For
In the spirit of Thanksgiving, we’d like to take the time to point out some great digital marketing tools that help make our lives a little bit easier.
Crafting an Interactive Features Page
Displaying your product's features is crucial to sales. This article teaches you how to craft a features page using visuals that will improve conversions.
The Weekly Roundup: Web Design Tutorials by Solodev
Contact Us Pages, Hero Sliders, Creating a Blog with Solodev, Responsive Nav Menus with Pure CSS...
Creating a Nav Menu with Pure CSS
In this article, Solodev will teach you how to create a responsive navigation menu with pure CSS.
Creating a Blog with Solodev
In this article, we will show you how easy it is to build and manage an enterprise-level blog using Solodev.
Crafting a Hero Slider with sliderPro.js
This tutorial will show you how to craft an elegant slider for your website using sliderPro.js.
Crafting an Effective Contact Us Page
Not all contact us pages are created equal. This tutorial provides instructions to design a beautiful contact us page you can customize to your needs.
©2025 Solodev. All rights reserved worldwide.
