8

Dohány Tamás - Frontend sablon

Embed Size (px)

Citation preview

Page 1: Dohány Tamás - Frontend sablon
Page 2: Dohány Tamás - Frontend sablon

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

Page 3: Dohány Tamás - Frontend sablon

HTML

Page 4: Dohány Tamás - Frontend sablon

CSS

Page 5: Dohány Tamás - Frontend sablon

JAVASCRIPT

Page 6: Dohány Tamás - Frontend sablon

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">

Page 7: Dohány Tamás - Frontend sablon

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

Page 8: Dohány Tamás - Frontend sablon

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!