Mérei Tamás webdesigner

Webdesign blog

Responsive webdesign alapok

Responsive webdesign alapok

2012-11-03 | 122 hozzászólás

Felbontáshoz igazodó weboldal készítése media query használatával.

jQuery linkdoboz

jQuery linkdoboz

2012-09-24 | 12 hozzászólás

Ezúttal egy linkdobozt készítünk, ami akár menüként is használható.

jQuery accordion

jQuery accordion

2012-09-21 | 23 hozzászólás

Íme egy újabb, látványosabb megoldás, az előző bejegyzés mintájára. A működő kódot ide kattintva tudod megnézni. HTML forráskód <div id="wrapper"> <h1>.: jQuery demo :.</h1> <h2>elso cimsor</h2> <div class="content"> <img src="1.png" alt=""/> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate, quam eu lobortis malesuada, tortor sapien molestie ante, vel pulvinar mi tortor a nunc. […]

Menüpontok váltása jQuery-vel

Menüpontok váltása jQuery-vel

2012-09-10 | 12 hozzászólás

Többen is kérdezték már hogyan lehet megoldani jQuery-vel, hogy az oldal újratöltése nélkül töltsük be az egyes menüpontok tartalmát. Itt egy faék egyszerű megoldás. A működő kódot ide kattintva tudod megnézni. A kód az oldal betöltődésekor elrejti az összes menüpont tartalmát a reset_menu függvény segítségével. Ezután az első menüpont kapcsolójára ráteszi az active class-t, majd […]

Hírlevél készítés

Hírlevél készítés

2012-07-09 | 12 hozzászólás

A web fejlődik, a szabványok fejlődnek, a böngészők fejlődnek. A levelezőprogramok is fejlődnek, azonban HTML értelmezési képességük leragadt valahol a 3.2 szabvány környékén. Mit tehetünk annak érdekében, hogy hírlevelünk egyformán nézzen ki mindenféle levelezőprogramban? Erre próbálunk megoldást keresni az alábbi írásban.

jQuery carousel

jQuery carousel

2012-05-07 | 44 hozzászólás

Még régebben készítettem ezt a kódot egy hasonló tutorial alapján. Néhány dolgot átírtam, kibővítettem benne. Mivel úgysem lesz időm mostanában videót csinálni, feltöltöm a forráskódot. Teleírtam kommentekkel ami segíti a kód megértését. A "körhinta" működése azon alapszik, hogy az utolsó elemet mindig bemásoljuk az első elem elé. Ez az elem ilyenkor nem látszik az overflow: […]

Betűtípusok a weben

Betűtípusok a weben

2012-02-17 | 30 hozzászólás

Alapvetően kétféle betűtípust különböztetünk meg a weben: webstandard és nem webstandard betűtípusok.

Photoshop tippek

Photoshop tippek

2012-02-11 | 16 hozzászólás

Kitöltés nélküli alakzat és pontozott vonal rajzolása Photoshopban.

Keresés a blogon
Kategóriák
Legújabb hozzászólások
  • A Bootstrap 4 grid használata

    100% magasságot kell adni a bal oszlopnak....

  • WordPress sablon készítés

    Ne plugint használj, hanem írd bele a header.php-ba....

  • WordPress sablon készítés

    Hali. Beállítottam egy fav icont a weboldalamra, viszont nem látszik egyáltalán, csak akkor ha a WordPress adminjában vagyok. Szerinted ez miért van? ...

  • A Bootstrap 4 grid használata

    Hali. Nekem egy bootstrap 4-et használó oldalon van egy sorom, amiben van két oszlop. A bal oldali oszlopban van egy h2-es címsor, és két bekezdés. A ...

  • Az Advanced Custom Fields plugin használata

    Persze, a wysiwyg szerkesztővel tudsz videót is beszúrni....

  • Az Advanced Custom Fields plugin használata

    Ezzel a pluginnal youtube videót lehet beszúrni ugyanígy mint képet? Mert én nem tudtam igazán rájönni mit kéne kiválasztanom ehhez....

  • Bootstrap 4 setup

    Shift + Tab...

  • Bootstrap 4 setup

    Hali. Hogy csinálod azt a videókban, hogy egyszerre törölsz több sor tabulátorát is? Hogy kijelölsz egy részt és azok mögül mind törölsz tabulátort eg...

  • Dia szkennelés házilag

    Örülök, hogy segített az írás....

  • Dia szkennelés házilag

    Nagyon szépen köszönöm, hogy leírta próbálkozásait, mert engem is gondolkodásra késztetett. Több száz diaképem van, de én sem akartam kisebb vagyont k...

  • Adobe XD VS. Lunacy

    Ez egy lebutított vektorgrafikus rajzolóprogram, semmi több. Ha az alkalmazásod / weboldalad tartalmaz raszteres elemeket, azokat PS-ben kell külön le...

  • Adobe XD VS. Lunacy

    Szerintem (ez csak az én meglátásom) az XD inkább csak mobil alkalmazás fejlesztésére van. Nem igazán látom azokat a funkciókat benne amiket PS-ben. N...