icon fonts

Theory[edit | edit source]

fluid grid, fluid images, Media queries, Mobile first

Mobile first[edit | edit source]

A mobile-first approach to styling means that styles are applied first to mobile devices. Advanced styles and other overrides for larger screens are then added into the stylesheet via media queries. This approach uses min-width media queries.

wikipedia:Category:Responsive_web_design[edit | edit source]

Bootstrap vs. Zurb Foundation vs. Skeleton

Ionic is for mobily only - not responsive.

apps that fit both environments can stay with Angular JS, but use Zurb Foundation, Twitter Bootstrap

angular material is clearly mobile first or at least very suitable for mobile. This makes it imho a better choice for mobile than Bootstrap, which I regard as desktop first.

How mix Zurb_Foundation and Angular?[edit | edit source]

best choice would be wrapping Foundation plugins in angular services or using only CSS/SASS provided with the framework and recreating the behaviour from scratch

How mix Bootstrap and Angular?[edit | edit source]

http://mgcrea.github.io/angular-strap

Compare PrimeNG with Vaadin[edit | edit source]

PrimeFaces is client centric (html5, css, javascript, jquery...) and Vaadin is server centric.

Vaadin is good for small web apps and for developers which came from desktop development. Some people say, Vaadin has less bugs than JSF (well tested). PrimeFaces is richer and more native for web development. You have a fully control in UI. It can be used in big projects without worries about missing components... PrimeFaces' community is bigger than Vaadin's one.

Examples[edit | edit source]

Адаптивное меню без Javascript on CSS only

http://codecanyon.net/tags/responsive