Tanítás, webfejlesztés, programozás, informatika, rock zene

A mobil eszközök elterjedésével egyre fontosabbá vált a különböző média típusokra a megfelelő formázás létrehozása. A média eszközöknél leginkább a képernyő szélessége a döntő, de egyéb kérdések is fontosak, mint például a nyomtatóknál a felbontás.

A HTML oldalakon a media választás:

Ez a lehetőség a CSS-ben a képek utólagos filterezésére van lehetőség, hasonlóan a Photoshop-hoz. A lehetőségek:

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

.parent{ border: 1px dotted grey; border-collapse: collapse; } .child{ border: 10px grey solid; } tr, td{ border:0; } Amikor internetes újságot szerkesztünk, akkor szükség lehet arra, hogy a megírt cikk tartalmát a böngésző automatikusan tördelje több oszlopra a képernyő geometriájától függően.

Erre vezette be a CSS3 a column utasításokat.

A rövid változat az alábbi:

coumns: szélesség oszlopok_száma;

Például: columns: 150px 3;

A HTML egyes tagjai inline tag-ek, ami azt jelenti, hogy nincsen előre megadott szélességük és magasságuk. Ilyen például a <span>, <br>, <i>, <p>, <a> tagek, stb.

A CSS3 segítségével lehet animációkat készíteni egyszerűen (a közelmúltban vagy három napig készítettem egy animációt, amire úgy működött, ahogyan akartam). Két lehetőségünk van: 1. Elnevezem az animációt egy tetszőleges névvel, majd bizonyos utasításokban hivatkozom erre a névre. A CSS részben beállítunk egy Animáció definíciót:

Az SVG vektor grafikát jelent (Scalable Vector Graphics)

<svg> -konténer, amely tartalmazza a vektorgrafika utasításait

Rajz lehet

Akik dolgoznak, gyereket nevelnek és álmodnak...

A HTML 5-ben új tag-eket vezettek be, amelyek segítségével a weboldal szemantikai leírása és szintaktikai leírása összhangba kerülhet.

Korábban egy weboldal fejlécét csak szimplán a H1-taggel jelöltük, mint 1-es szintű címsor. A web portálok elterjedésével azonban már nem csak a címsorok jelentenek megcímkézett szakaszokat, hanem egész tartalmi részek. Ennek nyomán vezették be az alábbi tageket:

<header>

Ajax (Asynchronous JavaScript and XML) - aszinkron javascript és XML kommunikáció

Az AJAX a webes kliens böngésző és a webszerver közötti kommunikáció. A kommunikáció menete:

• A böngészőn futó webalkalmazás egy URL-en keresztül meghív a szerveren egy erőforrást - paraméterek átadásával - , GET vagy POST metódussal.