Recent content

2021-11-11

Hangszereim, zenei kütyüim

Subtitle
Previous
Next
2021-11-23

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:

2021-10-19

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();

blur(px) Elhomályosítás effekt. Nagyobb szám homályosabb eredményt ad. A 0 esetén nincs hatás.  
brightness(%) A fényesség beállítása

2022-03-08

.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;

2021-10-18

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.

2021-11-23

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:

2021-09-30

A kezdő vagy amatőr teniszezők gyakran úgy játszanak, hogy átívelgetik a labdát az ellenfél terére. Az alapvető cél az, hogy a labda visszamenjen biztonságosan és a játékos játékban maradjon. Magasabb szintű játéknál azonban ez nem feltétlenül elegendő, mert ha az ellenfél ugyanolyan, vagy kicsit magasabb szinten játszik, akkor könnyen üt nyerőket és letol a pályáról.

Ekkor jön a gyors játék!

2021-10-04

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

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

Rajz lehet

2022-03-15
Hétköznapi hősök / Ordinary heroes

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

2021-09-13

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>