Tampilkan postingan dengan label progress. Tampilkan semua postingan
Tampilkan postingan dengan label progress. Tampilkan semua postingan

Kamis, 05 Desember 2013

Modern Bold Buttons (Buttons)

Overview



Modern Bold Buttons is an elegant and stylish set of buttons made in CSS3. Works on links, inputs, buttons.
Bonus: Font Awesome ready (more than 360 icons)!




Features




  • 16 color variations

  • 3 sizes

  • 2 border size styles + rounded

  • Disabled and progress states

  • Works on links, inputs, buttons

  • Easy customization (just copy-paste css class, rename it and change only 3 values – background color, border color, text color)

  • No image required

  • Degrades nicely on older browsers (see screenshots)

  • Detailed documentation (how to use, colors and styles description, how to customize)

  • Font Awesome ready (more than 360 icons)! You can easily add an icon to the buttons

  • SASS file included

  • Small size of css files: normal – 11kB, minified – 9kB, minified and gzipped (with compression) – 1.8kB



If you like it, please rate it:







Credits





Support



Feel free to contact me if you have any questions!





2013-11-22
- Add Font Awesome 4.x.x support

2013-09-04
- Add block style
- Change prefixes (reduce length, from .p-button to .p-btn)
- Fix default button font-size and padding
- Fix documentation

2013-08-14
- Initial release

Rabu, 04 Desember 2013

ReloadProgressBar jQuery Plugin (Loaders and Uploaders)

What is it?


ReloadProgressBar jQuery Plugin provides progress bar when your page is reloading as well as a contents are being loaded into a container, both with actual progress value. It is extremely easy to use and has 30 ready-to-use themes (+ it’s easy to create new ones). Also, it extends jQuery $.ajax() function, so that you can use progress bars to your own requests. And it all can be done with only one line of JavaScript code!

What does it?



  • Let users know how long will it take to load the whole page

  • Get rid of page refreshing after each reloading – make it modern

  • Preload all images on your page, so that it always looks compete!

  • If you use AJAX to load content dynamically – you can easily equip it with progress bar, too!

  • Don’t worry about installation – it’s really child’s play!