Pagrindinis » Interneto svetainės dizainas » Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2015 m. Gruodžio mėn.)

    Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2015 m. Gruodžio mėn.)

    „Web Development“ scena šiais metais vyksta šviesos greičiu. CSS3 buvo gerai priimtas ir esame mažiau priklausomi polifilis kadangi naujausios naršyklės tikrai palaiko naujausią žiniatinklio standartą. Įdiegta „Microsoft Edge“, „Google“ išleido du atvirus „Web“ šaltinius: „Material Design Lite“ ir „Polymer 2.0“.

    Taigi, supasime metus su keliais patogiais įrankiais kolegoms žiniatinklio kūrėjams. Mes turime keletą „JavaScript“ bibliotekų, taip pat įrankių efektyviau dirbti su jQuery. Norėdami sužinoti daugiau, patikrinkite visas žiniatinklio kūrėjų serijos išteklius.

    Spustelėkite Daugiau išteklių

    Spustelėkite Daugiau išteklių

    Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

    Notie.js

    Notie.js yra gražesnis „JavaScript“ įspėjimas, pranešimas ir dialogo langas. Vietoj budrus() funkcija, rodanti nuobodu ir šiek tiek šokiruojantis langelį, galite jį pakeisti notie () funkcija iš bibliotekos, kad būtų rodomas stilingas įspėjimas. Su Notie.js lengvai suderinkite įspėjimo stilių su bendru svetainės dizainu.

    „Github Corner“

    Tik neseniai supratau, kad „Github“ kampas, kurį paprastai matome atviro kodo projekto puslapyje, jau yra 7 metai. Laikas veidui atkurti. „Github Corner“ yra iniciatyva sukurti modernesnę ir naujesnę „Github“ juostelės išvaizdą. Jis naudoja SVG, o ne bitmap grafiką, kuris leidžia išlaikyti aštrią didelės raiškos ekranuose.

    Saldūs (laisvi) temos

    „Slack“ tapo populiariausiu pokalbių programa mažose įmonėse, pradedančiose įmonėse ir kūrėjams. Palyginkite su kitomis programomis, pvz., „Skype“ ir „Google Hangout“, „Slack“ galima pritaikyti keliais būdais, įskaitant jo temą - programos sąsajos išvaizdą ir niuansą. Čia yra paruoštų diegti „Slack“ temų rinkinys .

    jQuery konfig

    jQuery yra modulinė, tai reiškia, kad galime pašalinti nepageidaujamus modulius, kad dydis būtų lengvesnis. Mūsų ankstesnė pamoka, kaip pašalinti nereikalingus modulius jQuery, rodo, kaip tai padaryti su Homebrew, NPM, bet tai daroma per terminalą. Jei nenorite naudoti taip, galite pasinaudoti jQuery konfig. Tai daroma tik paspaudus.

    „SummerNote“

    „SummerNote“ yra „JavaScript“ biblioteka, skirta sukurti WYSIWYG redaktorių. „SummerNote“ sukurtas ant svarbiausių atviro kodo projektų: „jQuery“, „Bootstrap“ ir „Font Awesome“. „SummerNote“ diegimas yra toks pat lengvas, kaip ir bet kurios kitos „JQuery“ bibliotekos diegimas, ir tai yra puiki alternatyva „TinyMCE“ bibliotekai, ypač jei jūsų tinklas taip pat naudoja „Bootstrap“.

    „BackstopJS“

    „BackstopJS“ yra puiki priemonė, skirta testuoti svetainės reakciją, kuri yra varginantis procesas. Trumpai tariant, ši biblioteka atlieka užduotį išbandyti svetainę daugeliu ekranų dydžiu daug labiau sklandžiai automatizuojant. Įrankis užfiksuos svetainės vaizdus ir komentuos, kuris puslapis praeina, ir nepavyksta atlikti testo pagal nustatytus parametrus ir ekrano dydžius. Tai tarsi padalinio testavimo priemonė, skirta naudoti atsakingą svetainę.

    SuitCSS

    SuitCSS yra katilinė, sudaryta iš savo CSS išankstinio procesoriaus, kuris palaiko CSS būsimą sintaksę, pvz., „Custom Property“ ir „Custom Media Query“. pradėti kurti gerai sukurtą svetainę.

    Įpareigoti

    Įpareigoti yra vietinė OS X programa, kuri leidžia jums sukurti interneto sąsajas ir išdėstymus naudojant „GridStyleSheet“, „TheGrid“ sukurtą išdėstymo algoritmą. GSS leidžia efektyviai išdėstyti svetaines. Pavyzdžiui, priešingai nei CSS, GSS leidžia vertikaliai nukreipti elementų konteinerius vienu kodu.

    AntiModerate

    AntiModerate yra „JavaScript“ biblioteka, kuri įklijuoja vaizdus protingiau. Naudodami šią biblioteką, net esant lėtiems interneto ryšiams, pirmiausia galite įkelti mažesnio dydžio vaizdą, o didesnis paveikslėlis vis dar įkeliamas fone. Kai visiškai pakrautas, didesnis vaizdas užima centrinę padėtį. Šis metodas gali sukelti greitesnį jūsų tinklalapių pakrovimo greitį.

    jQuery patarimai, kuriuos turėtumėte žinoti

    Geras pavadinimas ir dar vėsiesnis turinys, tai yra „jQuery“ patarimų, kuriuos turėtume žinoti, kolekcija (pusė jų norėčiau, kad žinojau daug, daug anksčiau). Visiškai verta patikrinti.