Friss források a webes tervezők és fejlesztők számára (2015. február)

Ezt követően több mint egy éve a tervezők és a fejlesztők számára a havi erőforrás halom legnehezebb része a bevezetés. Miközben a témában vagyunk, itt van az Ön február 2015-i visszavonása a legjobb és legfrissebb forrásokról, mint az Ön webes fejlesztői.

Ebben a részletben egy különlegeset nézünk keresőmotor a kódrészletek megkereséséhez, nagyon hasznos hivatkozás a Flexbox modul problémáinak kezelésére, és fejlesztőeszközök a jobb irányítás érdekében szín, betűtípus és színátmenetek.

Gradient Animator

A CSS3 színátmenet lehetővé teszi, hogy képtelen színátmeneteket hozzunk létre weboldalunkon, bármilyen kép betöltése nélkül. Még a CSS3 animációval is kombinálhatjuk, hogy még vonzóbb legyen. De ha a kód túl sok az Ön számára, használja az egyszerűbb Gradient Animator útvonalat, hogy szép felületet hozzon létre.

SVG Pocket Guide

SVG Pocket Guide Joni Trythall készítette. Ez egy praktikus hivatkozás, amely végigvezeti Önt az SVG alapjain (mint például az alakzatok és szövegek létrehozása) egészen a fejlettebb funkciókig (például színátmenetek, vágási utak és minták létrehozása). A könyv a Markdown formátumban érhető el, angol és portugál nyelven.

Flexbugs

A Flexbox egy nagyon ígéretes új modul a CSS3-ban, amely teljesen megváltoztatja a webes elrendezéseket. Ugyanakkor saját böngészőjével is kompatibilis. Ez a tároló, Flexbugs, ezeknek a hibáknak a gyűjteménye, és a megoldások azok kezelésére. Ez egy nagyon hasznos erőforrás mindenkinek, aki a Web vérzési szélén él.

icono

Ez csodálatos, amit csak CSS-vel tudunk elérni, hogy egy teljesen megjeleníthető ikont hozzunk létre egyetlen elem segítségével. icono ez a könyvtár, amely ezt teszi. Ebben a könyvtárban talál egy ismerős ikonok gyűjteményét, amelyeket csak egyetlen elem és CSS készít. Ezek az ikonok gyorsabban töltődnek be, és testreszabhatóbbak, mint a képalapú ikonok.

Dillinger

Dillinger egy szemet gyönyörködtető Markdown szerkesztő. Itt írhat Markdown formátumban, és azonnal láthatja a kimenetet a jobb oldali fülön. A kényelem érdekében a Dillinger lehetővé teszi a munka HTML-be, PDF-be vagy csak Markdown fájlformátumba történő exportálását. Alternatív megoldásként azt is csatlakoztathatja egy harmadik fél szolgáltatásához, mint a Dropbox és a Github, ahol mentheti a fájlt.

HTML5Up

HTML5Up ingyenes HTML5 alapú sablonok gyűjteménye. Megtalálható egy maroknyi elrendezés, amely a különböző típusú webhelyeket szolgálja: üzleti, portfolió vagy csak egy egyszerű blog. Minden sablon érzékeny, és biztosítja, hogy a tartalom és a webhely elrendezése változatos képernyőméretekben élvezhető legyen.

CSS színek

Valaha csodálkoztam, hogy egy adott szín van-e? CSS színek az alapszín gyűjteményének színét és a Hex és RGBA formátumot mutatja. Ez egy jó forrás, hogy megtalálja a tökéletes színkombinációt webhelyeire.

Emmet Re-view

Az újra megtekintés egy Chrome-kiterjesztés, amely elemzi a webhelyét @média lekérdezi és megjeleníti webhelyét az egyes pontokban megadott minden egyes pontnál @média lekérdezés. Ha olyan eszközt keres, amely egy kis időt takaríthat meg az érzékeny webhelyek tesztelésénél, akkor ez az eszköz, amire szüksége van.

TypeGenius

Ha megnézi a Google Font könyvtárát, sok betűtípust találhat különböző arcok, családok, súlyok és típusok között. Ezért a megfelelő pár kiválasztása vagy a betűtípusok kombinációja valódi elsöprő feladat lehet. TypeGenius a betűpárok egyszerű és gyors kiválasztását teszi lehetővé a lakosság számára.

SearchCode

Ahogy azt a név mondta, ez egy keresőmotor, amely számos programnyelvi kódot, például JavaScript, C, PHP kódokat vagy kódrészleteket keres. Ez a keresőmotor számos olyan forrásból származik, mint a Github, a Bitbucket és a Google Code. A nehéz kódolók számára ez egy határozott eszköz.