Főoldal

Tanítás, webfejlesztés, informatika, programozás, rock zene.
A szerzeményeimből: rockzenék , popzenék , a legjobb zenéim válogatások

2021-11-23

A Flexbox az utóbbi évek találmánya.

Mi az a Flexbox?

A CSS Flexbox egy modern lehetőség arra, hogy az elemeink elrendezését módosítsuk vele a képernyőnkön. Tulajdonképpen egy display érték, hasonlóan az inline-hoz, vagy a block-hoz.

Ennek a segítségével válik lehetségessé, hogy az elemeinket egy sorba vagy oszlopba rendezzük. Meghatározhatjuk a fő irányokat, az elemek térközeit, illetve azt is, hogy az elemek új sorba csússzanak-e, amennyiben már nem férnének ki, vagy pedig az elemek mérete csökkenjen, de azok maradjanak egy sorban.

2021-11-23

A CSS 3-ban vezették be a CSS változók fogalmát.

CSS változó

2021-10-18

A leghasználhatóbb: Scout-App

Kipróbáltam több SASS => CSS compilert is és arra jutottam, hogy a leggyorsabb és legegyszerűbben használható a Scout-App.

Használatbavétel

Letöltés innen: https://scout-app.io/

Letöltés után (Windowson) a ZIP file-t kicsomagolod, ahová akarod. A Scout-App könyvtárból elindítod a Scout-App.exe fájlt.

Beállítod a File / Settings oldalon a nyelvet (ha akarod)

Létrehozol egy projektet: File / New project. Kiválasztod, hogy hol legyen a projekt, majd beállítod az alábbiakat

2021-11-23

A SASS a 2000-es évek második felében elindult kezdeményezés, amelynek célja az volt, hogy az elburjánzó CSS bejegyzéseket átláthatóbban és újrafelhasználhatóan lehessen írni.

A SASS-ban írt kódot egy CSS előfeldolgozó (CSS preprocesszor) fordítja le szabványos CSS fájlokká, amelyek aztán használhatók a weboldalakon.

A SASS-nak két szintaktikája van,

2021-04-21

A Process Communication Modell ( PCM® ) egy személyiséget tesztelő módszertan, amivel fel lehet mérni az emberek személyiségét és javaslatokat lehet tenni arra, hogy az illető hogyan kommunikáljon.

Az alap személyiségtípusok

A PCM® hat különböző személyiségtípust ismer. Az alábbi felsorolás azt is megmutatja, hogy az egyes típusok hány %-ban fordulnak elő az USA társadalmában.

2021-04-26

Pozicionálás

A weboldalakon a különböző elemek elhelyezkedése alapértelmezetten a <body> részben lévő elemek sorrendjétől függ olyan módon, hogy az oldalon hátrébb lévő elemek a képernyőn megjelenéskor is hátrébb vagy jobbra kerülnek. Ezt a beállítást a position: tulajdonság static kulcsszavával lehet elérni. alapértelmezetten egy szülő objektumban a leszármazott objektum a bal oldalon legfelül kezdődik.

Ha a szülő objektumhoz képest el szeretnénk tolni egy leszármazott objektum helyét, akkor sz slábbi beállítást kell használni:

2021-04-26

Betűtípusok (font)

  • font-family:   
    • Talp nélküli: Arial, Helvetica, Sans-serif, Verdana
    • Serif (talpas): Times, Times New Roman, serif
    • Cursive (kézzel írott):
    • Fantasy (dekorációs célú)
    • Monospace (rögzített szélesség): Ez így egy monospace
  • font-style: normal, italic, oblique (?)
  • font-size: betűméret - 12px-16px
  • font-weight: (betűk vastagsága) lighter (200), normal (400), bold (700), bolder         
  • font-variant: (normal, SMALL-CAPS - small-caps)
2021-04-15

1989 Karácsonya előtt megszületett Dani és én mialatt Adi bent volt a kórházban izgatottan lestem, hogy mi történik Romániában. Romániában lőttek és egyébként élőben mutatták, amikor a Caucescu házaspárt kivégezték és vége lett a rezsimnek. Persze lett egy másik rezsim...

2021-04-26

HTML oldal TAG-ek leírása gráffal

A HTML oldalakban lévő információ egy fa jellegű gráffal írható le, amelyben minden egyes TAG a gráfnak egy csomópontja. A fa gyökere a HTML oldal esetén a HTML TAG, és a többi TAG ennek a közvetlen vagy közvetett leszármazottja. Valahogy így:

2021-04-26
*/ /*-->*/

Mint korábban írtam vannak olyan HTML elemek, amelyek a képernyőn dobozként, azaz téglalap alakú területen helyezkednek el és vannak olyanok, amelyek úgynevezett inline, azaz soron belüli elemek. A <div>, és a <span> tageknek az égvilágon semmilyen default tulajdonsága nincsen azon kívül, hogy a <div> a dobozmodell alá tartozik, míg a <span> egy inline tag.