PHP Classes

Responsive CSS Class: Output CSS and JavaScript to adapt to browser

Recommend this page to a friend!
  Info   Demos   Screenshots Screenshots   View files View files (28)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog (1)    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 718 All time: 4,606 This week: 118Up
Version License PHP version Categories
responsive-css 1.3The PHP License5.0HTML, PHP 5
Description 

Author

This class can output CSS and JavaScript to adapt to browser resolutions.

It can detect the current user browser resolution by adding JavaScript to the page that gets the current browser screen dimensions.

The screen dimensions are stored in cookies to not have to add detection JavaScript code to the page again.

The class generates HTML and JavaScript for the page to use different CSS stylesheets that adapt to the current browser screen size.

Innovation Award
PHP Programming Innovation award nominee
August 2013
Number 8
Responsive user interfaces are often the most recommended way to provide Web based user interfaces that adapt to the dimensions of the device on which the Web browser is running.

This class provides a solution to adapt the PHP generated HTML based user interfaces to the user browser device.

Manuel Lemos
Picture of adam berger
  Performance   Level  
Name: adam berger <contact>
Classes: 23 packages by
Country: Poland Poland
Age: ???
All time rank: 74621 in Poland Poland
Week rank: 312 Up5 in Poland Poland Up
Innovation award
Innovation award
Nominee: 8x

Winner: 2x

Details

CssResponsive & CssBrowser & CssVersion & Open Graph Facebook & framework Bootstrap & Font Google & meta tag ============= Responsive CSS is a class to handle pages html5, jQuery, CssResponsive, CssBrowser, CssVersion, Open Graph Facebook. Class is designed to load the appropriate CSS styles depending on the browser like Mozilla, IE, etc. Class also recognize the screen resolution, thus adapting to a device such as tablet, phone, etc. By reading the right style for your device. Identifies the version of the style supported by your browser. All this results in a significant acceleration loading, because they are charged only the styles that are just at the time needed. In the classroom you will find a few other things you need to use a web page that may help facilitate the work. Check javascript, cookiesmedia etc. Class will prepare more efficiently css responsieive for devices and for our applications. Faceboke Added support for the Protocol Open Graph Facebook Added support for the framework Bootstrap The class made ​​every google font support. Now in an easy way that you can make the font on the page. You get to choose from 10 pieces Determination html meta data such as author, description, keywords, telephone number, responsive, copyright, robots, google verification +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Css Responsive jest to Klasa do obsługi stron html5, jQuery, CssResponsive, CssBrowser, CssVersion, Open Graph Facebook. Klasa ma za zadanie wczytywania odpowiednich styli css w zależności od przeglądarki np. Mozilla , IE itd. Klasa ponadto rozpoznaje rozdzielczość ekranu, co za tym idzie dostosowuje się do danego urządzenia np. tabletu, telefonu itp. Wczytując odpowiedni styl dla tego urządzenia. Rozpoznaje także wersję obsługiwanego stylu przez przeglądarkę. Wszystko to powoduje znaczne przyśpieszenie wczytywania strony, dlatego że są pobierane tylko te style, które są akurat w danym momencie potrzebne. W klasie znajdziemy jeszcze parę innych potrzebnych rzeczy do obsługi strony WWW, które mogą nam ułatwić pracę. Sprawdzenie obsługi javascript, cookiesmedia itp. Klasa pozwoli bardziej wydajniej przygotowywać css responsieive dla urządzeń a także dla naszych aplikacji. Dodano obsługę Protokółu Open Graph Facebook Dodano obsługę framework Bootstrap Do klasy dołożono obsługę czcionek firmy google. Teraz w łatwy sposób możesz dołożyć interesujące cię czcionki do strony. Do wyboru dostajemy 10 szt. Określenie meta danych dla html takie jak: autor, opis, słowa kluczowe, numer telefonu, responsive, copyright, robots, google kod verification Demo do przetestowania link http://www.prezenty-zyczenia.pl/class_responsive/index_fb_go_meta-v2.php Opis funkcjonalności i co zmieniono w v2 http://www.joomla-cms.com.pl/pl/class-php/responsive-css-v2.html

  Responsive css v2External page  

Open in a separate window

Screenshots  
  • responsive
  • responsive_source
Videos  
  Files folder image Files  
File Role Description
Files folder imagecss (14 files)
Plain text file class_cssresponsiwe-v2.php Class Class source
Plain text file class_cssresponsiwe.php Class Class source
Plain text file class_cssresponsiwe_fb.php Class Class source
Plain text file class_cssresponsiwe_fb_boo.php Class Class source
Plain text file class_cssresponsiwe_fb_b_g_meta.php Class Class source
Plain text file class_cssresponsiwe_fb_goog.php Class Class source
Plain text file index.php Class Class also recognize the screen resolution, thus adapting to a device such as tablet, phone, etc.
Plain text file index_fb.php Class Class source
Plain text file index_fb_boo.php Class Class source
Plain text file index_fb_goog.php Class Class source
Plain text file index_fb_go_meta-v2.php Class Class source
Plain text file index_fb_go_meta.php Class Class source
Accessible without login Plain text file LICENSE Data Auxiliary data
Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  css  
File Role Description
  Accessible without login Plain text file styll.1024.css Data Auxiliary data
  Accessible without login Plain text file styll.1152.css Data Auxiliary data
  Accessible without login Plain text file styll.1280.css Data Auxiliary data
  Accessible without login Plain text file styll.1360.css Data Auxiliary data
  Accessible without login Plain text file styll.1440.css Data Auxiliary data
  Accessible without login Plain text file styll.240.css Data Auxiliary data
  Accessible without login Plain text file styll.320.css Data Auxiliary data
  Accessible without login Plain text file styll.380.css Data Auxiliary data
  Accessible without login Plain text file styll.480.css Data Auxiliary data
  Accessible without login Plain text file styll.568.css Data Auxiliary data
  Accessible without login Plain text file styll.600.css Data Auxiliary data
  Accessible without login Plain text file styll.685.css Data Auxiliary data
  Accessible without login Plain text file styll.768.css Data Auxiliary data
  Accessible without login Plain text file styll.800.css Data Auxiliary data

 Version Control Unique User Downloads Download Rankings  
 90%
Total:718
This week:0
All time:4,606
This week:118Up