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)    
Last Updated Ratings Unique User Downloads Download Rankings
2022-10-28 (16 days ago) RSS 2.0 feedNot enough user ratingsTotal: 712 This week: 5All time: 4,616 This week: 170Up
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
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:712
This week:5
All time:4,616
This week:170Up
For more information send a message to info at phpclasses dot org.