Friss források a webes tervezők és fejlesztők számára (2012. október)

Minden hónapban több tucat ingyenes cucc van, amelyet a nagyvonalú emberek osztanak meg a web design és a webfejlesztő közösségben; szinte lehetetlen lépést tartani az új dolgokkal. Ennek ellenére nem szabad aggódnia; ebben a bejegyzésben kiválasztottuk 10 hasznos „cucc” a kódrészletektől az eszközökig, a keretrendszerekig a pluginig könnyebbé tenni a web designerek és fejlesztők munkáját és életét.

Nézzük meg őket.

Nézze meg az összes friss forrást (hónap szerint):

• 2012. október
• 2012. november
• 2012. december

CSSS

CSSS a "CSS-alapú diavetítő rendszer" kifejezés egy olyan keret, amelyet a Lea Verou (a CSS guru néven ismert). Lényegében ez a keret lehetővé teszi a prezentációs diákok létrehozását HTML és CSS webes szabványokkal. Ez a diavetítés támogatja a billentyűparancsokat ←, →, ↓ és ↑ navigálni a diákok között.

Ha a CSS-t és a HTML-t használja, akkor ez a keretrendszer (jobb) helyettesítője a magas árú szoftvereknek, mint például az MS PowerPoint.

BonsaiJS

A Bonsai egy könnyű JavaScript grafikus könyvtár intuitív API-val. Ezt a könyvtárat egyszerű alakzatok, például téglalap, háromszög, kör vagy mély összetett grafika rajzolására használhatjuk. Ez a könyvtár használható a Scalable Vector Graphic (SVG) megjelenítésére a nem támogatott böngészőkben is.

Emellett a Bonsai néhány funkciót is tartalmaz, beleértve az animációt, az eseményeket és a szűrőket, hogy ezek a grafikák interaktívabban működjenek.

Érzékeny minta

Az érzékeny minták olyan minták gyűjteménye, amelyeket egy érzékeny webhely létrehozására használhat. Ez a gyűjtemény néhány példát tartalmaz a választható elrendezésre és a navigációra, amely néhány más érzékeny mintázatot tartalmaz a közös webkomponensekről, mint például képek, videók, táblázatok és űrlapok.

Effin Eszközök

Ez valószínűleg minden, amire szüksége van ahhoz, hogy segítse a webhely fejlesztését. Az Effin Toolsets egy tucat hasznos eszköz gyűjteménye a webfejlesztőknek, amelyek mindegyike egy helyen van csomagolva.

A gyűjtemény egyik eszköze, amit személy szerint nagyon hasznosnak tartok, az Entifier, ez az eszköz megváltoztatja ezeket a karaktereket, < és >, HTML kódjába, hogy a kódrészlet helyesen jelenjen meg a

 címke.
 
 
Susy
 
Susy egy érzékeny rács a Compass számára. Mint minden más érzékeny rács keret is, több előre meghatározott stílusból áll, de mivel a Sass és a Compass segítségével épült ez a keret sokkal konfigurálhatóbb..
 
Susy lehetővé teszi, hogy testreszabhatja az oszlopszámot, az oszlopszélességet, az ereszcsatornát és a rács-párnázatot, így saját webhelyének megfelelő rács. Susy mindent megtesz: számítás. Ha egy szuper-geek, aki élvezi a Sass és a Compass munkáját, ez a kiterjesztés határozottan az Ön számára.
 
 
Végtelen legördülő navigáció
 
A legördülő menü egy közös összetevő, amelyet egy weboldalon találtunk. A legördülő navigáció létrehozása azonban nem olyan egyszerű, mint amilyennek látszik. Harry Roberts Szerencsére a CSS varázslója megosztotta “mágikus kód” végtelenített legördülő navigáció létrehozása (ami félelmetes).
 
 
Bourbon Neat
 
A Neat egy rugalmas hálózat, amely segít könnyen kezelhető webhelyen. Sassra és Bourbonra épül, amely hasznos keverékek gyűjteménye Sass számára. Ez a keret egy Ruby-gyöngyszem, amelyet a parancssorból a Terminál vagy a Parancssor segítségével lehet telepíteni drágakő telepítése tiszta.
 
 
Typicons
 
Az ikonok számára nem lesz elég. A tipikus betűkészletek ikonok, amelyek körülbelül 88 karakterből állnak. Ezeket az ikonokat hozzáadhatja @ Font-face szabályozza és alkalmazza azokat a webhelyére a CSS pszeudo-elemekkel, vagy közvetlenül beágyazza azokat a HTML-karakterrel.
 
Az ikonok használatához webfont használatával előnyt nyerhet, hogy nincs szükség a CSS sprite telepítésére és a háttérpozíció beállítására az ikonok megjelenítéséhez, a nagy felbontású képernyő készen áll és technikailag csökkenti a http kéréseket és alacsonyabb sávszélességet fogyaszt, mint a bittérkép ikonok.
 
 
Annotator
 
Ez a könyvtár lehetővé teszi megjegyzések, címkék és jelölések hozzáadását a webtartalomhoz, és az AnnotateIt-tel együtt ingyenesen tárolhatja a megjegyzéseket.
 
 
Repülőtér
 
Amikor a repülőtéren tartózkodik, látni fogja a repülési információs táblát, amellyel az egész szöveggel átlapolható. Ezzel a jQuery pluginnal, a repülőtérrel, ugyanazokat a szöveges effekteket tudjuk létrehozni.
 
 
Következtetés
 
Ez az egész a hónapban. Kipróbáltál valamilyen ilyen dolgot? Melyik a kedvenced? Talált más jó dolog a webes tervezőknek / fejlesztőknek, amelyeket nem vettünk figyelembe a listából?.
 
Nyugodtan ossza meg őket az alábbi megjegyzések mezőben, és szeretnénk hallani a gondolatait is.