Adaptivate Make Any Site Adaptive Responsive

CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858
Script \ JavaScript \ Miscellaneous
Orientation \ Screens \ Browser \ Adaptive \ Larger \ Portrait \ JQuery \ Queries

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

Script \ JavaScript \ Miscellaneous

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).

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

TextMorph: WP On-Page Editor; Mesmerize: jQuery Image FX Plugin.

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


Create CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858 style with After Effect, Cinema 4D, 3DS Max, Apple Motion or PhotoShop. CodeCanyon Adaptivate Make Any Site Adaptive Responsive 4628858 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: *