solodev Goto Github PK

resizable-left-navigation

responsive-content-tiles

The web is filled with quality content but its presentation has never been more paramount. This code shows you how to implement a popular way of displaying content on your website using responsive tiles. This allows you to create tiles which, when clicked, redirect to a page based on the subject of that particular tile.

responsive-footer

Having a mobile responsive footer is essential in the mobile age and this article will walk you through adding a responsive footer to your website.

responsive-image-grid

Graphics are integral to websites and creating a grid of images is increasingly becoming commonplace as clickable tiles that direct you to further web pages. This tutorial walks you through creating a mobile responsive grid of clickable images for your website using simple CSS.

responsive-nav

With an increasingly mobile world, making sure your website's navigation is responsive is crucial to the success of your website. Navigation is paramount to the ease-of-use your website provides and responsive navigation is essential to allowing website visitors to view and navigate your website on all devices with ease.

responsive-transition-gradient

same-as-shipping

Making the consumer experience online as easy as possible is essential to your success online. In this article, we will teach you how to add "same as billing" functionality to your shopping cart which will populate the users billing info into their shipping info form.

scroll-down-anchor

Adding a scroll down anchor button to your website makes it easier for users to navigate through your website without having to manually scroll. This tutorial provides you with the code you need to add an anchor button to your website and the JavaScript to enable scroll down functionality when the button is clicked.

scroll-to-fix-element-positioning

Creating fixed elements on scroll can be a difficult endeavor. With some JS and CSS, however, you can provide a fantastic UI/UX set of elements that help your users navigate or you can create a well-positioned call-to-action that follows the user as they scroll.

scroll-to-top

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.

scrollspy

In this article, Solodev shows you how to add further ease of navigation to your website using scrollspy, a tool that automatically updates links in your website navigation based on the scroll position of your website.

search-filter

Search on the web has gone far beyond simply going to search engines to find information. In order to dig deeper and find content more relevant to search queries, website visitors are increasingly searching through actual websites themselves for that right piece of content they're looking for. To take that a step further, it is possible to add filters to your search inputs so your website visitors can further specify the content they are looking for. This allows you to deliver a better web experience that provides the visitor with the content they are looking for at a much faster rate. In this tutorial, we will teach you how to add a category filter to your search input to provide more relevant search results to website visitors.

sectional-boxes

Learn how to build sectional boxes with icons, overlay and background images

sectional-page

A sectional web page serves as the table of contents for a section of your website and is essential to getting visitors to dig deeper into your content. This article provides a well crafted example of a sectional web page.

sensu

service-boxes-with-text-hovers

shopping-cart-dynamic-number

shopping-cart-items-number

show-hide-module-forms

showcase-portolio

One could argue that a majority of websites are largely a place to showcase work whether it is that of a personal portfolio, a client portfolio, or even an offering of products or services. Ultimately, whether you fit into any of those personas, you are all trying to do the same thing. You're all trying to showcase what you have to offer in a way that is aesthetically amazing so that others want to engage with you. Your website is the best place to do this but where your website is hosted and managed can have a massive effect on how much web design control you have over your showcase. In this tutorial we are utilizing echo.js to lazy load the images so you have a wonderfully designed portfolio without compromising on page speed.

showcase-slider

A showcase slider displays the "best of" your content to users with a powerful, responsive slider. In Part II of our FlexSlider Series, we provide you with the code you need to add a showcase slider to your homepage using the fully responsive jQuery toolkit FlexSlider by woothemes.

showcasing-team-organization-leadership

side-navigation-popout

Solodev's expandable side navigation, also known as a Hamburger Menu, adds a unique design aesthetic while preparing your site for the need for responsive solutions.

sidr

Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

signup-footer-form

Driving subscriptions to your newsletter involves many calls-to-action and having a footer form on your web pages is a crucial CTA. This article will provide you with the code you need to add a newsletter subscription footer form to your web pages which is completely customizable.

site-explorer-module

slick-slider

slide-menu

A slide down menu provides more in-depth navigation than offered by traditional nav bars. By simply clicking a button, your top nav gives way to a more granular view of your website's navigation.

slide-out-form

Forms -- they are one of the single most important elements for capturing leads on a website. But some forms are more engaging to your website’s visitors than others. One of the most effective form types are slide out forms. These simple sliders pop out when a visitor clicks a button (i.e. wants to sign up for more information or start a free trial).

slider-boxes

Slider boxes give website managers the ability to showcase more content on a cool rotating visual element. Not only does it catch a visitor’s attention, it also improves UX by giving users the ability to access that content at their own pace by triggering the next slide.