Az akadálymentes weboldalak készítése nem csupán kedvesség, hanem alapvető szakmai követelmény, hogy a fogyatékkal élő felhasználók (például látássérültek, akik képernyőolvasót használnak) is teljes értékű élményt kapjanak. A WCAG (Web Content Accessibility Guidelines) a W3C által kiadott irányelvek gyűjteménye, amelyek célja, hogy a webes tartalmak mindenki számára hozzáférhetők legyenek, Az irányelvek négy alapelvre épülnek (POUR): Bővebben […]
Continue ReadingA CSS animáció lehetővé teszi, hogy HTML elemek stílusát fokozatosan megváltoztassuk időben, anélkül, hogy JavaScriptet használnánk. Az animációkhoz az @keyframes szabályt és az animation tulajdonságot használjuk. Hogyan lehet animálni? @keyframes Ez határozza meg az animáció lépéseit (állapotait) százalékos arányban: utána az adott elemhez rendeljük az animációt Itt is lehet használni rövidített formát: CSS Transition A […]
Continue ReadingA CSS (Cascading Style Sheets) egy nyelv, amely lehetővé teszi a weboldalak formázásának és megjelenésének szabályozását. A CSS segítségével megadhatjuk a szöveg méretét, betűtípusát, színét, háttérképet, elrendezést, és még sok más tulajdonságot. A CSS segítségével a weboldalakat egyedibbé, esztétikusabbá és könnyebben használhatóvá tehetjük. A stílus elhelyezése A CSS használatával elkülöníthetjük a weboldal tartalmát és formázását, […]
Continue Reading
A reszponzív weboldal (RWD) egy olyan megközelítéssel tervezett weboldal amelynek a célja az, hogy optimális megjelenést biztosítson – könnyű olvashatóság, egyszerű navigáció a lehető legkevesebb átméretezéssel és görgetéssel – a legkülönfélébb eszközökön (az asztali számítógép monitorjától egészen a mobiltelefonokig). Egy reszponzív elv alapján tervezett oldal tökéletesen igazodik a megjelenítő eszközhöz, mindezt rugalmas felépítéssel, flexibilis képekkel. A CSS3 media query (a @media […]
Continue Reading