Solodev's public fiddles
-
Infinite Carousel with Continuous Scrolling
Infinite Carousel of Customer Logos
-
Displaying Recent Blog Posts
No-Library (pure JS), HTML, CSS, JavaScript
-
How it Works Section
No-Library (pure JS), HTML, CSS, JavaScript
-
Bootstrap Search Validation
Validation on search bars often goes overlooked. However, to prevent users from being able to search for empty queries, add some simple validation using Bootstrap Validator.
-
Multi-colored column CTA sectional
If you need to highlight multiple pieces of information within a CTA, you can do so by breaking each column up so that it utilizes a different background color.
-
List your organization’s locations on a single page (minus the search)
Most end users will want to see a list of all of your locations so that they can best find one that meets their needs. You can show this list with some pertinent information to help end users find an appropriate match.
-
Added featured images to your people sectional for a personal touch
When showcasing staff members or individuals on a page, it is often best to showcase a featured image with each person so that there is a human, personal look and feel.
-
Department Page Contact Information
Department pages are mini-homepages in and of themselves for many organizations. For end-users, they want the ability to see a glance of what a department does as well as all relevant contact information. You can specify a department overview, featured biography, and all pertinent contact information in one easily digestible layout.
-
Bootstrap Card Columns
Often, you will need to spread an unordered (or ordered) list across multiple columns. Rather than arbitrary breaking the lists and creating separate columns, you can use card columns so that the content dynamically fits to whatever card column dimensions you specify.
-
News and Alerts Section
No-Library (pure JS), HTML, CSS, JavaScript
-
Vertical Bootstrap Tabs
No-Library (pure JS), HTML, CSS, JavaScript
-
Updated Information/Resources Section
No-Library (pure JS), HTML, CSS, JavaScript
-
Leadership Directory
No-Library (pure JS), HTML, CSS, JavaScript
-
I-Want-To Menu
No-Library (pure JS), HTML, CSS, JavaScript
-
Quick Links
No-Library (pure JS), HTML, CSS, JavaScript
-
FAQ Section
No-Library (pure JS), HTML, CSS, JavaScript
-
Header Section CTA
No-Library (pure JS), HTML, CSS, JavaScript
-
Featured Section
No-Library (pure JS), HTML, CSS, JavaScript
-
Contact Section with Contact Info
No-Library (pure JS), HTML, CSS, JavaScript
-
Organizing links using Bootstrap columns
No-Library (pure JS), HTML, CSS, JavaScript