Come menzionato da GrandMasterB, l'attuale tendenza consiste nell'utilizzare scaffolding e layout basati su colonne reattivi che rendono molto più facile scrivere applicazioni Web per più ambienti di destinazione contemporaneamente: PC, tablet, smartphone.
Il più utilizzato è Bootstrap di Twitter ... al punto da poter riconoscere quasi istantaneamente un sito Web che lo utilizza. Al punto in cui è stato scritto un post di blog per smettere di usarlo ... E come tale , molti siti web con temi Bootstrap (gratuiti o / e premium) sono spuntati fuori dal nulla come ad esempio Bootswatch .
L'altro che ho utilizzato personalmente è Zurb's Foundation che è anche bello e offre lo stesso layout basato su gric / colonne. Analogamente a Bootstrap, puoi personalizzare i componenti CSS e Javascript inclusi prima di scaricare i file sorgente.
Non so se questa tendenza si fermerà o se cadrà in "un altro modo di scrivere app web", ma ci sono molti professionisti mentre lavorano con questi framework:
- Parte del design reattivo è già fatta per te (e se non fai cose troppo complicate, quella parte sarà molto vicina al 100%)
- È facile da raccogliere (per exmaple: le classi CSS più importanti in Bootstrap:
row e spanx dove x è un numero compreso tra 1 e 12)
- È facilmente personalizzabile con ulteriori caratteri, icone, colori del tema
- È carino!
- Si risparmia molto tempo per cose più importanti invece di micro-gestire pixel per pixel tutti i tuoi elementi DOM (puoi ancora farlo, certo, ma se fai le cose bene, non dovresti farlo)
- Vengono con componenti basati su JQuery
- È ancora in fase di elaborazione e viene aggiornato con le moderne funzionalità CSS3 e HTML5 pur mantenendo la compatibilità con i browser meno recenti
- È incredibilmente facile integrare Bootstrap in un framework MVVM come ad esempio KnockoutJS.
E ultimo ma non meno importante ... Sia Bootstrap che Zurb Foundation hanno eccellenti documentazioni
Modifica: trovato un sito web che confronta Bootstrap con Zurb Foundation e un altro di cui non ero a conoscenza, < a href="http://www.getskeleton.com/"> Skeleton (basato su griglia / colonna): link