PHP Classes
elePHPant
Icontem

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

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Info   Demos   Screenshots Screenshots   View files View files (28)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2014-05-11 (1 year ago) RSS 2.0 feedNot yet rated by the usersTotal: 671 This week: 1All time: 4,489 This week: 1,118Up
Version License PHP version Categories  
responsive-css 1.0The 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
Name: adam berger <contact>
Classes: 9 packages by
Country: Poland Poland
Age: ???
All time rank: 109527 in Poland Poland
Week rank: 93 Up2 in Poland Poland Up
Innovation award
Innovation award
Nominee: 1x

Details provided by the author  
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  
Screenshots  
  • responsive_source
  • responsive
Videos  
  • Responsive class
  • class responsive v2
  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:671All time:4,489
 This week:1This week:1,118Up