Responsive Web Design / Web Development Link Sammlung Drupal User Group Nuernberg

Jetzt loslegen. Gratis!
oder registrieren mit Ihrer E-Mail-Adresse
Rocket clouds
Responsive Web Design / Web Development Link Sammlung Drupal User Group Nuernberg von Mind Map: Responsive Web Design / Web Development Link Sammlung Drupal User Group Nuernberg

1. Konzeption

1.1. Focus auf Inhaltselemente

1.2. Sketch / Wireframes

1.3. Geräteunterstützung

1.4. Performance

2. Design

2.1. Patterns

2.1.1. Patterns

2.1.2. Patterns

2.1.3. Inspiration

2.2. Retina Herausforderung

2.2.1. Art Direction Problem

3. UI Frameworks

3.1. Bootstrap

3.2. Zurb Foundation

3.3. Skeleton

3.4. Gumby

3.5. HTML5 Boilerplate + Mobile

3.6. ...

4. CSS

4.1. Media Queries

4.2. Flexbox

4.3. SASS / Compass /

4.3.1. singularity gs

4.3.2. Susy

5. Javascript

5.1. Enquire.js

5.2. Rubberband

5.3. Modernizr

6. Bilder

6.1. Responsive Images

6.1.1. picturefill.js

6.2. Adaptive Images

6.3. noch kein Standard

6.3.1. picture / srcset

6.4. SVG, Icon Fonts

7. Video

7.1. Responsive Video

7.1.1. per CSS

7.1.2. fitvid js

7.1.3. Generator

8. Testing

8.1. real Hadware

8.1.1. Open Device Lab Nürnberg

8.2. Emulatoren

8.2.1. Mac iOS Simulator

8.2.2. Genymotion

8.2.3. Verschiedene

8.3. Browser Dev Tools

8.3.1. Ripple

9. Mobile Frameworks

9.1. Sencha Touch

9.2. jQuery Mobile

9.3. Phonegap

10. Showcases

10.1. mediaqueri.es

11. Drupal Module

11.1. Adaptive Images

11.2. Responsive Images

11.3. Breakpoints

11.4. Picture

11.5. Flexslider

11.6. fitvid

11.7. Panels, Display Suite

12. Drupal Themes

12.1. Omega

12.2. Bootstrap

12.3. Adaptive Theme

12.4. Zen

12.5. Zurb

13. Drupal 8

13.1. Theming

13.1.1. HTML5 default

13.1.2. TWIG

13.2. Responsive Base Theme

13.2.1. mobile first

14. by Holger Volk www.webkomplize.de