Skip to Content

The Top Ten Most Popular Web Design Posts of 2016

This article features the Top Ten most popular web design tutorials Solodev Published in 2016.

We have posted hundreds of web design tutorials since we started the blog back in July. Out of those hundreds of posts, tens of thousands of people flocked to which tutorials they were most interested in. Using data from Google Analytics, Twitter Analytics, and Medium Stats these are the top ten most popular web design tutorials from 2016. 

Adding an Infinite Client Logo Carousel to your Website

Infinite Client Logo Carousel

Showing off your roster of clients is one of the best ways to establish your credibility as a business online. In this article, Solodev will show you how to add a carousel of your client's logos to your website using Slick Slider by Ken Wheeler. At Solodev, we like Slick Slider due to its robust configuration options and mobile responsiveness as displayed by Slick Slider's ability to showcase an infinite loop of client logos in a modern and stylish manner.

Learn More

Using Parallax with Multiple Backgrounds

Parallax with Multiple Backgrounds

In this article, Solodev will teach you how to add Parallax Images with multiple backgrounds to your website using jQuery ScrollTo by Ariel Flesler. Parallax creates a depth and transition effect when scrolling down and creates smooth scrolling throughout your website, thus enhancing the user experience (UX).

Learn More

How to Load JavaScript and CSS Faster

Load JavaScript and CSS Faster

Optimizing CSS and JavaScript for the browser involves more than just the removal of new line characters, white space, shortening variable names, combining duplicate CSS, etc. It’s all quite simple and involves one goal: less characters and as a result, smaller file sizes and faster-loading web pages.

Learn More

Crafting an Engaging Homepage

Crafting an Engaging Homepage

Designing your home page can make or break your success online. Some home pages are filled with too much content or are too difficult to navigate or the design is circa 2001. It's this balance between the need to present an overview of content and a way to engage your website visitor that ultimately drives much of the frustration in creating an effective homepage.

Learn More

Using Font Awesome Icons with your Website

Using Font Awesome Icons

Font Awesome provides a versatile framework that incorporates nearly any icon graphic you can imagine along with needed scalability and customization capabilities. Font Awesome will almost assuredly save you time and money in your application of specific icons. The following article will walk through incorporating Font Awesome icons to optimize your web design project.

Learn More

Adding a Transitioning Nav Using CSS

Transitioning Nav Using CSS

A transitioning sticky navigation allows you to display two different navigations based on where the viewer is on the page. This article gives you the code to add a sticky transitioning navigation to your website which you can customize to meet your needs.

Learn More

Designing your Website's About Us Page

Designing your Website's About Us Page

According to marketing giant HubSpot, 52% of visitors to your website want to see your "about us" page immediately. Your company's about us page says a lot about who you are and will no doubt be seen by at least half of your website's visitors. The design of your website's about us page is also a visual reflection of your company - an opportunity to increase the interest of site visitors - so leave no stone unturned. This article will provide you with an effective about us page design.

Learn More

Adding Pagination to your Website


In this article, Solodev will teach you how to add pagination, an excellent way to navigate large amounts of content, to your website using a jQuery Bootstrap Plugin. Pagination allows you to make large amounts of content easy to find and breaks up several entries or web content into multiple pages, allowing you to toggle through content with ease.

Learn More

Add a Scroll-to-Top Button to your Website

Scroll-to-Top Button

Adding a sticky scroll-to-top button to your website adds further ease of navigation to your website by allowing a user to scroll to the top of any given web page with the click of a button.

Learn More

Adding a Hero Slider to your Website

Hero Slider

An effective hero slider provides users with the most valuable content on your site aligned with your goals and prompts them to take action. In Part I of our FlexSlider Series, we provide you with the code you need to easily add a hero slider to your homepage using the fully responsive jQuery toolkit FlexSlider by WooThemes.

Learn More

Matthieu McClintock
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter

Sign up to explore

Create an account in seconds and start building today.

Sign up for Solodev
Solodev Logo

©2024 Solodev. All rights reserved worldwide.