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.
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.
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).
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.
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.
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.
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.
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.
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.
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.