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

Artėjame 2016 m. Pabaigoje, ir tai buvo įdomus metai daugeliui, įskaitant interneto kūrėjus. Šiais metais, ReactJS populiarumas išaugo eksponentiškai, išleidžiamas naujas ReactJS plėtinys ir sėdi sąraše „Github“ tendencijų saugyklos (beveik) kiekvieną savaitę.

PHP7 taip pat išleistas šiemet kuris labai pagerina greitį, taip pat išlaisvina „WordPress 4.7“ su ilgai lauktu WP-API funkcija, ir „Facebook“ taip pat pristatė siūlų paketą tai gali iššaukti NPM.

Spustelėkite Daugiau išteklių

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

Išsamesnės informacijos apie kiekvieną iš šių naudingų leidinių pažiūrėkime į šį sąrašą:

„LightHouse“

„LightHouse“ yra a patogus įrankis iš „Google“ išnagrinėti savo svetaines nuo modernių žiniatinklio kūrimo metrikų, įskaitant puslapio apkrovos našumas, caching su paslaugų darbuotojais, serverio laiko atsakas ir taip toliau. Šios priemonės yra dviejų formų: „CLI“ („Command Line Interface“) ir „Google Chrome“ plėtinys.

FuseJS

„Fuzzy-search“ yra paieškos užbaigimo tipas, kur jis yra grąžina skaičių galimybes, net jei jis tiksliai neatitinka paieškos argumentų. Pavyzdžiui, jei ieškote „į“, rezultatas gali grįžti daryti, robotas, ir pėdos. Tai yra populiari paieška šiandieninėse žiniatinklio programose. FuseJS yra a lengva „JavaScript“ biblioteka tai leidžia jums lengvai ją įgyvendinti savo svetainėje.

Verpalų paketas

Verpalai yra a „Facebook“ sukurtas mazgų paketo tvarkyklė. Jis iš esmės atlieka panašų procesą kaip ir NPM, nors ir pasiekė pažangos keliose srityse, pvz., Greičiu, „neprisijungęs režimas“, leidžiantis įdiegti paketus neprisijungus prie interneto, saugumą ir patikimumą.

Meniu talpykla

Patogus „WordPress“ įskiepis ištrinti „WordPress“ meniu naudojant Transient API, kad pagerintumėte duomenų bazės užklausų greitį. Įskiepis yra įtrauktas į keletą filtrų pritaikyti spartinimo laiką ir atlikite kitus dalykus. Jis gali būti įdiegtas naudojant Kompozitorių arba kaip reguliarus „WordPress“ įskiepis.

Githunt

„Githunt“ yra „Google Chrome“ plėtinys pakeičia „Chrome“ pagrindinį puslapį su „Github“ tendencijų saugykla. Rezultatus galite rūšiuoti pagal laikotarpį ir programavimo kalbą. Manau, tai yra, privaloma įdiegti įrankį kiekvienam kūrėjui palikti atnaujintą informaciją apie aplinkinius įrankius.

FFocus

Negalite sutelkti dėmesio į savo darbą ir norite greitai atlikti savo darbą? Pabandykite FFocus. tai yra CLI, kuris leidžia blokuoti svetainę tam tikrą laiką per terminalą. FFocus gali būti įdiegta per NPM paleisdami npm i ffocus -g komandą.

„Accesslint“

AccesslintJS yra a „JavaScript“ biblioteka patvirtina jūsų svetainę prieinamumo. Šios bibliotekos naudojimas yra toks pat lengvas, kaip jį įkelti ir gausite visi įspėjimai ir klaidos tiesiai „DevTools“ konsolėje.

Spalvotas

Spalvotas yra a patogi interneto programa kuri leidžia jums sukurti spalvų derinį, atitinkantį WCAG gaires, ir taip pat sukuria jūsų svetainę prieinamą vartotojams, turintiems regėjimo sutrikimų kaip spalvų aklumas.

Micon

Micon yra a pasirinktos „Microsoft Windows 10“ piktogramos šrifto piktograma. Tai gali būti a puikus „FontAwesome“ pakeitimas manau, kad jau yra per daug.

CSS nuoroda

Vardas sako viską. tai yra CSS nuoroda, kad galėtumėte ieškoti CSS sintaksės. Jis taip pat pateikiamas maloniai ir maloniai puiki alternatyva CSS dokumentacijai MDN, jei manote, kad tai pernelyg nuobodu.

Vietinis pagal smagratį

Tai yra GUI programa, kuri leidžia sukurti vietinę „WordPress“ svetainę jūsų MacOS taip paprasta. Programa yra užpildyta daugeliu programų, pvz.,; “Vienu paspaudimu” „WordPress“ diegimas, SSH prieiga, paprasta SSL sąranka, svetainės planas ir XIP.io. App buvo kaina maždaug 149USD, bet yra nuo šiol nemokamai suteiktas Flywheel.

FreeCodeCamp

Tai yra nemokami ištekliai, kad sužinotumėte žiniatinklio kodą. Temos apima HTML, CSS, JavaScript ir a keletas bibliotekų, tokių kaip ReactJS ir D3. Tai suteikia iššūkius ar projektų pavyzdžius tuo metu, kai vartojate kursus, taip pat pamokas padėti geriau suprasti temą.

„OverPass“ šriftas

„OverPass“ šriftas yra šriftų šeima, susidedanti iš aštuoni svoriai (200–900), tikras kursyvas ir monospace šriftas. Šriftas gali būti įkeltas kaip žiniatinklio šriftas iš KeyCDN ir įdiegta darbalaukio naudojimui. Tai nemokamas ir atviras šaltinis.

Formos bazė

Formos bazė yra a CSS stiliaus taisyklių rinkinys kad atkurti formos elementus, kurie apima įvesties, žymimasis langelis, pasirinkite, ir textarea su pagrindiniais dar nuostabiais stiliais. Ši CSS biblioteka yra gera naudoti kartu su kitu “CSS resetter” kaip Normalize.css.

FrontEnd

tai yra karkasas, naudojamas statyti 24ways.org; puikus šaltinis kad galėtumėte pažvelgti išmokti pažangių CSS metodų.

Pergalė

ReactJS auga ir ateina daugelis plėtinių ją palaikyti. Pergalė yra a ReactJS komponentas pridėti tarpinių ir diagramų ar duomenų vizualizaciją.

Inferno

Inferno yra a „JavaScript“ biblioteka sukuria interneto sąsają mobiliuosiuose įrenginiuose. tai yra įkvėpė ReactJS taigi paveldi panašias sintaksės konvencijas. Tačiau skirtumas yra tas, kad Inferno yra pastatytas su pranašumu kuris tai daro daug mažesnis ir taip pat suteikia jai greičiau.

Premonish

Permonish yra biblioteka, galinti numatyti kitą vartotojų sąveiką. Tai leis jums geriau paruošti vartotojo sąsają (UI) prieš faktinį naudotoją sąveikaujant su jūsų svetaine.

SPA starterių rinkinys

Tai yra SPA („Single Page Application“) pavyzdys, pastatytas su „Laravel“ ir „VueJS“. Tai dar dar vienas puikus šaltinis mokytis žiniatinklio kūrimo naudojant sistemas - pažvelkite į šaltinį Luke!

Docute

Dokumentas yra „JavaScript“ biblioteka, skirta kurti vieno puslapio dokumentus. Jis maitinamas su „VueJS“ ir pristatomas su daugeliu mazgų paslaugų, kurios leidžia jums greitai nustatykite ir paleiskite savo dokumentaciją.