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.

The Top Ten Most Popular Web Design Posts of 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

Pagination

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


Author

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

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.