Tutorial: betűtípusok a weben

2012. február 17.

Alapvetően kétféle betűtípust különböztetünk meg a weben: webstandard és nem webstandard betűtípusok. Webstandard betűtípusok pl. az Arial, Verdana, Courier, amik jó eséllyel mindenféle böngésző alatt meg fognak jelenni. Kiválóan összegyűjtött lista olvasható az alábbi linkre kattintva.

54

Tutorial: HTML + CSS + jQuery menü

2011. május 13.

Na már megint egy menü. Ez nem tiszta CSS, kell hozzá pár sor jQuery, de valamivel talán használhatóbb, mint a legutóbbi variáció.

21

Tutorial: függőleges középre igazítás block típusú elemeknél

2011. március 27.

Habár rengeteg anyag született már a témában, a mai napig sok helyen látom a kérdést, hogy miért nem működik a vertical-align beállítás fix méretű DIV-ek esetében. A válasz egyszerű: azért, mert a DIV block típusú elem és nem úgy viselkedik, mint a táblázat cellái, ahol ugye az őskorban a valign=”middle” beállítást használtuk erre a célra.

58

Tutorial: HTML + CSS űrlap

2011. március 10.

Szabványos HTML + CSS űrlap készítés FIELDSET és LABEL tag-ek használatával.

21

Tutorial: HTML + CSS image sprite menü

2011. február 17.

Már megint egy menü Viszont most egy olyan módszer amiről még nem volt szó a blogon. Meg lehetne oldani úgy is, hogy egyetlen képet használunk a menühöz, pl. úgy, hogy egymás alá tesszük a menu.png és a menu_on.png-t egyetlen képbe. Ilyenkor viszont használunk kellene a függőleges pozíció eltolást is.

31

Tutorial: jQuery – képgaléria

2011. február 16.

Dinamikus képgaléria, mely kiírja képek számát és azt, hogy éppen hányadik képnél tartunk. A galérián belül lehet lépkedni jobbra-balra, ha elértük az utolsó elemet, utána visszaugrik az első képre.

34

Tutorial: HTML + CSS menü készítés almenükkel

2011. február 12.

Megpróbálkoztam egy almenüs menüt készíteni tisztán CSS-el, javascript nélkül. A videóhoz nem készültem elő, úgyhogy van benne egy nagy adag bénázás, de az eredmény működőképesnek tűnik. Ha valaki megcsinálja és teszteli Opera alatt, majd számoljon be az eredményről.

16

Tutorial: jQuery – toggle használata

2011. február 10.

A toggle lehetővé teszi egy elem eltüntetését illetve megjelenítését kattintástól függően. Itt is a click eseménnyel startolunk, majd első kattintásra előhozzuk a tartalmat, másodikra eltüntetjük.

39

Tutorial: jQuery – egyszerű képváltó

2011. február 4.

Egyszerű képváltogató megoldás jQuery-vel. Megint belefutottam a jó öreg IE last-child problémába, úgyhogy erre is mutat megoldást a videó. Felejtsétek el amit a toggle-ról mondtam, ehhez a feladathoz nem jó megoldás, ki is vettem a videóból. Majd csinálok erre is egy értelmes példát.

54

Tutorial: őszi hangulatú weboldal 2.rész

2011. január 4.

Elkészült a mindenki által annyira várt videó, ahol a korábban Photoshopban elkészített weboldal mintából megírjuk a HTML és CSS kódot.

15

Tutorial: HTML + CSS az alapoktól 9.rész

2010. december 22.

A kilencedik és egyben utolsó részben a CSS3 újdonságaival foglalkozunk, illetve kapunk egy kis betekintést, hogy miért nem kedvelik a webdesignerek az Internet Explorert. A videóban bemutatott dolgok többsége egyébként a 9-es verzióban már működik. Megint sikerült mást gépelnem, mint amit mondok, 6:10-nél értelemszerűen border-radius-t kellene írni

14

Tutorial: HTML + CSS az alapoktól 8.rész

2010. december 14.

Az utolsó előtt részben átismételjük az eddig tanultakat.

8

Tutorial: HTML + CSS az alapoktól 7.rész

2010. december 11.

A hetedik részben a DIV-ekkel foglalkozunk. Ez az utolsó amiben új tag-et veszünk, a következőben már csak ismétlés lesz, illetve még van a fejemben egy bónusz anyag is

9

Tutorial: HTML + CSS az alapoktól 6.rész

2010. december 10.

Címsorok és anchor-ok. 5:50-nél ejtettem egy kis hibát, amit a videóban kis írtam. Nem font:, hanem font-size lenne helyesen.

9

Tutorial: HTML + CSS az alapoktól 5.rész

2010. december 9.

Képek használata, illetve a background-image által nyújtott lehetőségek.

7

Tutorial: HTML + CSS az alapoktól 4.rész

2010. december 8.

Ebben a részben a számozott és számozatlan listákkal foglalkozunk. A hangminőség ezúttal botrányos lett, többet ígérem nem fordul elő

12

Tutorial: HTML + CSS az alapoktól 3.rész

2010. november 24.

A harmadik rész a táblázatok használatáról szól.

16

Tutorial: HTML + CSS az alapoktól 2.rész

2010. november 19.

A második részben elkezdjük a CSS lehetőségeit taglalni.

41

Tutorial: HTML + CSS az alapoktól: 1.rész

2010. november 15.

Egy több részes videó sorozat indul ma útjára, ahol az alapoktól lépésenként megyünk végig a HTML és CSS rejtelmein. A kódoláshoz a Notepad++ nevű programot használjuk. Ha kérdésed van, kommentelj!

29

Tutorial: HTML+CSS menü – ami korábban kimaradt

2010. október 24.

Korábban már volt két videó a témával kapcsolatban, (egy, kettő) azonban érkezett egy csomó kérdés levélben, illetve a VideoSmart-on is. Ezekre igyekszik választ adni ez az anyag.

HTML, CSS kategória archívum