Tools, Approaches, Technologies

Buy ebook

CSS Mine

Get my e-book focusing on CSS3 and
modern web UI development.

Learn more

First, let me say that web interface development has recently been focusing a bit too much on development tools. We spend a lot of time setting up a perfect workflow in Grunt at the expense of creating a user-oriented product.

The UI developer’s “tool box” should contain more design thinking and less debugging tools.

Therefore, we will not plunge into the knowledge pool. A lumberjack can get along with an old chainsaw, if it’s maintained properly and he knows how to use it. Right?

Let’s create an overview of new stuff that CSS has brought out over the past few years.

  1. CSS Preprocessors
  2. Node.js Invasion
  3. Package Managers: NPM and Bower
  4. Building stuff: Prepros, Grunt, Gulp
  5. Post-processing: Autoprefixer, Pixrem and Other
  6. Sustainable Code Using OOCSS
  7. Bootstrap and Ready-made UI Libraries
  8. Alternative Browser Testing: Browserstack & Co.
  9. PSD-to-HTML Effectivity: Avocode, CSSHat…
  10. Live Preview: BrowserSync
  11. Other Tools and Websites



Content

Introduction

Introduction

On today’s frontend UI development

UI development transformations

Tools, technologies and workflows

Fallback strategies

CSS3 reference guide

Introduction

Text properties

Background properties

Border properties

Box properties

Media Queries

CSS transforms

CSS animations

CSS3 Layout

Another CSS3 Properties

Non-standard properties

End

End

Buy ebook

CSS Mine

Get my e-book focusing on CSS3 and
modern web UI development.

Learn more