A simple guide about how to use Yeoman to setup your web application, test it and then built it for production.
Its the professional way to build your web app.
You all know about Twitter Bootstrap. It’s the top front-end development framework and it’s spreading more and more. And while this framework was made on standards and most of useful components were added to it, some of us may need to override some code of it for his/her needs.
I had a chance to work on that, i mean overriding. Let me explain what I was doing and how I did that.
There are plenty of jQuery plugins to use for Forms. I have collected 15 of them that are the most useful plugins for Forms. Click on title to see the list.
I am here not talking about Server-side improvements. I am here talking about Front-End improvements that really affects the web page speed.
The time spent till the website is running on the client’s browser. If we analyze that time, we will get:
Request Time (in milliseconds)
Server Process Time, or response time (usually in milliseconds)
Downloading web page and files into browser (few to several seconds, depending on internet speed)
Rendering on browser.
Drang n’ Drop in HTML 5 is supported by: IE9+, Firefox 3.6+, Safari 4+, Opera 11+ and Chrome 12+. But its not supported yet for touch devices like Touch Mobiles and Tablets.
You may have a normal HTML Form, like: contact form, feedback form or any other forms in your website or any website you work on.
Did you think how difficult converting this FORM into AJAX?
Let me say, it will be very simple. Simple as 1 minute of changes.
How is that, right?
1) Nivo Slider: A stunning jQuery image gallery with 16 unique transition effects. Comes with many featrues and compatible with most browser versions (IE 7+, Firefox v3+, Google Chrome v4+, Safari v4+ and Opera v10+). I like this plugin and i recommend it.
2) Gloss: Gloss is not an image gallery, it’s a lightweight jQuery plugin to create a gloss effect on images for (Mouse over, Mouse out) action. (It’s also supported for IE 6+ browsers).
Multiple files can be selected, they can even be drag ‘n’ dropped from the desktop and the upload process can start automatically or with an event (like clicking the “upload” button).
A progress bar can display the status and uploads can be canceled anytime.
It is possible to use multiple instances of the plugin in the same page and jQuery File Upload is compatible with any server-side application platform.
It’s lovely to make you webpage interactive. jQuery plugins add effects to multiple elements of HTML. jQuery Gloss adds a Gloss (shining) effect to images by simple and lightweight code.
This effect is added on hover effect (mouseover, mouseout).
This plugin is ~2.2 Kb and it’s simple as:
Add a DIV element to hold the image with class=”gloss”. eg:
<div class=”gloss”><img src=”” alt=”Image gloss effect” /></div>
Include the script file of jQuery Gloss plugin. eg:
Call the Gloss function. eg:
jQuery Plugins: plugins.jquery.com/project/gloss
Source & Demo: www.freelancer-id.com/gloss