Novi viri za spletne oblikovalce in razvijalce (november 2012)

Obstajajo številna nova odlična orodja in viri, ki dajejo oblikovalcem in razvijalcem spletnih strani dodaten vzvod za svoje delo. Ta mesec imamo nekaj odličnih brezplačnih orodij in virov vredno poskusiti, začenši z vtičnikom za ustvarjanje kul fotografskih učinkov v vtičnik za vsebino in slikovno drsenje z resnično kul prehodom.

Torej jih preglejmo.

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

Proto

Odzivno spletno oblikovanje zdaj postaja standardna praksa pri ustvarjanju spletne strani. To pomeni to orodje, ki je zelo koristno, da opravite delo. Proto je zgrajen na SCSS za hitro izdelavo prototipov, tako da zagotavlja hitro pripravljene razrede CSS, ki definirajo odzivno mrežo in nekatere posebne razrede naprav..

Mrežni prikazovalnik

Če delate z okviri Responsive Design, kot je Bootstrap ali Foundation, verjetno potrebujete ta zaznamek za sledenje omrežju v brskalniku. To orodje bo prikazalo mrežo prekrivanja na spletni strani, ki si jo ogledujete. To je zelo priročno, samo povlecite in spustite v svojo vrstico z zaznamki. Preprosto kliknite na zaznamek kadarkoli morate prikazati mrežo.

BootMetro

Windows 8 uporablja preprostost oblikovalskega jezika Metro. Če želite na svojem spletnem mestu sprejeti ta slog, bo BootMetro verjetno tisto, kar potrebujete.

Poudarki

Obstaja veliko WordPress zagonske teme na voljo na internetu, vendar nobena druga je tako velika, kot Underscores. Z njim lahko določite in prilagodite ime teme, opis, avtorja in še posebej tematskega sluga, ki velja za funkcijo teme, ko prenesete paket, tako da boste dobili nekaj podobnega theme_slug_function.

Jarallax

Kot paralaksni učinek, ki ga vidite na spletnih straneh, kot je ta? Če želite uporabiti podoben učinek za vaše spletno mesto, lahko uporabite Jarallax, JavaScript knjižnico animacij, da ustvarite učinek Paralakse (skoraj brez časa)..

Vetrovno

Ste se naveličali galerijskih drsnih učinkov, ki se premikajo le vodoravno? Nato si oglejte Windy, ki uporablja 3D transformacijo za zagon vsebine na resnično edinstven način. Oglejte si predstavitev tukaj.

TiltShift

Skratka, tiltShift v fotografiji je tehnika, s katero je fotografija videti manjša, skoraj miniaturna, kot je v resnici. Preverite našo zbirko takšnih fotografij v tem prispevku: “Fotografija s preusmeritvijo”. Če želite uporabiti takšen učinek v svoji fotogaleriji, lahko preprosto uporabite to knjižnico JavaScript, TiltShift.js.

Zaporedje

Sequence.js je odzivni jQuery drsnik z nekaterimi naprednimi učinki prehoda. Za razliko od drugega drsnika Sequence nima lastne vgrajene teme. Torej lahko popolnoma prilagodimo videz in občutek, ki se ujema z našo spletno stranjo.

Delta

JQuery UI je popoln nabor skupnih spletnih uporabniških vmesnikov in interakcij, ki so enostavne za uporabo. Toda privzeta tema je dolgočasna. Torej, če želite imeti drugačen pogled na uporabniški vmesnik jQuery, vendar ne želite, da bi vaše roke umazali s CSS, lahko preprosto zamenjate privzete sloge CSS z Delta, slick temo za jQuery UI.