solodev Goto Github PK

slider-element-animation

Adding animation to elements in your slick slider creates an impressive and dynamic digital experience. Solodev demonstrates how to accomplish this using animate.css

slider-pro

A responsive jQuery slider, sliderPro features touch-swipe, text thumbnails, slide loops, animated layers, and JavaScript breakpoints. sliderPro has emerged as one of the go-to jQuery sliders on the web.

social-icons-with-hover

social-share

An inline "Social Share" toolbar that's extremely simple to implement. Add this toolbar to your website in order to enable your website visitors to share via Facebook, Twitter, and LinkedIn.

social-share-grid

Social share online is fairly standard. A majority of websites have the ability to share content to your respective social network. This functionality usually comes in the form of a few small buttons in the website's navigation or a few icons under a breadcrumb. And while that approach has already proven to be successful we've decided to take it a step further. If your business is trying to gain a traction on social media, perhaps you want to add a social share grid to your homepage. Doing so gives social share more prominence, explains what content site visitors can expect from each respective channel, and also provides your standard social share functionaltity.

solodev-app

Solodev App Skeleton

solodev-chef

Chef Recipes to Launch Solodev CMS

solodev-sensu

sortable-lists-with-sortablejs

spacejet

staff-page

star-wars-parallax

In preparation for the upcoming "Star Wars: Rogue One" the Solodev team decided to write a Star Wars themed post on adding parallax with multiple backgrounds to your website using jQuery ScollTo by Ariel Flesler. Instead of your run of the mill stock photos, our example is filled with Tie Fighters, X-Wings, ATT Walkers, and the Death Star as backgrounds.

star-wars-the-last-parallax

We're obsessed with Star Wars: The Last Jedi. A LEGO Darth Vader hangs out between desks; we play the soundtrack over our office speakers; and for our Christmas party, we saw The Last Jedi in theaters. We're also obsessed enough to write a Star Wars-themed post on adding parallax with multiple backgrounds to your website using jQuery Parallax by Ian Lunn.

statistics-slider

sticky-footer

A sticky footer, a critical part of your website navigation, "sticks" to the bottom of your browser window. This makes navigating your website easier and can be added with some CSS styles as shown below.

sticky-navigation

Data supports that websites should have a sticky navigation as it allows a user to quickly visit different pages. Solodev provides an easy-to-use sticky navigation using Bootstrap.

sticky-social-share

Increase social engagement by adding a sticky social share bar to your website. This allows visitors to share content on social media from wherever they are on your website. In this article, Solodev will show you how to add this functionality to your website.

styling-select-boxes

stylish-and-informative-breadcrumbs

subtle-image-overlays

superslides

A fullscreen, hardware accelerated slider for jQuery.

tabbed-sectionals

In this tutorial, we will teach you how to add tabbed content within a sectional so that you can make the best use of limited space.

team-design

Showcasing your team on your website puts a face to a name and adds a human element to your brand. In this article we will show you the basics of creating a team section for your website using the Bootstrap framework.

team-module

Showcasing your Team on your website puts a face to a name and adds a human element to your brand. In this article we will show you the basics of creating a team module in Solodev using shortcodes.

testimonial-module

testimonial-slider-fullwidth

Your customers and clients love your brand, and they even admitted it online! Showcase those statements in this stylish testimonial slider tutorial.

text-animations-slick-slider

text-dark-overlay-on-hero-sliders

tilted-image-with-css

Adding interactivity to your website is always a value add. Static images are boring yet for some reason they're still everywhere on the web. Good design principles include adding as much interactivity to your images as possible so they stand out. There are many ways to do this using different hover effects with JavaScript. However, in this article, we will show you how to add a tilt effect to your images onHover using CSS.

timelinejs

TimelineJS: A Storytelling Timeline built in JavaScript.