Get Started. It's Free
or sign up with your email address
Markup by 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