Enhance site user experience with HTML5, CSS3, and jquery [retention]

Remember years ago if you need to add some interactive elements to your site to improve the user experience? Did you immediately think of the flash implementation? It's a long time ago. Using the most popular web technologies HTML5,CSS3 and jquery today, you can also achieve a similar user experience. And using these features will be more efficient than using Flash. Maybe you just know that Adobe stopped developing mobile flash messages, although we still have a lot of flash apps on the desktop, but as the HTML standard improves, Flash may also want to exit the history stage. In today's article, we will introduce some very useful tutorials, tips and resources to help you build a richer user interface. Please give us an active message! Your support is our best power!

Form class

jquery's Landscaping checkbox

This tutorial will help you build a very dynamic checkbox to replace the default checkbox, and you'll love a more dynamic UI interface.

Rethinking forms in HTML5

This is a great tutorial from nettus+ and will teach you how to use the HTML5 feature to build a form

JQuery IMPROMTU

A replacement for components such as alert, dialog boxes, and so on, users will prefer this UI element

JQuery Simple Modal

A very flexible dialog frame that provides a very good user interface design that can help you generate very cool forms

Mcdropdown

Multi-layer selection drop-down box, ideal for tree-like structure presentation

JQ Transform

A form-perfect plugin that your personal favorite uses to help you build beautiful UI interfaces.

Emblematiq niceforms

A very good jquery framework that allows you to use design themes to turn forms into cool UIs. Of course you can also customize a theme yourself

Uniform

Uniform will mask the default form with custom skins and can synchronize with your actual form elements, ensuring access and compatibility

Image buttons A part of the input fields

Teach you how to generate buttons in the input box

DYNAMICWP Contact Form

Very good WP plugin, able to generate a docked page edge of the contact form, not used when automatically hide

JQuery Highlight

jquery highlighting, which allows input highlighting, prompting the user to enter content

JQuery inline Form Validation

Personal very much like to use the form input verification plug-in, specific use reference this article:

Implementing form validation with the jquery plugin Jquery.validationengine

Navigation class

White smoke Menu Style

This jquery-developed navigation menu reminds you of the menu effect of flash development, and the whole movement is so smooth that you feel it is flash development. Compatible with all browsers, even if JavaScript is turned off, it will work correctly.

jQuery MB. Menu

If you want to develop a multi-layered attribute menu, then this plugin is one of the workarounds you are looking for.

Coda Slider

A very nice sliding panel, ideal for sliding type panel applications. And you can use advanced feature enhancements

ID Tabs

If you consider extensibility, this plugin is probably the best Panel navigation tab plugin you can find.

Smooth Horizontal Sliding Menu

This tutorial teaches you how to use jquery to create a submenu of a vertical slide display

Jbreadcrumb Menu

The current position can be scaled automatically according to the current position length to zoom, very good idea

JQuery Flowernav

A very dynamic navigation implementation that can add a flower effect to your link

JQuery Accordion

An accordion display with a very simple effect

User Interface Classes

JQuery Slide Note

Slide node is a plugin that can help you provide some useful tips or information that will make it easier for you to access your users ' websites.

JQuery page Peel

A very cool plugin for displaying ads.

JQuery Infiniscroll

jquery's unlimited scrolling effect plug-in to help you with realistic and large content

JQuery Slidernav

A plug-in that dynamically and vertically slides the navigation menu

JQuery tipped

A very cool plugin allows you to add hints to your site. Of course the optional skin is provided.

Supersized

A plugin that allows you to display your site's background slideshow

Imagin8

is not a simple picture slideshow plug-in, it allows you to specify a directory, the directory of all the pictures can be displayed, do not need you to specify in the HTML code, very useful!

JQuery lettering

A plugin that can help you control each individual letter. Help you create some unique text effects effectively

JQuery stylesheet Switcher

This plugin allows you to add links to modify the page's style sheet

Flip

Flip is a jquery plugin that helps you achieve the effect of flipping elements.