• Articles
• admin

ahogy újabb projekteket indítunk, könnyű elfelejteni a régebbi blogok és webhelyek frissítését. Ebben a cikkben 30 szilárd ötletet szeretnék bemutatni, amelyeket gyorsan megvalósíthat, hogy webhelye sokkal felhasználóbarátabb legyen. Nem mindegyik kizárólag a front-end tervezésen alapul. Megvitatom a népszerű HTML5 kódolási technikákat is, amelyek segíthetnek a webes elemzőknek és a pókoknak az adatok megfelelő kategorizálásában.

nem minden weboldalt kell frissíteni, és nem minden elérhető technikával ebben a bejegyzésben. Ezek az ötletek azért vannak itt, hogy a fejlesztők gondolkodjanak a tervezés szempontjából, és hogyan lehet a weboldalakat szebbé tenni. Ez most könnyebb, mint valaha, hogy építsenek skálázható reagáló weboldal elrendezések, amelyek jól néz ki minden digitális képernyőn, így térjünk le a sprucing fel oldalainkat.

1. UX tesztelés

bűnös vagyok, hogy nem mindig futtatok teszteket a weboldalamon, de amikor csak lehetséges, ez az egyik kedvenc tevékenységem. Annyit tanulhat meg a tipikus felhasználói interakciókról, ha megvizsgálja, hogyan játszanak az Ön webhelyével. A felhasználói élményre vonatkozó tanulmányok kizárólag olyan eszközökön keresztül végezhetők, mint a Google Analytics, vagy más 3rd party források felhasználásával.

a lehetséges előnyök hatalmasak. A felhasználói élmény tesztelése hasznos a webfejlesztők számára, hogy megtudják, webhelyük mely területei bosszantóak, töröttek vagy javíthatók. Fontolja meg, hogy ne csak digitális eszközöket használjon, hanem barátait és kollégáit is. Néhány valódi emberi visszajelzés hallgatása a webhelyén olyan eredményeket hozhat, amelyeket nem tudott átjutni a számítógép képernyőjén.

2. Whitespace

a szóközre úgy gondolhatunk, mint az oldal elemei közötti hely mennyiségére. Egyes felhasználók nem bánják a szűk elrendezést, ha már megszokták ezt. De fontolja meg a célközönséget, és fontolja meg, hogy hányan nem olyan számítógépes írástudók, mint a fiatalabb generáció.

a megosztott a/B tesztekkel és a felhasználói visszajelzések megőrzésével meghatározhatja azokat a területeket, amelyek extra távolságot igényelnek. Vagy csak szárny, és nézd meg, mit tud jönni!

3. Webes betűtípusok

a dinamikus webes betűtípusok lehetővé teszik a tervezők számára, hogy weboldalakat készítsenek anélkül, hogy a tipikus betűtípuscsaládokra korlátozódnának. Ez a tendencia egyre népszerűbbé vált most, hogy a legtöbb átlagos Internet-felhasználó tisztességes DSL/T1/száloptikai kapcsolaton van. Beleértve a 3rd party betűtípus-stíluslapokra való hivatkozásokat, már nem fog jelentős késést okozni a DL sebességében.

valószínűleg a legjobb betűtípus-szolgáltató a Google Webfonts. Akkor is hozzáférhet az alkalmazáshoz, ha nincs Google-fiókja, bár a regisztrációnak vannak előnyei. A teljes telepítési folyamat mindössze 3 lépést vesz igénybe, és perceken belül futtathatja az egyéni Google betűtípusokat a webhelyén.

4. CSS3 Shadows

amikor az árnyékok használatáról beszélek az elrendezés javítása érdekében, valójában két különálló tulajdonságra hivatkozom. Az egyre népszerűbb box-shadow nagyon jó a divs és dobozok számára az elrendezésen belül. Hozzáfűzve ezt a hatást rá a tartály, wrapper, vagy belső oldal dobozok nyújt karcsúsító 3-D hatást a weboldal.

de érdemes figyelembe venni a CSS3 text-shadow tulajdonságot is a tipográfia számára, amely leugrik az oldalról. Az Apple az egyik első vállalat, amely erősen alkalmazza a szöveges árnyékokat az elrendezés körül. Ijesztő hatást hozhat létre a betűtípusok színével ellentétes szövegárnyékok hozzáadásával (fehér árnyékok a sötét szöveghez, fekete árnyékok a világos szöveghez).

5. Textúrák & ismétlődő minták

rengeteg olyan webhely található, amely csak a szokásos színsémák használatával érhető el. De ahhoz, hogy webhelye valóban kitűnjön a tömegből, fontolóra veheti a textúrák hozzáadását és a csempék ismétlését a háttérbe. Az egyik legmenőbb ingyenes webapps a Noise Texture Generator, amely bármilyen böngészőben futtatható.

csak válassza ki a BG szín és a zaj mennyisége a használni kívánt, akkor ez app létrehoz egy csempézett háttérkép dinamikusan. Ha mintákat és csempéket keres, akkor finom mintákat javasolnék. Van egy hatalmas gyűjteménye használható textúrák, amelyek ingyenesen letölthető.

6. CSS3 Gradient Backgrounds

amíg a hátterekről beszélünk, fel kell hoznom az egyre népszerűbb CSS3 színátmeneteket. Ezek a webfejlesztők számára óriási előnyt jelentenek, hogy távol tartsák őket az Adobe Photoshop webes hátterétől. És ezek a színátmenetek nemcsak a testen működhetnek, hanem a navigációs sávokra, a láblécekre és az elrendezés más fontos területeire is alkalmazhatók.

7. Boostrap

a Twitter Bootstrap valószínűleg a legnagyobb frontend UI keretrendszer a webfejlesztők számára. Ez magában foglalja a gombokat, űrlapbemeneteket, hivatkozásokat, oszlopokat és rengeteg más előre formázott oldalobjektumot. A Bootstrap leggyakoribb használata az új alkalmazások céloldalain belül található.

de a nyílt forráskódú fejlesztők a Bootstrap-ot is használják, amikor demo oldalakat készítenek az általuk közzétett könyvtárakhoz, bővítményekhez vagy mini szkriptekhez.

úgy érzem, hogy a Bootstrap olyan hatalmas mértékben nőtt, hogy manapság bármely webhelyre alkalmazható. Azonban a fejlesztők, akik megtalálják a legnagyobb előny a Bootstrap, mint egy gyors csere gördülő ki a saját UI tervez. Fontolja meg ezt a frontend könyvtárat, amikor legközelebb egyetlen konkrét céllal indít egy weboldalt: céloldal, Termékbemutató, mobilalkalmazás-webhely stb.

kapcsolódó:

• az első lépések a Twitter Bootstrap
• Bootstrap 201: modális ablak Plugin

8. HTML5 Kickstart

a legtöbb webfejlesztő még nem hallott a HTML5 Kickstart által létrehozott 99LIME. Ez egy másik frontend UI könyvtár, amely inkább a szép design esztétikára összpontosít, mint a szokásos HTML5 elrendezések. De vannak kódminták mindkettő pikk előállításához. Előre meghatározott elemek közül választhat, mint például a gradiens gombok és a legördülő menük. Nem mondanám, hogy ez ugyanolyan népszerű, mint a Bootstrap, de aztán megint mit csinál?

ha van időd és türelmed, azt javaslom, hogy csak egy gyors próbaüzemet adjak ennek a könyvtárnak. Készítsen egy kis homokozó elrendezést, és nézze meg, hogy élvezi-e az alapértelmezett érzést minden UI elemről. Kickstart természetesen nem minden projekt, de lehet egy nagy időmegtakarító, ha fogott egy bind.

9. jQuery UI

animációk, csúszkák és fading elemek általában fut le a jQuery könyvtár. Ez a leggyakoribb nyílt forráskódú JavaScript könyvtár frontend fejlesztők, de ez is egy társ könyvtár jQuery UI. A fejlesztők ezt figyelmen kívül hagyják, azt gondolva, hogy nem tud sokat nyújtani az extra KB-ért cserébe.

de beleértve a UI könyvtár azt jelenti, hogy frissítheti a easing hívás bármilyen dinamikus oldal animációk. Ez azt jelenti, hogy testreszabhatja a jQuery animáció típusát bármilyen legördülő menükhöz, elhalványuló elemekhez, görgető diavetítésekhez és minden máshoz dinamikus.

a jQueryUI weboldalnak van egy lazító demo oldala, ahol kipróbálhatja a sok variációt, és megnézheti, hogy tetszik-e valamilyen speciális animációs típus.

kapcsolódó:

• hogyan Stílus jQuery UI harmonika
• hangerőszabályzó jQuery UI csúszka
• testreszabása és tematizálása jQuery UI Datepicker
• Drag and Drop a jQuery UI Sortable

10. Extravagáns BG fotók

manapság számtalan olyan webhely létezik, amely felhasználta a teljes képernyős háttérkép effektust. Ha talál egy nagy felbontású fotómintát, amely háttérképként jól néz ki, akkor ezt a technikát érdemes lehet hozzáadni az elrendezéshez. A nagy hátterek kiváló munkát végeznek a felhasználó figyelmének felkeltésében, miközben a webhely műfaját is jelentik.

ha gyors megoldást keres, nézze meg a jQuery Backstretch plugint. Ehhez csak egy sor kódra van szükség ahhoz, hogy az új hátterek megfelelően és válaszszerűen skálázódjanak bármilyen felbontással. De azoknak a fejlesztőknek, akik ellenzik a JavaScript módszereket, a CSS3 teljes oldalú képtechnikát ajánlom a CSS-trükkökre.

11. Menü ikonok

a látogatók figyelmének felkeltése érdekében érdemes lehet egy kis ikonkészletet beilleszteni a weboldalába. A normál menühivatkozások gyakran elegendőek ahhoz, hogy megfelelően működjenek, és segítsék a felhasználókat az oldalak közötti navigálásban.

azonban én gyakran lenyűgözött, hogy Testreszabott ikonok tervezett minden menü link. Rengeteg ingyenes ikonkészletet találhat, amelyek tökéletesnek tűnnek a felső navigációs, oldalsáv vagy lábléc területén.

12. Frissített színséma

valójában nem azt értem, hogy megváltoztatom az általános színséma kialakítását, hanem inkább új színeket fűzök hozzá. Miután hónapok óta ugyanazt az elrendezést futtatta, jó frissíteni a kisebb területeket, és meglepni az ismétlődő látogatókat.

néhány érdekes elem tartalmazhat horgonyhivatkozásokat, fejléceket, háttereket és eszköztárakat. Fontolja meg az online eszközök, például a színséma-tervező használatát a pálya javítása érdekében.

13. Enhanced Browser Support

nehéz olyan weboldalt építeni, amelyet az összes főbb régebbi böngésző teljes mértékben támogat. Bár nagyon kevés ember fut Internet Explorer 6 még mindig megjelenik néhány az én Google Analytics jelentések. Azok a fejlesztők, akik ötleteket keresnek, fontolóra vehetik a böngésző tesztjeinek kis próbaverzióját.

a fontosabb mainstream böngészők közé tartozik az IE9, a Mozilla Firefox, az Opera, A Chrome, a Safari és esetleg a Camino/SeaMonkey legújabb kiadása. De az Internet Explorer 6-8-at még mindig széles körben használják a vállalkozások és a régebbi számítógépes laboratóriumok körében. Gyors renderelési teszteket futtathat az IETester szoftver segítségével. Hasonlóképpen IE8 van egy fejlesztői eszköz mód, ahol meg lehet váltani a régebbi renderelő motorok hibakeresés.

14. Illesztett tipográfia

előfordulhat, hogy a régi elrendezések még mindig hatékonyan használják a szövegstílusokat, de ez nem mindig így van. Úgy érzem, hogy a nagy tipográfia sokkal könnyebben illeszkedik az elrendezésekhez. Nem is beszélve arról, hogy könnyebben olvasható, és nagyobb képernyőfelbontás esetén több helyet foglal el.

az “illesztett tipográfia” gondolata a szöveg formázása, hogy az jól illeszkedjen az Ön webhelyéhez. Néhány oldalt átnézhet, és 10-15 perc alatt frissítheti ezeket a stílusokat.

15. Social Media Sharing

mostanra biztos vagyok benne, hogy a legtöbb fejlesztő ismeri a népszerű közösségi oldalakon használt megosztási jelvényeket. A Facebook, a Twitter, a Reddit, a Pinterest, a Dzone és sok más külső hálózat olyan kódokat biztosít, amelyeket beágyazhat a webhelyére. Ezután a látogatók megoszthatják az Ön linkjét ezekre a hálózatokra anélkül, hogy el kellene hagyniuk az Ön webhelyét.

néhány blogon vagy internetes magazinban észre fogod venni, hogy ezek a jelvények követik az oldal lefelé görgetését. Ez egy kiváló technika, mivel gyakran előfordulhat, hogy a test területén kívül lebegnek, ahol nem blokkolnak semmilyen fontos tartalmat. Azt is javaslom, hogy böngészjük bejegyzésünket a közösségi média eszköztárain, amelyeknek hasonló hatása lehet.

16. Felhasználói megbeszélés

ha olyan CMS-t futtat, mint a WordPress vagy a Drupal, akkor alapértelmezés szerint lehetősége van a megjegyzés űrlapok beillesztésére. Statikus weboldalak létrehozásakor azonban be kell állítania a saját adatbázis-rendszerét, hogy utánozza ezt a funkciót. De a nyílt forráskódú technológiák növekedésével a fejlesztők most jobb megoldásokat valósíthatnak meg, mint például a Disqus.

ezzel a módszerrel nem mindig foglalkozik a levélszemét és a levélszemét eltávolításával a vitaterületről. Azok a felhasználók, akik még nem rendelkeznek Disqus-fiókkal, gyorsan csatlakozhatnak a népszerű közösségi hálózati profilok segítségével, vagy regisztráljon közvetlenül az oldalról. Még azok a WordPress-felhasználók is, akik betegek az Akismet-től, válthatnak a Disqus Comment System plugin használatával.

17. Szélesítse ki a lábléc területét

a legtöbb kisebb weboldal elrendezés nagyon konzervatív lesz az alsó lábléc szakaszban. Ez tartalmazhat néhány alapvető szerzői jogi információt és néhány főoldalra mutató linket. De a modern webdesign trendek támogatják a nagy láblécek ötletét, sok meta linkkel.

ezek gyakran láthatók a startupok és a nagyvállalatok webhelyein, sok további információval. Természetesen ne próbálja meg ezt olyan elrendezésre kényszeríteni, ahol nem tartozik, azonban érdemes elgondolkodni, ha egy nagyobb lábléc terület megnyitása javíthatja webhelyének élményét.

18. Responsify Images

a dinamikus és reszponzív weboldalképek önmagukban is trenddé váltak. Ez most már szinte nevetséges, hogy még mindig a képek meghatározott szélességű, kitörve a konténer wrapper ablakok átméretezése. A leggyakoribb módszer a width: 100% alkalmazása CSS használatával az összes img elemen.

de akkor is úgy néhány más nyílt forráskódú módszerek, amelyek hasznosnak bizonyulhat a bind. ResponsiveImg egy ilyen jQuery plugin egy nagyon kis fájlméret. Csak tegye be ezt az oldalába, és futtassa az egysoros kódot, amely az oldal összes képét célozza meg. Ez kiválóan kiegészíti a mobil elrendezéseket, amelyek még mindig asztali alapú tartalmat használnak.

19. Menu Accessibility

nem mondanám, hogy ezt folyamatosan frissíteni kellene az elrendezésekben, de ez olyan dolog, amit a fejlesztők és a tervezők először nem kapnak meg. Úgy érzem, érdemes visszatekinteni a navigációs rendszerekre és ötletelni, ha vannak jobb módszerek az almenü linkek megvalósítására.

az oldalsávok és a tartalmi területek gyakran tartalmaznak harmonikamenüt, mivel elegendő hely van függőlegesen. De gondoljon a vízszintes navigációs sávokra legördülő menükkel vagy csúszó almenükkel. Mindaddig, amíg a menü linkjei gyorsan és könnyen elérhetők, nem lehet probléma a felhasználói bázis között.

20. Szemantikus mikroformátumok / mikroadatok

a mikroformátumok és az újabb mikroadatok specifikáció a metaadatok kiterjesztésére szolgál a HTML-kódon belül. Ezek az attribútumok további információkat nyújtanak az Ön tartalmáról és arról, hogy az hogyan kapcsolódik az oldal más tartalmaihoz. Végül ezek az eredmények segítenek a Google-nak meghatározni a webhely rangsorát az egyes kulcsszavak számára, valamint más motorokon, például a kép-és Videókeresésen belül.

a mikroadatok leginkább támogatott dokumentált változata az úgynevezett Schema.org. weboldaluk minden olyan információt tartalmaz, amelyre szüksége lesz a HTML-tartalom szerkesztéséhez szemantikus séma jelöléssel. Ezt a Sémaszintaxist az összes főbb keresőmotor támogatja és támogatja, és valószínűleg a szemantikai metaadatok tervezésének jövője lesz.

21. A navigációs linkek átrendezése

egyes webhelyek esetében a rögzített tartalomnavigáció futtatása nem biztos, hogy valódi probléma. De néhány nagyobb üzleti weboldalon vagy portfólióban azt tapasztaltam, hogy bizonyos navigációs linkek túl nagy elsőbbséget élveznek. És vannak olyan elemek is, amelyek ritkán találhatók meg! Szánjon időt arra, hogy böngészjen a webhelyén, és úgy viselkedjen, mintha más látogató lenne.

fontolja meg, hogy mely linkek érdeklik leginkább, és esetleg azokat a linkeket, amelyeket szeretne hozzáadni. Ezek magukban foglalhatják a webhely rövid történetét, a csapattal kapcsolatos információkat, elérhetőségeket, adatvédelmi aggályokat, sajtóközleményeket stb. Segíthet a felhasználói visszajelzések összegyűjtésében is, és megnézheti, hogy vannak-e összefüggések a kívánságaik és az új vagy frissített oldalak iránti igény között.

22. Vissza a lap tetejére Link

ha webhelye nagyon hosszú tartalmi oldalakat tesz közzé, akkor ez elengedhetetlen eleme az elrendezésnek. A görgetés vissza a tetejére linkek találhatók szinte mindenhol ezekben a napokban. A felhasználók nem hiszem, hogy nyomja meg a Home gombot, és ez lehet bosszantó görgetés egészen vissza. Ennek a linknek a legjobb helye a konténer mellett lebeg, vagy közvetlenül a láblécben ül, amint azt a Hongkiaton megvalósítottuk.

23. Code/pre tagek testreszabása

amikor először létrehoz egy weboldal stíluslapot, sok fejlesztő figyelmen kívül hagyja a tipikus oldalelemeket. A fejlécek és bekezdések nagyon gyakoriak, de mi a helyzet az előcímkékkel vagy az inline kódcímkékkel? Ezeket az előre formázott forráskód szintaxisának beágyazására használják, mint amit egy text/NFO fájlban látna. Egyes weboldalaknak nincs szükségük ezekre az elemekre, de továbbra is jó gyakorlatnak tekintik, ha minden esetre stílusosak.

24. Képszélesség/magasság attribútumok hozzáadása

ez a feladat könnyen eltarthat egy ideig, attól függően, hogy hány képet kell átmennie. De ha a webhelyén meghatározott szélesség/magasság nélkül talál képeket, érdemes lehet frissíteni őket.

az ilyen tulajdonságokkal nem rendelkező képek általában 1 db 1 px négyzetként jelennek meg a teljes betöltés előtt. Ez azt eredményezi, hogy a weboldalak és a görgetősáv ugrik az új képek betöltésekor. Ismét ez nem lesz hasznos mindenki számára, de érdemes megjegyezni, mint egy gyors fixáló bizonyos esetekben. Még mindig vannak CSS technikák a rögzített attribútumokat használó érzékeny képekhez.

25. JavaScript értesítések

bármely fejlesztő, aki JavaScript-ben dolgozott, ismeri a tipikus párbeszédpaneleket. Beállíthat egy riasztási mezőt, amely a felhasználó számára egy OK gombot kínál, csak az információk megjelenítésével. De vannak megerősítő figyelmeztetések is igen / nem gombokkal, valamint a prompt mező, amely felhasználói bevitelt kér.

ezek mindegyike testreszabható az alertify használatával.js. Ez egy nagyon kicsi nyílt forráskódú könyvtár a saját frontend figyelmeztető dobozok tervezéséhez. Nagyon gyorsan beállítható és könnyen testreszabható, ha meg kell egyeznie a saját CSS stílusaival.

26. Reszponzív média lekérdezések

lehet, hogy ez nem tűnik gyors kódbitnek, de valójában egyáltalán nem vesz igénybe sok időt. A reszponzív lekérdezések hozzáadhatók a meglévő stíluslaphoz, vagy hozzáadhatók egy új reszponzívhoz.css dokumentum. Akárhogy is, gyorsan beállíthatja az ismétlődő stílusokat a monitorok, táblagépek és okostelefonok különböző kijelzőméreteinek kezelésére.

a reszponzív lekérdezéseknek nem mindig kell teljes mértékben válaszolniuk az elrendezésre. Néha ezek csak elrejthetik a tartalom bitjeit, például a hosszúkás oldalsávot vagy a nagyobb láblécet. Ezután megjeleníthet egy teljesen érzékeny mini láblécet, amely eredetileg el van rejtve az asztali elrendezésben. Tudjon meg többet a Média lekérdezésekről a reszponzív webes oktatóanyagok gyűjteményében.

27. Affiliate linkek

mindig lesznek hasonló weboldalak online épület tartalom kapcsolódik a területen. Nagyon ritkán jönnek létre új ötletek, többségük a meglévő tartalom melléktermékei és paródiái. De ahelyett, hogy az internetet versenyré változtatná, miért nem teremt barátságos légkört? Ha van extra hely az elrendezésben, küldjön néhány e-mailt a kapcsolódó webhelyekre a fülkében (keresés a Google-ban), kérve az affiliate-t.

linkeket cserélhet, és segítheti egymás forgalmát. Ez megnyitja az ajtókat az új felhasználók számára, hogy sokkal gyorsabban megtalálják az Ön webhelyét, és lássák, hogy más webhelyek közösségébe is beletartozik. Ráadásul a Google-ban jogosult webhelyekről származó linkek megszerzése csak a domain hitelességét segíti elő.

28. Ikon alapú betűtípusok

Nemrég olvastam egy cikket a 24ways – ről, amely az ikon betűtípusokat és az adat attribútumokat tárgyalta. Ez elgondolkodtatott a webdesign jövőjéről, és arról, hogy a HTML/CSS hogyan befolyásolta drámaian a frontend kódolást. Az ikon alapú betűtípusok számos okból tökéletesek, beleértve a navigációs menüket, a rendezett/rendezetlen listákat, sőt az alapvető oldaltartalmat is.

sok ilyen betűtípusok gyorsan hozzá a honlapon a @font-face. Ez azt jelenti, hogy nem kell támaszkodnia egy olyan 3rd party szolgáltatásra, mint a Typekit a betűtípusok tárolásához. Ez egy szemantikusabb tervezési stílust is jelent, nem csak a PNG ikonok használatát.

29. Image Box Shadows

ha hosszabb ideig szeretné megtartani a látogatókat az oldalon, akkor valódi minőségi tartalmat kell kínálnia. Lehet, hogy ez már a webhelyére vonatkozik, azonban ha stílusai unalmasak, akkor az emberek másutt fognak keresni. A légkör és az esztétika hatalmas a jó webdesignban.

azt javaslom, hogy építsen egy gyors képosztályt, amely szegélyezi az oldal képeit. Ez magában foglalhat egy kis doboz árnyékot, valamint a szegélyeket és a párnázást is. Bármi, ami segít a képeknek leugrani a képernyőről, és kiemelkedni a szöveg bekezdéseiben.

30. Alternatív stíluslapok

vegye figyelembe az összes különféle médiastílust, amelyet fel kell vennie, amikor egyetlen weboldal-elrendezést készít. Ennek jól kell kinéznie asztali monitorokon, laptopokon, táblagépeken, esetleg okostelefonokon is. És ne felejtsd el a vetítést és a nyomtatott médiát, ami nem mindig támogatott.

ha nagy közönsége van, aki ezeket a homályos típusú médiumokat használja, azt javaslom, hogy formázza meg saját alternatív stíluslapjait. Ezeket a Média típusa, például a nyomtatás alapján lehet címkézni.css, vagy hozzá a meglévő stíluslapok. Ha van elég kereslet, akkor a látogatók örökké hálásak lesznek. Őszintén szólva nem sok időt vesz igénybe az alapértelmezett webhelyelrendezés szerkesztése a közös nyomtatók számára.

záró gondolatok

a kreatív tervezők és különösen a frontend webfejlesztők remélhetőleg találnak néhány hasznos technikát a listán. Ezeknek az ötleteknek a többsége nem tarthat több mint 1-2 órát a megvalósításhoz, míg sokan akár 15-30 perc alatt is megvalósíthatók.

a webhelyelrendezések átértékelése és az időről időre új trendekkel történő frissítés gyakran jó ötlet, különösen a CSS3 tulajdonságok újabb kiadásai esetén, amelyek lehetővé teszik a natív böngésző árnyékait, animációit és lekerekített sarkait. Ez egy kiváló ötletgyűjtemény, amelyet érdemes megnézni, ha gyors frissítésekre van szüksége.

Továbbá, ha kérdése vagy ötlete van a cikkel kapcsolatban, ossza meg velünk a beszélgetés utáni területen.