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 Craft a Featured Sectional for Your Blog
Web Design

How to Craft a Featured Sectional for Your Blog

Your blog is one of the most important elements of your content marketing strategy. Here's how to showcase your blog's content elsewhere on your website to draw more readers to your blog.

Scott Madara

Make a CTA Banner Using Only CSS
Web Design

Make a CTA Banner Using Only CSS

Well-crafted CTAs can boost conversion rates. Here's how to style a CTA banner only using CSS.

Scott Madara

How to Validate Forms with Bootstrap
Web Design Bootstrap

How to Validate Forms with Bootstrap

Validating forms found on your website is one of the most critical elements of gathering information from your site's visitors. Here's an easy way to validate forms using Bootstrap.

Scott Madara

How to Style Announcements and Events Sections
Web Design

How to Style Announcements and Events Sections

Keep your website visitors update on everything going on with your organization through these sleek and streamlined announcement and events sections.

Scott Madara

Creating a Featured Content Slider with Slick Slider
Web Design Sliders

Creating a Featured Content Slider with Slick Slider

Content sliders can provide an engaging visual way to showcase your website's unique content. Here's how to use Slick Slider to make a creative content slider.

Scott Madara

How to Create Image Overlays with CSS
Web Design

How to Create Image Overlays with CSS

Images are critical parts of any website design. Here's how to use simple CSS to create image overlays.

Scott Madara

How to Style an In the News Section for Your Website
Web Design

How to Style an In the News Section for Your Website

Create an In the News section that does more than brag about your organization's successes. Show your customers how your successes are really theirs.

Scott Madara

How to Create Staff Pages for Your Company
Web Design

How to Create Staff Pages for Your Company

Showcase your company's employees by learning how to make an employee About page.

Scott Madara

Create Unique Block Quotes to Showcase Inline Content
Web Design

Create Unique Block Quotes to Showcase Inline Content

Block quotes give your website's most important content a way to stand out in the eyes of skimming readers.

Scott Madara

How to Create an Expandable Sidebar Navigation Links
Web Design Navigation

How to Create an Expandable Sidebar Navigation Links

Do your navigational elements do too much? Offset potentially overwhelming menus by using an expansive sidebar for an added navigational element.

Scott Madara

How to Make an Icon Box Slider for Quick Navigation
Web Design Navigation

How to Make an Icon Box Slider for Quick Navigation

Icon box sliders are a quick way to add visuals to functional navigation.

Scott Madara

How to Use Bootstrap Accordions to Organize FAQ Pages
Web Design Bootstrap

How to Use Bootstrap Accordions to Organize FAQ Pages

FAQs are some of the most helpful pages on a website. Here's how to consolidate and style them in a way that makes sense to users without overwhelming them with copy.

Scott Madara

Using Bootstrap Tabs to Showcase Portfolio Elements
Web Design

Using Bootstrap Tabs to Showcase Portfolio Elements

Need a new way to show off your growing body of clients, products, or services? Try using Bootstrap tabs to give your website's visitors the best view of everything you have to offer.

Scott Madara

Using Lazy Load Images within a Bootstrap Grid
Web Design Bootstrap

Using Lazy Load Images within a Bootstrap Grid

Combat slow website speeds with a simple tutorial of lazy loading your images using a Bootstrap Grid.

Scott Madara

How to Make Multiple and Repeatable CSS Animations
Web Design

How to Make Multiple and Repeatable CSS Animations

Using simple animations can give your website pages a visual boost.

Scott Madara

How to Make the Ultimate Breadcrumb Navigation and Share Bar
Web Design Navigation Social

How to Make the Ultimate Breadcrumb Navigation and Share Bar

Put navigation tips and social media in one location with this handy breadcrumb navigation and share bar tutorial.

Scott Madara

How to Add Transparent Overlays to Images with CSS
Web Design

How to Add Transparent Overlays to Images with CSS

Color overlays can be an impressive addition to an interactive image gallery or set of features for your website. This tutorial covers the CSS behind adding overlays to images.

Scott Madara

Add Text Transitions to Your Hero Sliders
Web Design Sliders

Add Text Transitions to Your Hero Sliders

Spice up your hero carousel sliders by adding text transitions.

Scott Madara

How to Make a Baguette Image Box
Web Design

How to Make a Baguette Image Box

Who said the French get the monopoly on baguettes? Where they might excel in carbs, your website can excel in appetizing visual displays that make visitors want to consume your content even more.

Scott Madara

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.

Scott Madara

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.

Scott Madara

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.