Dohány Tamás - Frontend sablon

Preview:

Citation preview

BEVEZETŐ

modern megoldások vs. régi böngészők

projektindító frontend létrehozása: projekt kezdéskor ennek duplikálása, nem pedig nulláról indulni

függvénykönyvtárak importálása a sablonba: HTML5 Boilerplate, jQuery, Modernizr, Selectivizr

HTML

CSS

JAVASCRIPT

A KÖNYVÁRAK BEMUTATÁSA #1

Modernizr – a könyvtár betöltődéskor a HTML olyan osztályokat kap, melyek a böngésző létező képességei:

<html class="js canvas canvastext no-geolocation

rgba hsla multiplebgs borderimage borderradius

boxshadow opacity cssanimations csscolumns

cssgradients cssreflections csstransforms

csstransforms3d csstransitions video audio

localstorage sessionstorage webworkers

applicationcache fontface">

A KÖNYVÁRAK BEMUTATÁSA #2

Selectivizr – a CSS3 kiválasztók használata Internet Explorer alatt:

::first-line, ::first-letter, :not,

:enabled, :disabled, :checked,

:nth-child, :first-child, :last-child,

:only-child, attribútum szelektorok

A frontend sablon aktuális állapota ( v0.9.6 ) letölthető:

http://goo.gl/ff5Ba

KÉRDÉSEK

Bátran felhasználhatjátok a kódot BÁRMILYEN projektetekben, a CREATIVE COMMONS NEVEZD MEG! license alapján.

Köszönöm a figyelmet!