Webdesign blog
Reszponzív tipográfia
2021-01-05
Az alábbi módszerrel a viewport-hoz igazíthatjuk a betűméretet, sorközöket, vagy akár margókat is.
Reszponzív slider / fader JavaScript nélkül
2020-10-06
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.
Reszponzív táblázatok
2020-07-03
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.
Egyszerű parallax effekt
2020-05-15
Egyszerű parallax effekt JS nélkül.
HTML + CSS alapoktól a felső szintig
2020-03-08
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.
A shape-outside CSS property
2019-10-26
A shape-outside CSS property használatával egyszerűen körbe tudunk folyatni szöveggel bármilyen alakzatot.
Bootstrap űrlapok
2019-10-16
Egy kis bemelegítő videó az őszi szezonra a Bootstrap űrlap komponenseivel.
Scrollbar színezgetés CSS-sel
2018-11-16
Úgy néz ki, hogy hamarosan tudunk majd egyszerű CSS-sel is egyedi scrollbart készíteni.
SVG animáció GSAP használatával
2018-05-21
Vektorgrafikus képeket akár elemenként is animálhatunk.
A Bootstrap 4 grid használata
2018-04-07
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!
Pico CMS
2018-03-16
Adatbázist nem igénylő weboldalakhoz használható egyszerű és gyors flat file CMS.
Bootstrap 4 setup
2018-03-13
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.
CSS box-sizing
2017-11-10
A box-sizing tulajdonsággal tudjuk megadni, hogy az adott elem szélessége hogyan kerüljön kiszámításra.
CSS mértékegységek
2017-11-09
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.
::before & ::after pseudo selector-ok használata
2017-09-30
Utálom használni, de néha muszáj.
HTML5 banner készítés
2017-04-13
HTML5 banner, CSS3, transition, animáció, keyframes, meg minden, amit akartok.
Hírlevél optimalizálás Outlook-ra
2017-02-24
A cross-client e-mail tervezés egy külön tudomány. Annyi buktatója van a dolognak, mint égen a csillag.
Hírlevél készítési tanácsok
2016-12-21
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ó.
Egyedi kinézetű checkbox és radio button készítése
2016-02-21
Amikor a böngésző által renderelt UI elemeknél szebb megoldásra van szükség.
Egyedi kinézetű SELECT készítése
2016-02-14
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.
Responsive progress bar
2015-04-05
Ezt a kódrészt mostanában készítettem és gondoltam megosztom veletek, hátha valakinek hasznára lesz egyszer.
CSS animáció GSAP-el
2015-02-22
Kedvcsináló a GreenSock animation platformjához.
Bootstrap carousel
2015-01-01
A Bootstrap carousel egy kisméretű, könnyen használható JS komponens, mely ráadásul alapból reszponzív.
Reszponzív weboldal tervezés Bootstrap használatával
2014-12-30
A Bootstrap grid segítségével egyszerűen és gyorsan készíthetünk reszponzív weboldalakat.
Sticky header
2014-08-15
A "feltapadós fejléc" jQuery-vel pár sorral kivitelezhető, de most egy standalone JS plugint szeretnék megmutatni.
Responsive menü
2014-08-10
Felbontásfüggetlen menü, mely mobil eszközön összeugrik és hamburger ikonnal nyitható.
CSS háromszög
2014-08-09
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
2014-07-19
Lássuk csak mi a különbség a static, absolute, relative és fixed pozicionálás között.
A flexbox model
2014-07-17
A layout tervezésre a CSS3-ban új eszköz áll rendelkezésre mely flexibilis, hatékony és egyszerűen használható.
Parallax scrolling
2014-04-15
Egy kis móka Skrollr JS library-val.