Click here to load reader

Advanced styles

  • View
    1.098

  • Download
    0

Embed Size (px)

Text of Advanced styles

CSS: ,

eleks.com

CSS: ,

eleks.com

CSS CSSTask-runners

eleks.com

CSS:

eleks.com

CSS: Twitter BootstrapZurb Foundation

Bootstrap ??? , Twitter -

Bootstrap ??? 2011, CSS , JS

Bootstrap: http://getbootstrap.com/getting-started/

*

CDN: Content Delivery Network

Bootstrap: ! JS jQuery

* .less

Bootstrap: CSS

Bootstrap: CSS

Bootstrap:

Bootstrap: Bootstrap , . scaffolding.less

Bootstrap: NormalizeNormalize.css CSS resetsNormalize.css css , - HTML

Bootstrap: Container ,

Bootstrap: Bootstrap , 12 .

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Media query

Bootstrap: h1h6

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap:

Bootstrap: Glyphicons 250 (../fonts/) . span , .

Bootstrap: Glyphicons 250 (../fonts/) . span , .

Bootstrap: Glyphicons

CSS CSS CSS .

CSS: ( , )

CSS

CSS

CSS

CSS

CSSLESSSASS (SASS, SCSS, COMPASS)Stylus

Task RunnersGruntGulpothers

Task Runners: - CSS, JS

Gulp: NodeJS ( https://nodejs.org/en/)

Gulp:

npm install Node Package Manager-g , npm gulp

Gulp: --save-dev , npm gulp

gulp-sass scss

Gulp: gulpfile.js

Gulp:

Gulp: SCSS

Gulp: SCSS

eleks.com

Inspired by Technology.Driven by Value.

eleks.com