solodev Goto Github PK

covid-alert-bar

covid-alert-modal

covid-hero-banner

css-considerations-text-on-images

css-transitions-and-transforms

CSS transitions and transforms are behind some of the most intriguing design elements in contemporary web design.

cta-with-css

custom-post-type-ui

Admin UI settings for creating custom post types and taxonomies in WordPress

customer-quote-slider

Credibility on the web is absolutely paramount in achieving your digital goals. One of the best ways to establish credibility on your website is to display customer logos which indicate to website visitors what caliber of clients you've worked for. However, there is no context to these logos. The website visitor simply knows that your company provided a product or service for that brand and have no idea if the engagement was a success or failure, nor does the logo provide any statistics to display any success in the engagement. In our example, we will teach you how to add a customer quote slider to your website that adds context to your customer roster. Instead of logos, the slider will display actual quotes from customers further establishing your credibility and providing site visitors with specific instances of success that they are more likely to relate to and as a result, engage with your business.

datetime-picker

Whether you're allowing users to schedule appointments, book a vacation, or schedule a rental online, using a DateTime picker improves their experience and ensures a standardized submission format.

demo-request-video-landing-page

Standard landing pages have marketing copy and a graphic on one side and a long form on the other side of the page. Filling out this form usually sends you some kind of marketing collateral, requests further information, or in our case, requests a demo. Giving a product demo every time someone fills out your landing page may not be logistically feasible so perhaps it's time to think outside of the box. By creating a demo video you can streamline your sales process, save money, and automate your lead generation initiatives. But where does the demo video go? You still want to capture prospect and lead information so just placing it on your website won't do. That's where this landing page design comes in. Not only does this design and functionality streamline your sales process, you still collect lead data, and you can give thousands of demos a minute without having to pool any internal resources to do so. Enjoy.

department-listing-directory-page

department-listing-directory-page-part-2

department-page-contact-info

designing-featured-video-section

Learn how to create featured video section for your website

disappearing-fixed-top-nav

dropdown-scroll-functionality

dynamic-page-headers

dynamic-state-dropdown

It's usually the details that set websites apart. Solodev shows how to add a dynamic state dropdown to your forms using selectize.js so that your users can quickly find their dropdown selection.

effective-breadcrumbs

Whether we recognize it or not, breadcrumbs play an essential part in your site’s navigation and user experience.

email-signature

Creating a custom signature is one of those details that can add professionalism to your emails and reinforce your brand. There are, however, complications that can arise when attempting to create a signature due to the intricacies of email clients. Some crafty HTML can help resolve these problems and create a functional email signature.

email-template

Sending emails to customers or leads is essential to the growth of your business. Although many email marketing platforms provide drag and drop email builders, they are confined to cookie cutter themes.

engaging-homepage

Designing your home page can make or break your success online.

events-module

expandable-search

Adding site search to your website tremendously improves the user experience of your website and enables users to quickly search your website for the content they're looking for. Solodev has provided a turn-key solution for you to use on your website or in your project.

expandable-sidebar-nav

expanding-faq-tabs

Learn how to create Expanding/collapsing FAQ tabs

expanding-search-bar

external-link-popup

Anyone with a website normally wants to keep people on the page as long as they possibly can with as few distractions as possible. However, there are moments when it’s necessary for a user to exit your page and visit a third-party organization linked through your website.

fade-in-search

An additional method of implementing site search calls for the search form to fade-in and fill the entire screen. This method, while certainly not applicable to every design, does have some benefits. First, the effect largely does not interfere with other design elements. Since the search from appears as a full-screen overlay, you do not have to perfrom any css jiu jitsu to accomodate the new element. Furthermore, with the search form full screen you give clear focus for your end users.

faq-module