cyrex.hu <!-- webdesign blog -->

Sticky header

Sticky header

4 hozzászólás

A "feltapadós fejléc" jQuery-vel pár sorral kivitelezhető, de most egy standalone JS plugint szeretnék megmutatni.

Responsive menü

Responsive menü

7 hozzászólás

Felbontásfüggetlen menü, mely mobil eszközön összeugrik és hamburger ikonnal nyitható.

CSS háromszög

CSS háromszög

1 hozzászólás

Tudtátok, hogy CSS-el bármilyen méretű és formájú háromszög megrajzolható? Alig néhány sornyi kód, ráadásul cross browser megoldás.

CSS pozicionálás

CSS pozicionálás

6 hozzászólás

Ez a rész valamiért teljesen kimaradt a korábbi HTML+CSS videókból, úgyhogy most megnézzük mi a különbség a static, absolute, relative és fixed pozicionálás között.

A flexbox model

A flexbox model

2 hozzászólás

A layout tervezésre a CSS3-ban új eszközök állnak rendelkezésre. Mint a neve mutatja illetve a videóból is látszik, flexibilis, hatékony és egyszerűen használható. Sajnos a modern böngészők között is akad olyan amelyik csak részlegesen támogatja. Ahhoz, hogy élesben is biztonsággal tudjuk használni még várni kell, de addig is mindenképpen érdemes megismerkedni vele.

Dia szkennelés házilag

Dia szkennelés házilag

1 hozzászólás

Az analóg korszakban készült családi fotó és videógyűjtemény nagy részét sikerült digitalizálnom az elmúlt években. Már csak a diák maradtak hátra, ami viszont okozott némi fejtörést.

Mi a különbség a UX designer és a webdesigner között?

Mi a különbség a UX designer és a webdesigner között?

11 hozzászólás

Annak idején mikor elkezdtem "webes dolgokkal" foglalkozni, az emberek többségének egyáltalán nem volt internet hozzáférése és azt sem tudták mi az a weboldal. Akkoriban, ha megkérdezte valaki, hogy mivel foglalkozom és azt válaszoltam, hogy webdesigner vagyok többnyire fogalmuk sem volt arról, hogy ez mit takar. Azóta eltelt több, mint 13 év és az internethasználat általános dologgá vált, így a webdesigner szó jelentése manapság már nem szorul különösebb magyarázatra. De mi a helyzet a UX designerrel?

Vektoros rajzolás Photoshopban

Vektoros rajzolás Photoshopban

14 hozzászólás

Érkezett egy kérés, hogy készítsek pár vektoros ikont Photoshop-ban összetett görbék használatával.

Icon fontok használata

Icon fontok használata

6 hozzászólás

Az icon fontok használatával vektoros ikonokat tudunk megjeleníteni a weben, melyek méretezhetők, színezhetők és akár animálhatók is.

Mérei Tamás webdesigner A blog szerzője: - webdesigner

Kategóriák

Legújabb hozzászólások

  • WordPress sablonkészítés

    cyrex: De melyik nem tűnik el? Ha egyik sem, akkor valamit rosszul csináltál. Ha csak némelyik nem tűnik el, akkor azokat írd le ide....

  • WordPress sablonkészítés

    Matty: Az, amit a WordPress ír hozzá a kódhoz, azt mondtad, jobb, ha eltüntetjük ezeket a remove action függvényel, de nekem nem müködtek...

  • WordPress sablonkészítés

    cyrex: A sablonod könyvtárában lévő index.php....

  • WordPress sablonkészítés

    Anton Domonkos: És ha szerkeszteni szeretném a pld. valami.hu/blog oldalt akkor ahoz melyik php fájlt kell átírnom?...

  • WordPress sablonkészítés

    cyrex: Konkrétan mi az ami nem tűnik el a remove_action-ök hatására?...

  • WordPress sablonkészítés

    Matty: Saját sablont készítettem, nincsenek bővítményeim, tehát bekapcsolva sem lehetnek....

  • WordPress sablonkészítés

    cyrex: get_pages-t kell használni hozzá. Itt egy minta, ez sima A tag-ek közé rakva jeleníti meg az oldalakat ABC növekvő sorrendben. Itt találsz leírást a h...

  • WordPress sablonkészítés

    Adam: Hello Cyrex! Azt hogyan tudom megoldani, hogy a menünél ne <li> tagek között legyen az <a> tag hanem mint itt a blogon is csak simán az &...

  • Parallax scrolling

    cyrex: Mert a "Latin Extended (latin-ext)" opciót nem jelölted be. Az tartalmazza a magyar ékezetes karaktereket....

  • Parallax scrolling

    Adam: Hello Cyrex! Az miért van hogy a google fonts-ról beállítok egy betűtípust és az ékezetes betűket nem abban a stílusban jeleníti meg a szöveget az ol...

  • Responsive menü

    cyrex: Csak akkor működik, ha inline stílusban rakod rá. CSS fájlból nem tudod felülírni az inline stílust még !important-al sem. Emiatt muszáj hozzá a JS....

  • Sticky header

    cyrex: 1920x1080 a monitor felbontása, de csak 1280x720-as méretet rögzítek belőle....

  • Responsive menü

    Robert Herold: Juhhúú! :) Erre a tutorialra vártam! :) Köszi a feltöltést! Amúgy nekem a window innerWidth 600 helyett jobban tetszik az, h 601px fölött egy display...

  • Responsive menü

    leslie23: nagyon szaftos anyag, köszönet!...

  • Sticky header

    Végh Ákos: Igen. Hogy csinálod, hogy ne lógjanak ki a programok a felvételből? Milyen felbontású a monitorod?...

Archívum