Mérei Tamás webdesigner

Webdesign blog

A grafikai tervezés 4 alapelve

A grafikai tervezés 4 alapelve

2012-12-23 | 38 hozzászólás

Az idei év utolsó videójában egy hosszabb elmélkedést hallhattok a grafikai tervezés négy alapelvéről. Először egy OpenOffice dokumentumot készítünk, majd megnézzük Photoshop-ban hogyan érvényesíthetőek az angolul ironikusan CRAP rövidítést viselő szabályok.

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
Legújabb hozzászólások
  • Responsive menü

    cyrex: Ez a menü kattintásra működik, nem hoverre, ezért záródik be automatikusan. Ha összeakad más class nevekkel, akkor nem fog működni. Nevezd át valami e...

  • Responsive menü

    Vojtkó Péter: Kedves Tamás! Megörültem a példa menüdnek, ki is próbáltam (amúgy tetszik), de két problémába ütköztem: - 1./ha több almenüm van, akkor ha egyikbő...

  • Banner mutációk készítése Photoshopban

    cyrex: Az Edge Reflow is megszűnt 3 éve....

  • Banner mutációk készítése Photoshopban

    Lion80: Szia Tamás, Köszönöm a válaszod! Valóban 2013.05-n jelentették be hogy nem fejlesztik tovább a sok overlap miatt a PS-el és az Illustratorral. Eb...

  • Banner mutációk készítése Photoshopban

    cyrex: A Fireworks ezer éve megszűnt. Voltak funkciói amik könnyebbé tették a tervezést webre, de ezeket azóta hellyel-közzel már a Photoshop is tudja....

  • Banner mutációk készítése Photoshopban

    Lion80: Szia Tamás, Már többedszer találkozom olyan blog bejegyzéssel , hogy webdesign-hoz az Adobe Fireworks könnyebben/jobban használható mint a Photosho...

  • WordPress sablon készítés

    Peti: Ó, köszi szépen! Megpróbálkozom vele....

  • WordPress sablon készítés

    cyrex: Nem rossz ötlet. Advanced custom fields esetén valami hasonlót kell írni a sablonba: if(get_field('comment-only-cus...

  • WordPress sablon készítés

    Szána Szabolcs: Szia, Én a következőképpen próbálkoznék vele: 1) A bejegyzéseknél létre hoznék egy új egyedi mezőt, hogy "comment-only-customers" aminek boolean ...

  • WordPress sablon készítés

    cyrex: Nem tudok olyan módszert amivel ezt meg lehetne oldani. Nagyon speciális igény, általános megoldást nem hiszem, hogy készítene rá valaki....

  • WordPress sablon készítés

    Peti: Szia! Tényleg nagyon jók a videóid. Láttam foglalkoztál annak idején az egyedi mezőkkel is. Olyan kérdésem lenne, amire a választ sehol nem találta...

  • Bootstrap carousel

    cyrex: Ez a carousel amit bemutattam a Bootstrap 3 évvel ezelőtti verziójában volt. Azóta gondolom már ezer dolgon változtattak, ezért az aktuális verziójú B...

Responsive webdesign & sitebuild

Reszponzív weboldalak tervezésével és kódolásával foglalkozom. Más által készített tervek kódolását is vállalom, legyen az egy működést szemléltető drótváz, vagy teljes grafikát tartalmazó PSD.

Megnézem az árlistát

Webdesign oktatás

Sokan kérdezték, hogy van e lehetőség nálam webdesign-t tanulni egyéni oktatás keretében. Jó hírem van számukra, mert 2017. novembertől ismét vállalok webdesign oktatást korlátozott számban.

Érdekel a dolog