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
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.
Using 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).
How to 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.
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.
Using Font Awesome Icons with your Website
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.
Adding a 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.
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.
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.
Add a Scroll-to-Top Button to your Website
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.
Adding a Hero Slider to your Website
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.
Matthieu McClintock
Contributions Editor here at Solodev. Want to be featured on the Solodev Blog? Get in touch.
Follow me on Twitter
