CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858

CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858

CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858
JavaScript \ Miscellaneous
Query \ Mobile \ Responsive \ Media \ Cross \ Browser \ Adaptive



JavaScript - Adaptivate Make Any Site Adaptive Responsive 4628858 by fillerspace @ CodeCanyon

JavaScript \ Miscellaneous

Last Update: 2 May 13; Compatible Browsers: IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome; Software Version: jQuery; High Resolution: No; Files Included: JavaScript JS, HTML, CSS.

Adaptivate adds classes representing the current page width and orientation to any element you choose (e.g. the html or body tag) so that you can easily make your site adaptive/responsive without having to deal with messy CSS media queries.

Using these classes, you can create CSS rules to apply different styles based on the page width or orientation. For example, you can make the menu a fixed width on screens smaller than 768px, and fluid on larger screens. Or make list items float left on screens larger than 1024px.

Instead of using CSS media queries like “screen and (min-width: 641px) and (max-width: 1023px) and (orientation: portrait)”, you can include a rule in your css to target ”.width_gt_640.width_lt_1024.orientation_portrait”.

Adaptivate only requires jQuery, and supports any browser that jQuery does (for maximum compatibility, use version 1.9x).

Keywords: adaptive, cross-browser, css, media query, mobile, responsive.



Tags: Adaptive, Responsive, Media, Query, Mobile, Browser

Premium CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858 for digital design and education. CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *