Novi viri za spletne oblikovalce in razvijalce (oktober 2012)

Vsak mesec je na voljo ducate brezplačnih vsebin, ki si jih delijo zelo velikodušni ljudje v skupnosti za spletno oblikovanje in spletno oblikovanje; skoraj je nemogoče slediti vsem tem novim stvarem. Kljub temu ne bi smeli skrbeti; v tej objavi smo izbrali 10 uporabnih “stvari” od odrezkov kode do orodij, okvirov do vtičnikov da bo vaše delo in življenje v obliki spletnih oblikovalcev in razvijalcev lažje.

Poglejmo jih.

Oglejte si vse naše sveže vire (glede na mesec):

• Oktober 2012
• November 2012
• December 2012

CSSS

CSSS , ki pomeni "CSS temelji SlideShow System" je okvir, ki ga ustvarja Lea Verou (znan kot guru CSS). V bistvu ta okvir omogoča ustvarjanje predstavitvenih diapozitivov s spletnimi standardi HTML in CSS. Ta diaprojekcija podpira bližnjice na tipkovnici ←, →, ↓ in ↑ za premikanje po diapozitivih.

Če imate CSS in HTML, mislim, da je ta okvir (boljša) zamenjava za cenovno ugodne računalniške programe, kot je MS PowerPoint.

BonsaiJS

Bonsai je lahka grafična knjižnica JavaScript z intuitivnim API-jem. S to knjižnico lahko narišemo preproste oblike, kot so pravokotnik, trikotnik, krog ali grafika z globoko kompleksnostjo. Ta knjižnica se lahko uporabi tudi za prikazovanje upodabljanja Scalable Vector Graphic (SVG) v nepodprtih brskalnikih kot nadomestno.

Poleg tega Bonsai ponuja tudi nekaj funkcij, vključno z animacijami, dogodki in filtri, da bi te grafike delovale bolj interaktivno.

Odzivni vzorec

Odzivni vzorci so zbirka vzorcev, ki jih lahko uporabite za izdelavo odzivnega spletnega mesta. Ta zbirka vključuje nekaj primerov odzivne postavitve in navigacije z nekaj drugimi odzivnimi vzorci običajnih spletnih komponent, kot so slike, videoposnetki, tabele in obrazci..

Orodja za orodja Effin

To je verjetno vse, kar potrebujete za razvoj vaše spletne strani. Effin Toolsets je zbirka ducatov uporabnih orodij za spletne razvijalce, ki so pakirani na enem mestu.

Eno od orodij v tej zbirki, ki je osebno zelo koristno, je Entifier, to orodje bo spremenilo te znake, < in >, v kodo HTML, tako da se bo vaš odrezek kode pravilno prikazal znotraj

 oznaka.
 
 
Susy
 
Susy je odzivna mreža za kompas. Kot vsak drug odzivni mrežni okvir, je sestavljen iz več vnaprej določenih stilov, vendar je ta okvir zgrajen s Sassom in Compassom veliko bolj konfiguriran..
 
Susy vam omogoča, da prilagodite številko stolpca, širino stolpca, žleb in mrežasto oblogo, tako da je vaša mreža, ki ustreza vaši spletni strani. Susy bo naredila vse trdo delo: izračun. Če ste super-geek, ki ima rad s Sass in Compass, ta podaljšek je definitivno za vas.
 
 
Navidezna navigacijska plošča
 
Spustni meni je pogosta komponenta, ki smo jo našli na spletnem mestu. Vendar pa ustvarjanje navigacijskega seznama ni tako enostavno, kot izgleda. Harry Roberts CSS Wizardry je, na srečo, delil njegovo “čarobno kodo” ustvarite neskončno navigacijsko navigacijo (kar je super).
 
 
Bourbon Neat
 
Čisto je odzivni okvir omrežja, ki vam pomaga, da preprosto zaženete odzivno spletno stran. Zgrajena je na Sass in Bourbon, zbirki koristnih mešanic za Sass. Ta okvir je Ruby gem, lahko ga namestite prek Terminal ali Command Prompt s to ukazno vrstico gem namestite čisto.
 
 
Tipi
 
Za ikone ne bo dovolj. Tipikoni so niz ikon pisav, ki vsebujejo okoli 88 znakov. Te ikone lahko dodate skozi @ font-face pravilo in jih uporabite na vašem spletnem mestu s psevdoelementi CSS ali jih vdelajte neposredno v svoj HTML znak.
 
Z uporabo webfonta za prikazovanje vaših ikon, lahko imate prednosti, da ne potrebujete nameščanja CSS-spriteja in prilagajanja položaja ozadja, da prikažete ikone, zaslon z visoko ločljivostjo je pripravljen in tehnično zmanjša http zahteve in porabi nižjo pasovno širino kot bitne slike.
 
 
Opomnik
 
Ta knjižnica omogoča dodajanje komentarjev, oznak in oznak na vašo spletno vsebino, skupaj z AnnotateIt pa lahko shranite svoje opombe brezplačno.
 
 
Letališče
 
Ko ste na letališču, boste videli informacijsko tablo z obračanjem besedila. S tem vtičnikom jQuery, Airport, lahko ustvarimo enak učinek filtriranja.
 
 
Zaključek
 
To je vse za ta mesec. Ste že poskusili katero od teh stvari? Kateri je vaš najljubši? Ali ste našli druge zanimive stvari za spletne oblikovalce / razvijalce, ki smo jih zamudili s tega seznama?.
 
Lahko jih delite v polju za komentarje spodaj, in radi bi slišali tudi vaše misli.