In the past we have written on creative responsive website layouts built for mobile smartphones. This trend has grown very quickly in just a few short years – and with good reason! Why not build your website to support both desktop and mobile platforms? You only need 1 set of codes and the whole layout adjusts based on the screen width.
The only problem is that many web designers do not take the time to go out and read up on tons of articles & tutorials. So in this showcase I’ve collected some amazing online resources and web applications to help with responsive design. The best part is how you don’t need to study into these ideas too much. Just try playing around with a few of these applications and you’ll quickly understand all the hype behind CSS3 media queries and responsive web design.
Retina.js
Screenqueri.es
Mediaqueri.es
Style Tiles
Responsify
Gridpak
Adaptive Images
The Goldilocks Approach
Respo WordPress Theme
The Responsinator
Response JS
FitVids.js
Responsive PX
SelectNav.js
RefineSlide
Campaign Monitor Mobile Guide
Code a Responsive Navigation
Responsive Ad Checker
CSS3 Responsive Slider
Responsive Tables
HorizontalNav
Glisse.js
Codebomber
slabText
Syze
Ari WordPress Theme
The Heads-Up Grid
No hay comentarios:
Publicar un comentario