Responsive Webseiten testen – ein schneller Überblick über diverse Browsergrößen und -auflösungen

Wenn man responsive Webseiten baut, dann spielt das Testen eine große Rolle.

Folgende Tools helfen dabei:

Browser Devtools

Firefox bietet zb in den Devtools (F12) die Möglichkeit, responsive Ansichten auszutesten.

Einfach Strg+Shift+M und schon kommt man in die Ansicht zum Testen, wo man im ersten Dropdown die Auflösung auswählen kann:

mattkersley.com/responsive/

Checkbox / Radio Design-Sammlung

Das hier wird ein Sammelartikel für interessante Checkbox-Designs.

Der Artikel wird laufend um spannende Designideen erweitert

 

 

Sammlung von diversen Ideen

https://freebiesupply.com/blog/css-checkbox-styles/

Alle Beispiele sind mit Code versehen und linken zu Codepen

 

 

Hippe Radiobuttons

https://codepen.io/tutsplus/pen/bgqYJz

 

http://cssdeck.com/labs/ldmtsmfk
https://codepen.io/billyysea/pen/CHmiE
https://codepen.io/msisto/pen/lCofE
http://webdesign.maratz.com/lab/fancy-checkboxes-and-radio-buttons/demo.html
https://codepen.io/AngelaVelasquez/pen/Eypnq

 

 

 

 

 

 

Witzige

Spiegelei