FRONT-END PATH

HTML5

DOCTYPE

HEAD

  • meta (в том числе charset)
  • link
  • script (подключение)

BODY

FORMATTING

  • Spaces or tabs
  • Indentation

BAD

GOOD

BODY

BAD PRACTICES

  • id
  • br
  • naming
  • inline style, internal style
  • wrong path
  • empty blocks
  • php
  • how many tags did you open you must close these ones 

BODY

SEMANTIC

  • header
  • nav
  • article
  • section
  • footer
  • Таблица для таблиц, раисся для руских

CSS

  • css for styling
  • reset/normalize
  • css-frameworks for prototyping
  • margin, padding, alignment
  • codestyle
  • selector's weight
  • vendor prefixes
  • class vs advanced (modern) selector
  • flow
  • sprites
  • no more bicycles (bg vs img)

class vs advanced (modern) selector

  • old browsers support
  • dynamic content

selector's weight

margin, padding, alignment

Sprites

LINKS

  • document flow  http://softwaremaniacs.org/blog/2005/12/01/css-layout-float/
  • ИКФ

The Good Ones

  • less
  • html5 validation
  • selectors level 3
  • vanila js
  • semantic html

And the winner is...

  • Null

Front-end path

By rayproud

Front-end path

  • 1,167