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.
Tag: jquery
Overriding Javascript in Twitter Bootstrap
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.
15 Most Useful jQuery Form Plugins
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.
Tips for Better Website Performance
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.
Drag and Drop with jQuery for Touch Devices
In the last post: Drag and drop with HTML5, i explained how to drag and drop using HTML5 and Javascript (jQuery). I mentioned that touch devices such as iPhone, iPad, BlackBerry, Samsung…. etc, does not support HTML5 Drag and Drop features.
Now, in this post, i want to explain how to make Drag and Drop possible for all devices. Before we start, you must know that it’s all about Javascript.. And i will use jQuery library while i am familiar with it and it simplifies writing javascript.
How to: Drag and Drop with HTML5
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.
To make things more clear, its not only HTML 5.. Its a combination between HTML 5, CSS 3, and Javascript.
How to convert HTML Forms into AJAX simply
Your ads will be inserted here byEasy Plugin for AdSense.Please go to the plugin admin page toPaste your ad code OR Suppress this ad slot. Hello reader, 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… Continue reading How to convert HTML Forms into AJAX simply
10 Top jQuery Plugin for Images – 2011
Your ads will be inserted here byEasy Plugin for AdSense.Please go to the plugin admin page toPaste your ad code OR Suppress this ad slot. 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+,… Continue reading 10 Top jQuery Plugin for Images – 2011
jQuery File Upload – With Drag n’ Drop
Your ads will be inserted here byEasy Plugin for AdSense.Please go to the plugin admin page toPaste your ad code OR Suppress this ad slot. jQuery File Upload is a plugin for the popular JavaScript framework that helps handling file uploads. The plugin is based on open standards like HTML5-JavaScript and No Flash. For legacy… Continue reading jQuery File Upload – With Drag n’ Drop
jQuery Gloss Plugin
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… Continue reading jQuery Gloss Plugin