Category Archives: Coding

MixItUp – CSS3 and jQuery Filter & Sort Plugin
Coding
March 20, 2014 posted by Maan

MixItUp – CSS3 and jQuery Filter & Sort Plugin

MixItup is a powerful and light-weight jQuery plugin which provides awesome animated filtering and categorized ordered content. It smoothly plays with CSS & HTML to make it responsive layout. It’s great for galleries, blogs, portfolios and ordered content. JQuery is used by MixitUp to hide, show or re-position based on filter to applies the power of CSS3 transitions that smoothly animate these element for location. it’s an efficient way to avoid heavy resource approach including jQuery, animate and absolute position….

25 Useful jQuery Plugins
Coding
January 20, 2014 posted by Riz

25 Useful jQuery Plugins

Creation of JQuery was an important step to design JavaScript into convenient product so that developers can use it just because of its summarized code and easy coverage to all browsers. Since its beginning, jQuery rapidly has grown-up in popularity and there are some other JavaScript frameworks as well which can be checked with same benefits. At the present days jQuery is in highest because of its attraction and each person from JavaScript world yearn to experiment by using it….

35 Very Useful CSS and CSS3 Tutorials Collection
Coding
October 24, 2013 posted by Riz

35 Very Useful CSS and CSS3 Tutorials Collection

CSS and CSS3 are the most common markup language that is used for stylizing web pages written in HTML, XHTML or other languages. While CSS is primarily used for stylizing the layout of the webpage, CSS3 is used for incorporating beautiful designs in the web page. However, to make the best use of this markup language the designers need to have an in-depth knowledge about the various techniques that can be employed. There are many useful tutorials in CSS and…

5 Best Responsive CSS Frameworks For Web Design
Coding
October 14, 2013 posted by Maan

5 Best Responsive CSS Frameworks For Web Design

In the terms of web design, a framework can be defined as a package made up of a structure of folders and files of standardized code (CSS, HTML and Java Script documents). Most of the websites have a very similar structure. The main purpose of frameworks is to make available those similar structures for the web developers, so they can reuse the given code without rebuilding a structure from scratch. It helps developers to save their lot of time. Basically,…

25+ Really Useful Tools For CSS Developers
Coding
September 15, 2013 posted by Stacy Carter

25+ Really Useful Tools For CSS Developers

Working on your designs can be fun yet it can be painstaking as well. Working with CSS optimizes the results of your work as it allows you to exercise better control on the elements and designs of your craft but the efforts that you need to put into your work can be quite challenging. With the help of these tools for CSS developers, you can easily maximize your output with an effortless way of simplifying your web development undertakings with…

Should I learn and switch to HTML5 or not?
Coding
August 25, 2013 posted by Sebastian Atwell

Should I learn and switch to HTML5 or not?

Advantages of HTML5: HTML5 is the latest version of HTML which has made the development process simple and easy. With cutting-edge features, it is the buzzword at the moment in the tech world. Lauded by experts, HTML5 has a host of features for added benefits including content security, improved semantics, interoperability and accessibility, drag and drop support, Browser history management, document editing and timed media playback. Apart from all these, there are some really interesting features and benefits you would…

Fancyselect – A Better Select For Web Developers
Coding
August 19, 2013 posted by Maan

Fancyselect – A Better Select For Web Developers

A better select for discerning web developers everywhere, FancySelect is easy to use. Just target any select on the page, and call .fancySelect() on it. If the select has an option with no value, it’ll be used as a sort of placeholder text. By default, FancySelect uses native selects and styles only the trigger on mobile devices. To override this, pass an object with forceMobile set to true when initializing it.

Build A Responsive Tooltip With jQuery
Coding
August 3, 2013 posted by Maan

Build A Responsive Tooltip With jQuery

Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target. Osvaldas Valutis built a Responsive tooltip using CSS and jQuery. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the…

Top 10 Free jQuery Map Plugins You Can Use
Coding
July 31, 2013 posted by Maan

Top 10 Free jQuery Map Plugins You Can Use

jQuery is an integral part of website development, it is used just like Cascading Style Sheets. While converting a PSD design to HTML website, like CSS is used to improve its user interface, jQuery is used to enhance its User Experience. In other words, jQuery makes web more interactive. Additionally, when it comes to implementing superior functionality on a particular site, almost all web developers prefer to use jQuery more often than any other JavaScript Library. That’s because it is…

jQuery Range Slider With Skin Support
Coding
July 30, 2013 posted by Maan

jQuery Range Slider With Skin Support

Ion.Range Slider is a nice, comfortable and easily customizable range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS. It supports touch-devices which includes iPhone, iPad and etc. It has been tested on Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+). It is freely distributed under MIT licence. Using script Import this libraries: And CSS: Don’t forget about skin image: Create base input element: <input type="text" id="someID" name="rangeName" value="10;100" /> Initialize slider:…