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.

How to Feature Updates and Resources with Bootstrap Boxes
Web Design Bootstrap

How to Feature Updates and Resources with Bootstrap Boxes

Bootstrap Boxes provide a simple, modular solution for adding new sections of content to a web page.

Read more

How to Create a Team Directory on Your Website
Web Design Navigation Bootstrap

How to Create a Team Directory on Your Website

A Team Directory makes it easier for customers to find the right people in your organization, especially if you have multiple divisions or departments. Using Bootstrap's table structure, you can create a well-organized directory with contact information such as names, phone numbers, emails and more.

Paris Tuzun

How to Create an
Web Design Bootstrap Navigation

How to Create an "I Want To" Menu Navigation

Adding an "I Want To" button to your website is a simple, effective way to enhance navigation by featuring links to your most requested pages – helping visitors find content quickly and easily.

Paris Tuzun

How to Create Quick Links
Web Design Bootstrap Navigation

How to Create Quick Links

Quick Links can help highlight the most important pages on your website. With Bootstrap's column structure, you can easily create an intuitive and stylish Quick Links section.

Paris Tuzun

How to Create an FAQ Section
Web Design Bootstrap

How to Create an FAQ Section

A user-friendly FAQ page can improve your website's SEO while saving time and streamlining the customer experience. With Bootstrap's dynamic accordion, you can have a sleek, efficient, mobile responsive FAQ section in just a few steps.

Paris Tuzun

Preparing Your Website for COVID-19 Part 3: Alert Modal
Web Design Bootstrap

Preparing Your Website for COVID-19 Part 3: Alert Modal

Ideal for disclaimers, data privacy statements, and other important details, the COVID Alert Modal provides a collapsible window at the footer of your website that's fast and easy to customize.

Paris Tuzun

Preparing Your Website for COVID-19 Part 2: Hero Banner
Web Design Bootstrap

Preparing Your Website for COVID-19 Part 2: Hero Banner

With the COVID Hero Banner, you can easily add custom content, links, and images to your website's homepage to feature a strong message or call to action regarding your COVID-19 response.

Paris Tuzun

Preparing Your Website for COVID-19 Part 1: Alert Bar
Web Design Bootstrap

Preparing Your Website for COVID-19 Part 1: Alert Bar

Easy to use and customize, the COVID Alert Bar allows you to create highly-visible messages at the top of your homepage to promote critical instructions, timely updates, and links to details about your COVID-19 response.

Paris Tuzun

How to Create a Featured Section for Your Website
Web Design Bootstrap

How to Create a Featured Section for Your Website

When people visit your website, you need to be able to make a good impression quickly and display your best work in a prominent place. Capture the attention of your visitors with a well-designed featured section and encourage them to check out the rest of your work.

Paris Tuzun

How to Create an Efficient Contact Us Section
Web Design Bootstrap Form Tutorials

How to Create an Efficient Contact Us Section

Forms are key parts of Contact Us pages. However, a form may not be enough by itself. Supplementing the contact form with direct contact information such as e-mail addresses and phone numbers will help people reach you directly when they have a question.

Paris Tuzun

How to Organize Your Links Using Bootstrap Columns
Web Design Bootstrap

How to Organize Your Links Using Bootstrap Columns

Providing quick links from your homepage is a great way to help your visitors find the most needed sources on your website without having to search for them.

Paris Tuzun

How to Create a Featured List Item in Your Navigation Menu
Web Design Bootstrap Navigation

How to Create a Featured List Item in Your Navigation Menu

Navigation menus don't have to be made out of same looking links. Sometimes you want to emphasize a certain link that you think is more important than others and set it apart so your visitors can immediately recognize it.

Paris Tuzun

How to Add Subtle Image Overlays to Your Sectional Components
Web Design Bootstrap

How to Add Subtle Image Overlays to Your Sectional Components

Sections that utilize a background color can be enhanced with a subtle background image/image overlay that helps reinforce your brand.

Paris Tuzun

How to Add a Print Icon and Dialog to Your Breadcrumbs
Web Design Bootstrap

How to Add a Print Icon and Dialog to Your Breadcrumbs

In certain circumstances, giving your users the ability to print a given webpage can be important. Adding this functionality directly to your breadcrumbs can highlight that ability and make the process easier for users.

Paris Tuzun

How to Create a Resizable Left Navigation
Web Design Bootstrap Navigation

How to Create a Resizable Left Navigation

Your sidebar or left navigation may have content that needs to expand past the default width. One way to account for this is to make the left navigation resizable, allowing users to expand and collapse it by dragging.

Paris Tuzun

How to Use FontAwesome Icons to Style Your Contact Information
Web Design Social Bootstrap

How to Use FontAwesome Icons to Style Your Contact Information

Basic contact information can help support a contemporary web design with some key place FontAwesome icons.

Paris Tuzun

How to Convert a Sidebar Navigation to Dropdown with Bootstrap
Web Design Bootstrap Navigation

How to Convert a Sidebar Navigation to Dropdown with Bootstrap

Sometimes, sidebar navigation can present more problems than solutions -- especially on mobile. With Bootstrap classes, however, you can convert a potentially long list into a convenient dropdown menu for mobile functionality.

Paris Tuzun

How to Expand Your Site Search on Click
Web Design Navigation Search Bootstrap

How to Expand Your Site Search on Click

Often, headers are too crowded to offer a full search bar for users. Using this tutorial, you can make it so that a search bar appears on a specific link or event.

Paris Tuzun

How to Add a Search Bar to Your Hero Section
Web Design Bootstrap Navigation Search

How to Add a Search Bar to Your Hero Section

Search is becoming increasingly important as sites add more and more content. Depending on your industry, you might want users to search for what they need as a primary action instead of navigating your whole website. Nothing reinforces that action more than adding a search bar to your primary hero section.

Paris Tuzun

How to Add an Infinite Client Logo Carousel to Your Website
Web Design Sliders Bootstrap

How to Add an Infinite Client Logo Carousel to Your Website

Establish and deepen your brand authority by using an infinite client logo carousel, and name-drop a few customers who aid in your success -- especially if you've worked with bigger brand.

Paris Tuzun

How to Create Your First Shortcode in Solodev
Solodev

How to Create Your First Shortcode in Solodev

Shortcodes allow you to extend the functionality of Solodev by creating custom functionality that regular content users can take advantage of.

Introducing Embedded Swagger API in Solodev
Solodev Api

Introducing Embedded Swagger API in Solodev

APIs are powerful tools to help you leverage your data as needed. Solodev has introduced a new embedded Swagger API to allow you access to all of your content within the system, giving you the ability to build dynamic apps including headless solutions.

Get started today

Join people and businesses across the globe that trust Solodev.

We never share your information with anyone. Learn more

We use cookies to provide and improve our services. By using our site, you consent to cookies.