Čerstvé zdroje pre návrhárov webových stránok a vývojárov (október 2012)

Každý mesiac sú tu desiatky bezplatných vecí, ktoré zdieľajú veľkodušní ľudia v komunite webového dizajnu a vývoja webu. je takmer nemožné držať krok so všetkými týmito novými vecami. Napriek tomu by ste sa nemali obávať; v tomto príspevku sme si vybrali 10 užitočných "vecí" od útržkov kódu až po nástroje, rámce pre pluginy aby vaša práca a život ako web dizajnéri a vývojári uľahčili.

Pozrime sa na to.

Pozrite sa na všetky naše čerstvé zdroje (podľa mesiaca):

• Október 2012
• November 2012
• December 2012

csss

csss čo znamená "systém založený na CSS SlideShow" je rámec vytvorený Lea Verou (známy ako guru CSS). V podstate vám tento rámec umožňuje vytvárať prezentácie s webovými štandardmi HTML a CSS. Táto prezentácia podporuje klávesové skratky, ako je ←, →, ↓ a ↑ prechádzať snímky.

Ak robíte CSS a HTML, tento rámec si myslím, že (lepšia) náhrada za vysoko cenené softvéry ako MS PowerPoint.

BonsaiJS

Bonsai je ľahká grafická knižnica jazyka JavaScript s intuitívnym rozhraním API. Túto knižnicu môžeme použiť na kreslenie jednoduchých tvarov ako obdĺžnik, trojuholník, kruh alebo grafika s hlbokou zložitosťou. Táto knižnica môže byť tiež použitá na poskytovanie vykresľovania škálovateľných vektorových grafov (SVG) v nepodporovaných prehliadačoch ako záložné.

Navyše, Bonsai tiež ponúka niekoľko funkcií, vrátane animácie, udalosti a filtrov, aby tieto grafiky pôsobili interaktívnejšie.

Responzívny vzor

Odpovedajúce vzory sú kolekcia vzorov, ktoré môžete použiť na vytvorenie zodpovedajúcej webovej stránky. Táto kolekcia obsahuje niekoľko príkladov odpovedajúceho usporiadania a navigácie s niekoľkými ďalšími reagujúcimi vzormi bežných webových komponentov, ako sú obrázky, videá, tabuľky a formuláre.

Effin Toolsets

To pravdepodobne je všetko, čo potrebujete na rozvoj svojho webu. Effin Toolsets je kolekcia tuctu užitočných nástrojov pre webových vývojárov, ktoré sú balené na jednom mieste.

Jeden z nástrojov v tejto zbierke, ktoré osobne považujem za veľmi užitočné, je Entifier, tento nástroj zmení tieto znaky, < a >, do svojho kódu HTML, aby sa útržok kódu zobrazil správne vo vnútri

 štítok.
 
 
Susy
 
Susy je citlivá sieť Compass. Rovnako ako akýkoľvek iný prispôsobivý rámec mriežky, ktorý sa skladá z niekoľkých preddefinovaných štýlov, ale pretože je postavený pomocou Sass a Compass, tento rámec je oveľa viac konfigurovateľný.
 
Funkcia Susy umožňuje prispôsobiť číslo stĺpca, šírku stĺpca, žliabok a polstrovanie mriežky a vytvoriť tak svoju vlastnú sieť, ktorá vyhovuje vašim webovým stránkam. Susy bude robiť všetku tvrdú prácu: kalkulácia. Ak ste super geek, ktorý má prácu so spoločnosťami Sass a Compass, toto rozšírenie je určite pre vás.
 
 
Nekonečná rozbaľovacia navigácia
 
Rozbaľovacie menu je bežná súčasť, ktorú sme našli na webových stránkach. Vytváranie rozbaľovacej navigácie však nie je tak jednoduché, ako vyzerá. Harry Roberts CSS Wizardry našťastie zdieľa jeho “magický kód” vytvoriť nekonečnú rozbaľovaciu navigáciu (čo je úžasné).
 
 
Bourbon Neat
 
Neat je prispôsobivá sieťová štruktúra, ktorá vám pomôže ľahko spustiť rýchlo reagujúce webové stránky. Je postavený na Sass a Bourbon, zbierka užitočných mixov pre Sass. Tento rámec je Ruby klenot, môže byť inštalovaný cez Terminal alebo Command Prompt s týmto príkazovým riadkom klenot inštalovať čistý.
 
 
Typicons
 
Ikony nebudú stačiť. Typikóny sú sada ikon písma, ktoré pozostávajú z približne 88 znakov. Tieto ikony môžete pridať @ Font-face pravidlo a aplikovať ich na vaše webové stránky pomocou pseudo-elementov CSS alebo ich vložiť priamo s ich znakom HTML.
 
Používaním webfontu na dodanie ikon môžete mať výhodu, že nemusíte nasadzovať CSS sprite a upravovať pozadie na pozadí, aby ste zobrazili ikony, pripravené na obrazovku s vysokým rozlíšením a technicky znižuje požiadavky http a spotrebuje nižšiu šírku pásma ako bitmapové ikony.
 
 
anotátor
 
Táto knižnica vám umožňuje pridávať komentáre, značky a markdowny do vášho webového obsahu a spolu s AnnotateIt môžete svoje anotácie uložiť zadarmo.
 
 
Letisko
 
Keď sa nachádzate na letisku, uvidíte letovú informačnú tabuľu s preklopným textom. Pomocou tohto pluginu jQuery, Airport, môžeme vytvoriť rovnaký efekt filtrovania textu.
 
 
záver
 
To je všetko za tento mesiac. Vyskúšali ste niečo z týchto vecí? Ktorý je váš obľúbený? Zistili ste nejaké ďalšie zaujímavé veci pre webových dizajnérov / vývojárov, ktoré sme z tohto zoznamu vynechali?.
 
Neváhajte a zdieľajte ich do poľa s poznámkami nižšie, a my by sme radi počuli aj vaše myšlienky.