Web Design Blog

An online web design resource for developers and designers. Free code examples, responsive design ideas, content management tips, social media applications and more.

How to Make Animated Toolbox Flyouts
Web Design

How to Make Animated Toolbox Flyouts

Giving more control and a better UX to your website visitors doesn't have to be tricky. Here's an easy way to do that with animated toolbox flyouts.

Scott Madara | June 18, 2018

How to Hide Form Fields Based Upon User Selection
Web Design Form Tutorials

How to Hide Form Fields Based Upon User Selection

Functional forms are arguably the most important part of any lead generation strategy. Strategically hiding form fields until selected by a user can greatly improve user experience -- and boost your form's chances of being filled.

Scott Madara | June 14, 2018

Making Your YouTube Embeds Mobile Responsive with Bootstrap
Web Design Bootstrap

Making Your YouTube Embeds Mobile Responsive with Bootstrap

Mobile video is more than just a trend; it's becoming the norm. Here's how to ensure your YouTube video embeds still look great and function properly on your website using Bootstrap.

Scott Madara | June 12, 2018

GDPR and Informed Consent Cookies Bar
Web Design

GDPR and Informed Consent Cookies Bar

When it comes to informing users about the use of cookies on your website, you may need to consider explicit informed consent and have your users actively confirm they understand your policies.

Scott Madara | June 08, 2018

GDPR Compliance and the Use of Cookie Consent Bars
Web Design

GDPR Compliance and the Use of Cookie Consent Bars

With GDPR in full swing, your website will need the tools to be GDPR compliant.

Scott Madara | June 07, 2018

How to Add Pop-Up Info Boxes to Your Website
Web Design

How to Add Pop-Up Info Boxes to Your Website

While pictures are worth a thousand words, those words might not be enough on your website to explain a particular topic relevant to your website.

Scott Madara | June 05, 2018

Configuring Google Analytics Variables in Google Tag Manager
Digital Marketing

Configuring Google Analytics Variables in Google Tag Manager

Google Tag Manager is extremely powerful. By creating custom variables that match your Google Analytics property, you will be able to take advantage of a full suite of page and event tracking.

Scott Madara | May 31, 2018

How to Add Pop Up Video into a Website
Web Design

How to Add Pop Up Video into a Website

Excellent content is important but sometimes words on a page aren't as impactful as imagery. Pop up video elements can do wonders for both giving your website a human voice while also showcasing a more visually engaging element to your website.

Scott Madara | May 30, 2018

Ultimate Guide to Understanding Bootstrap Tables
Web Design Bootstrap

Ultimate Guide to Understanding Bootstrap Tables

Tables don't have to be the most frustrating element of your web design. Bootstrap classes can help style your tables with a wide array of formats in no time at all.

Scott Madara | May 24, 2018

How to Style Your Select Boxes
Web Design

How to Style Your Select Boxes

Your select boxes can be an incredibly functional element on your website. Here's how to style it to match the rest of your website's branding elements.

Scott Madara | May 22, 2018

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 | May 15, 2018

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 | May 10, 2018

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 | May 08, 2018

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 | May 03, 2018

Creating a Featured Content Slider with Slick Slider
Web Design

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 | May 01, 2018

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 | April 24, 2018

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 | April 18, 2018

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 | April 13, 2018

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 | April 11, 2018

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 | April 10, 2018

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

Close Button

Try Solodev for Free!

By clicking "Submit" you agree to Solodev’s Terms of Service.