真人街机捕鱼

Your Position: Home > News > Tsu City Website Development

Share several common plugin libraries for web development

Date: 2017-1-14 8:56:35 Popularity: label:
share to:

There are a lot of front-end resources, interesting and creative, and also very practical. I will share some plugins one after another. Thanks to the great gods for sharing. Some libraries will include basic examples, including the original author's download address.

Loaders.Css

A loading animation written entirely in CSS


Download address: http://github.com/ConnorAtherton/loaders.css



Hamburger animation menu AMBURGERS

A dozen hamburger menu animations, learn how to write them



download link: http://jonsuh.com/hamburgers/


Drift image magnifier

Drift does not rely on any plugin library, it is lightweight and especially suitable for e-commerce websites



http://github.com/imgix/drift Download address: http://github.com/imgix/drift


Luminous

Luminous is the same developer as Drift introduced above. Luminous is also used for image magnification, but the effect is displayed in the form of lightbox and is compatible with mobile phones.


http://github.com/imgix/luminous Download address: http://github.com/imgix/luminous



Superplaceholder

This is to use the placeholder property of the text box to display custom text in typing form, which can be used as a prompt


download link: http://github.com/chinchang/superplaceholder.js


8 super interesting switch effects

CSS3 Toggle Buttons is completely using CSS3 to achieve the switch effect, you can use it if you like, good creativity


download link: http://codepen.io/ashleynolan/pen/wBppKz



Progresses-progress bars

Can achieve various progress effects, such as webpage loading, image loading, button loading, etc. Webpage loading: a progress bar appears at the top of the webpage


Image loading

Suitable for detecting photo loading



Apply on the submit (save) button



Text box progress bar application


download link: http://github.com/usablica/progress.js/



Clipboard.Js text copy plugin

In the past, the code in the "copy" browser required FLASH, but this plug-in is no longer needed, and it is only 2KB in size, which is practical and easy to use.

In addition to copying, there is a cut function


download link: http://clipboardjs.com/



Chosen-enhanced selection

The enhanced version of the Select property is indeed too powerful ...



download link: http://github.com/harvesthq/chosen



OkayNav-easy to use responsive menu

Automatically hide extra menus based on browser width


download link: http://github.com/VPenkov/okayNav



Pintsize-a responsive Grid system

The class name is similar to Bootstrap, so if you have used BS, you will understand


download link: http://pintsize.io/



MDL-Material Design Front-End Framework

Use it to quickly build your Material website


download link: http://github.com/google/material-design-lite


Tips

上,里面审核比较慢,上传的插件可能要半个多月才会显示,之前有的部分案例代码已经显示在上面了,都是免费的,可以直接下载。 Part of the code in the public account is uploaded to the homepage http://www.jq22.com/myhome through a compressed package. The review in it is slow. The uploaded plugin may take more than half a month to display. Some of the previous case codes have already been Shown above, all are free and can be downloaded directly.

Home screenshot:


Website: http://www.jq22.com/myhome (copy open in browser)

0
0
0
0
0
0
0
0
Name
Verification Code
Can't see clearly, change another Already Comment information, click to view comments
Comments from users
Next: No information