Webdesign blog
Reszponzív slider / fader JavaScript nélkül
Képrotáló carousel készítéséhez nem feltétlenül van szükség JavaScript-re. Néhány sor CSS-sel is látványos eredményt érhetünk el.
2020-07-03
Reszponzív táblázatok
A táblázatok megjelenítésére mobil eszközön több lehetőség létezik, ezek közül mutatok most kettőt.
2020-05-15
Egyszerű parallax effekt
Egyszerű parallax effekt JS nélkül.
2020-03-08
HTML + CSS alapoktól a felső szintig
Ebből a 13 leckéből álló 7 órás videóból megtanulhatod a webdesigner szakma alapját, a HTML + CSS kódolást.
2019-10-26
A shape-outside CSS property
A shape-outside CSS property használatával egyszerűen körbe tudunk folyatni szöveggel bármilyen alakzatot.
2019-10-16
Bootstrap űrlapok
Egy kis bemelegítő videó az őszi szezonra a Bootstrap űrlap komponenseivel.
2018-11-16
Scrollbar színezgetés CSS-sel
Úgy néz ki, hogy hamarosan tudunk majd egyszerű CSS-sel is egyedi scrollbart készíteni.
2018-05-21
SVG animáció GSAP használatával
Vektorgrafikus képeket akár elemenként is animálhatunk.
2018-04-07A Bootstrap 4 grid használata
A Bootstrap 4-es verziójában pár dolog megváltozott a korábbihoz képest ami elsősorban a flexbox-nak köszönhető. Lássuk a különbségeket!
2018-03-16
Pico CMS
Adatbázist nem igénylő weboldalakhoz használható egyszerű és gyors flat file CMS.
2018-03-13Bootstrap 4 setup
A legújabb Bootstrap verzióval sajnos elvesztettük az online customizer-t, ezért kénytelenek vagyunk az scss fájlokkal manuálisan megoldani a testreszabást.
2017-11-10
CSS box-sizing
A box-sizing tulajdonsággal tudjuk megadni, hogy az adott elem szélessége hogyan kerüljön kiszámításra.
2017-11-09
CSS mértékegységek
Rengeteg mértékegység létezik a betű- és egyéb méretek megadására. Az abszolút egységek mérete nem függ a szülő elemtől, míg relatív megadás esetén a betű mérete valamelyik felette található elem betűméretétől függ.
2017-09-30
::before & ::after pseudo selector-ok használata
Utálom használni, de néha muszáj.
2017-04-13
HTML5 banner készítés
HTML5 banner, CSS3, transition, animáció, keyframes, meg minden, amit akartok.
2017-02-24
Hírlevél optimalizálás Outlook-ra
A cross-client e-mail tervezés egy külön tudomány. Annyi buktatója van a dolognak, mint égen a csillag.
2016-12-21
Hírlevél készítési tanácsok
A hírlevél küldést ma már minden e-kereskedelemmel foglalkozó cég rendszeresen használja. Elenyésző viszont azok száma akik komolyabb időt fordítanak erre a témára. A legtöbb hírlevél rosszul szerkesztett, csúnya és mobileszközön nehezen olvasható.
2016-02-21
Egyedi kinézetű checkbox és radio button készítése
Amikor a böngésző által renderelt UI elemeknél szebb megoldásra van szükség.
2016-02-14
Egyedi kinézetű SELECT készítése
A legkisebb mértékben sem támogatom a videóban ismertetett megoldások használatát, de sajnos néha rá vagyok kényszerülve.
2015-04-05
Responsive progress bar
Ezt a kódrészt mostanában készítettem és gondoltam megosztom veletek, hátha valakinek hasznára lesz egyszer.