Jetzt loslegen. Gratis!
oder registrieren mit Ihrer E-Mail-Adresse
Markup von Mind Map: Markup

1. Advanced

1.1. Automation

1.1.1. Task Runners/Builders

1.1.1.1. Gulp

1.1.1.2. Grunt

1.1.1.3. Webpack

1.1.2. npm

1.1.3. Autoprefixer

1.2. Code Style

1.2.1. csscomb

1.2.2. eslint

1.2.3. stylelint

1.3. Debug

1.3.1. IE :)

1.3.2. DevToolBar

1.3.3. Repaint, Reflow, Restyle

1.3.4. Speed optimisation

2. Start

2.1. HTML

2.1.1. 1. Practice!

2.1.2. HTML5

2.1.3. Semantics

2.2. CSS

2.2.1. 1. Practice!

2.2.2. Semantics

2.2.3. Layout

2.2.3.1. float

2.2.3.2. inline-block

2.2.3.3. tables

2.2.3.4. flex

2.2.3.5. grid

2.2.4. Animations

3. Next Level

3.1. Arcitecture

3.1.1. BEM

3.1.2. SMACSS

3.1.3. MVCSS

3.1.4. OOCSS

3.1.5. Components

3.2. Documentation

3.2.1. HTML Attributes

3.2.2. CSS

3.2.3. Caniuse

3.2.4. htmlreference.io

3.2.5. cssreference.io

3.3. Preprocessors

3.3.1. LESS

3.3.2. SASS

3.3.3. Stylus

3.3.4. PostCSS

3.4. Frameworks

3.4.1. Twitter Bootstrap

3.4.2. Responsive Grid System

3.4.3. Skeleton

3.4.4. Ionic

3.4.5. Foundation

3.5. Mobile

3.5.1. "Rubber" markup

3.5.2. Responsive Web

3.5.3. Different code for different devices

3.6. UX/Design

3.6.1. UX

3.6.2. UI

3.7. Text Design

3.7.1. Basics

3.7.2. Typography

3.7.2.1. Ководство Лебедева

3.8. Fonts

3.8.1. Web fonts

3.8.2. Optimisation

3.8.3. Custom fonts

3.8.4. Icon fonts

3.9. SVG

3.9.1. Inline SVG

3.9.2. BG SVG

3.10. Form design

3.10.1. Controls

3.10.2. Basics

3.11. Mail

3.12. A11y

3.12.1. a11y project

3.12.2. WAI-ARIA

3.12.3. Validators

4. Additional

4.1. GIT

4.2. English

4.3. Photoshop

4.3.1. Raster & Vector

4.3.2. Web graphics formats

4.3.3. Optimisation

4.3.4. Mockups organisation

5. Testing

5.1. Manual

5.2. Automation

5.2.1. E2E

5.2.2. ScreenShots