{ A TANULÁS A LEGERŐSEBB FEGYVERED AHHOZ, HOGY MEGVÁLTOZTASD AZ ÉLETED! }

a LEGFRISSEBBEK

CSS számláló

CSS számlálók, counter, counter-reset és counter-increment

A CSS számlálók a counter függvény, a counter-reset és counter-increment tulajdonságok bevezetésével lehetőséget adtak arra, hogy kitörjünk a számozott listák szűkebb korlátai közül és egyéni számozásokat, felsorolásokat készíthessünk. Ezekkel a nagyszerű eszközökkel az oldalon bármihez tudunk folytonosan, és gyakorlatilag automatikusan növekvő számozást rendelni. A működése nem bonyolult, és mindössze néhány kódsor az egész. Nézzük is… Read More »CSS számlálók, counter, counter-reset és counter-increment

Számozott listák

Számozott HTML listák dizájnolása

Vannak ugyebár a számozott HTML listák, vagy felsorolások, amik kevésbé gyakran használtak, mint a normál felsorolások. Talán most első alkalommal kellett valami szebbet és jobbat kihoznom egy mezei <ol> elemből. Megmondom őszintén, hogy nem voltam képben azzal, hogy egészen pontosan hogyan is kell csinálni, csak sejtésem volt róla, hogy ha már direktben a színezés nem… Read More »Számozott HTML listák dizájnolása

Font Awesome

Font Awesome ikonok használata

Ebben a bejegyzésben azt fogjuk megnézni, hogyan tudjuk az ún. Font Awesome ikonok készletét használni. HTML szimbólumok használata Mint tudjuk, a HTML és a CSS ugyebár kéz a kézben járnak. Egy korábbi bejegyzésemben már olvashattad, hogyan használhatsz változatos HTML szimbólumokat. Ahogy említettem, én a toptal.com weboldalt használom erre. Itt elég szép számmal találsz ikonokat (szimbólumokat),… Read More »Font Awesome ikonok használata

Az unalmas listaelemek kiváltása

Az unalmas HTML listaelemek kiváltása

Ez a rövid bejegyzés arról fog szólni, hogyan tudod lecserélni, izgalmasabbá tenni az unalmas listaelemeket, magyarul felsorolásokat. Bár egy felsorolás önmagában sem túl érdekfeszítő, főleg ha a böngésző program beépített, megszokott stílusát használod. Itt az idő hát egy kis vizuális tuningra! Mert mit is láthatunk CSS nélkül? Nagyjából ezt: Ez a világ legunalmasabb listájának első… Read More »Az unalmas HTML listaelemek kiváltása

Rókales éjszakai módban

Rókales – éjszakai mód effekt

Nézzük meg, hogyan tudunk PhotoShop nélkül, tisztán CSS-el elkövetni egy éjszakai mód effektet. Nem meglepetés, hogy a CSS-sel szinte bármire képesek lehetünk. Nincs szükségünk (mindig) PhotoShopra, vagy egyéb más képszerkesztőre, ahhoz hogy nagyon király kép effekteket kreálhassunk. Így történt ez most is, ahol mindössze négy CSS sorral, egy “rókalest” kapcsoltam éjszakai módba. Mutatom és magyarázom… Read More »Rókales – éjszakai mód effekt

Tim Berners-Lee

Mi köze van a részecskefizikának a CSS-hez?

Hogy mi vaaan? A kérdés teljesen jogos! Légy egy picit türelmes és mire a bejegyzés végére érsz, tökéletesen világos lesz, hogy mi köze van a részecskefizikának a CSS-hez, illetve a CSS-nek a részecskefizikához. Bizonyára tudod, hogy a CSS-nek van egy “hangyányi” köze a HTML-hez. A HTML-nek pedig a WWW-hez. A WWW ugyebár a World Wide… Read More »Mi köze van a részecskefizikának a CSS-hez?

Betűtípusok használata a CSS segítségével

Talán ez egy kissé elméletire sikerült, de legalább megtanulod a betűtípusok használatát is. A következő hasznos dolog tehát, amit még az elején érdemes elsajátítanod, az a különféle betűtípusok használata és beállítása. A weboldalak 99,99%-ánál találkozol valamilyen szöveges tartalommal. Emlékszem, amikor általános iskolában írás órán számtalanszor elhangzott, hogy “ügyelj a külalakra“. Ezt sikerült is betartanom egészen… Read More »Betűtípusok használata a CSS segítségével

2 191 hozzászólás
Pszeduo-elemek listája

Pszeudo-elemek listája

A pszeudo-elemek a HTML dokumentum részei, de nem valódi elemek. Nincsenek rájuk konkrét HTML elemek. Virtuálisak. Viszont a CSS-el formázhatjuk őket. Íme a teljes lista: ::after (:after) ::backdrop ::before (:before) ::cue ::cue-region ::first-letter (:first-letter) ::first-line (:first-line) ::grammar-error ::marker ::part() ::placeholder ::selection ::slotted() ::spelling-error Néhány pszeudo-elem esetében a böngésző programok elfogadják, ha egyetlen kettőspontot használsz. Ezeket… Read More »Pszeudo-elemek listája

114 hozzászólás

Pszeudo-osztályok listája

A pszeudo-osztályok a HTML elemeknek egy speciális állapotát jelentik. Egy ilyen osztály gyakorlatilag egy átmeneti állapotot jelent, amit a böngésző alkalmaz egy adott elemre, adott körülmények között. Íme a teljes lista: :active :any-link :blank :checked :current :default :defined :dir() :disabled :drop :empty :enabled :first :first-child :first-of-type :fullscreen :future :focus :focus-visible :focus-within :has() :host :host() :host-context()… Read More »Pszeudo-osztályok listája

282 hozzászólás
Pszeudo-osztályok és pszeudo-elemek

Pszeudo-osztályok és pszeudo-elemek

Pszeudo-osztályok és pszeudo-elemek. Szerintem két igazán nagyszerű találmány. Majd meglátod, hogy miért. De előtte egy kis ismétlés. Ja nem! Előtte had mondjam el, hogy legalább 3 helyen elírtam a “pszeudo” szót. Folyton pszeDUO-nak írtam. Ne keresd, már javítottam. De, ha mégis találsz valahol elírást azt jelezd kérlek! Köszönöm! Ha már eddig eljutottál, akkor nyilván tisztában… Read More »Pszeudo-osztályok és pszeudo-elemek

161 hozzászólás
0