Koduleht » Veebidisain » Uued ressursid veebidisaineritele ja arendajatele (november 2012)

    Uued ressursid veebidisaineritele ja arendajatele (november 2012)

    On mitmeid uusi suurepäraseid töövahendeid ja ressursse, mis annavad veebidisaineritele ja -arendajatele lisavõimu oma töö jaoks. Sel kuul on meil suured tasuta tööriistu ja ressursse proovida, alustades pluginast, et luua lahedaid fotiefekte pluginale sisu ja pildi libistamiseks tõeliselt laheda üleminekuga.

    Niisiis, vaatame need välja.

    Kontrollige kõiki meie värskeid ressursse (kuu järgi):

    Proto

    Tundlik veebidisain on nüüd muutumas veebisaidi loomise tavaks. See teeb seda tööriist tõesti kasulik töö tegemiseks. Proto on üles ehitatud SCSS-ile, et prototüüpida kiiresti reageerivat paigutust, pakkudes eelnevalt määratletud CSS-klasse kasutusvalmis, määratledes reageeriva võrgu ja mõne seadme spetsiifilise klassi.

    Grid Displayer

    Kui te töötate koos Responsive Design raamistikuga, nagu Bootstrap või Foundation, vajate brauseri võrgu jälgimiseks tõenäoliselt seda järjehoidjat. See tööriist kuvab vaatatava veebilehe ülekattevõre. See on üsna mugav, lihtsalt lohistage see oma järjehoidjariba. Lihtsalt klõpsa järjehoidjal igal ajal, kui vajate võrkude näitamist.

    BootMetro

    Windows 8 rakendab Metro disainikeele lihtsust. Kui soovid seda stiili oma veebilehel omaks võtta, on BootMetro ilmselt vajalik.

    Alandab

    Internetis on saadaval palju WordPressi starteri teemasid, kuid ükski teine ​​ei ole nii suur kui alamjooksu. Selle abil saate määrata ja isikupärastada tema nime, kirjeldust, autorit ja konkreetselt teemapalli, mis kehtib teema funktsiooni kohta pärast paketi allalaadimist, nii et saad midagi sellist theme_slug_function.

    Jarallax

    Nagu parallaksiefekt, mida näete sellistel veebisaitidel? Kui soovite oma veebisaidile sarnast mõju avaldada, saate kasutada Java-animatsiooniraamatut, mis sisaldab Jarallaxi, et luua parallaaksi efekti (peaaegu ei ole aega).

    Tuuline

    Kas igav on galerii libisemisefektid, mis liiguvad ainult horisontaalselt? Seejärel vaadake Windy, mis kasutab 3D-muundamist, et sisu sisu tõeliselt unikaalsel viisil käivitada. Vaadake demot siin.

    TiltShift

    Lühidalt öeldes, fotograafias on tiltShift tehnikaks, mis muudab pildi väiksemaks, peaaegu miniatuurseks, kui see tegelikult on. Vaadake meie selliste fotode kogumist selles postituses: “Tilt-Shift fotograafia”. Kui soovite sellist efekti oma fotogaleriis rakendada, saate lihtsalt kasutada seda JavaScripti teeki TiltShift.js.

    Järjestus

    Sequence.js on reageeriv jQuery liugur, millel on mõned täiustatud üleminekuefektid. Erinevalt teisest liugurist ei ole järjestusel oma sisseehitatud teemat. Niisiis saame oma välimust ja tundeid täielikult kohandada, et see sobiks meie veebisaidiga.

    Delta

    jQuery kasutajaliides on täielik veebipõhine kasutajaliides ja interaktsioon, mida on lihtne kasutada. Siiski on vaikimisi valitud teema igav. Niisiis, kui soovid jQuery kasutajaliidese jaoks teistmoodi otsida, aga ei soovi CSS-iga oma käsi määrduda, saate lihtsalt asendada vaikimisi CSS-stiilid Delta'ga, mis on jQuery kasutajaliidese sile teema..