Čerstvé zdroje pre návrhárov webových stránok a vývojárov (December 2016)

Sme blížiaci sa ku koncu roka 2016 a bol to vzrušujúci rok pre mnohých, vrátane vývojárov webu. Tento rok, Obľúbenosť spoločnosti ReactJS sa exponenciálne zvýšila, nové rozšírenie ReactJS je vydané a je umiestnené v zozname Trendové úložiská spoločnosti Github (takmer) každý týždeň.

PHP7 sa tiež uvoľní v tomto roku čo ponúka výrazné zlepšenie rýchlosti, ako aj uvoľnenie WordPress 4.7 s dlho očakávaným WP-API funkcia a Spoločnosť Facebook tiež predstavila balíček priadze ktoré môžu napadnúť NPM.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

Ďalšie podrobnosti o každom z týchto užitočných verzií nájdete v nasledujúcom zozname:

Lighthouse

LightHouse je šikovný nástroj od spoločnosti Google preskúmať vaše webové stránky v porovnaní s modernými metrikami vývoja webu, medzi ktoré patria výkon zaťaženia stránky, ukladanie do pamäte u pracovníkov služieb, časová odpoveď servera a tak ďalej. Tieto nástroje sa dodávajú v dvoch podobách: prípona CLI (rozhranie príkazového riadka) a rozšírenie prehliadača Google Chrome.

FuseJS

Fuzzy-search je typ vyhľadávania, kde sa nachádza vráti možnosti čísel aj vtedy, ak sa presne nezhoduje s hľadanými argumentmi. Napríklad, ak hľadáte "do", výsledok sa môže vrátiť robiť, robot, a noha. Toto je populárny výkon vyhľadávania v dnešných webových aplikáciách. FuseJS je a ľahká knižnica JavaScript ktorý vám umožní ľahko ho implementovať na svojich webových stránkach.

Balenie priadze

Priadza je a Správca balíkov uzlov postavený spoločnosťou Facebook. V podstate funguje podobne ako NPM, aj keď s pokrokom v niekoľkých oblastiach, ako sú rýchlosti, "režim offline", ktorý umožňuje inštaláciu balíkov bez pripojenia k internetu, a bezpečnosť, ako aj spoľahlivosť.

Cache menu

Praktický doplnok WordPress do vyrovnávacej pamäte ponuky WordPress pomocou aplikácie Transient API na zlepšenie rýchlosti dotazovania databázy. Plugin je dodávaný s množstvom filtrov na upraviť čas ukladania do vyrovnávacej pamäte a vykonávať iné veci. Môže sa inštalovať pomocou skladateľa alebo ako pravidelný doplnok WordPress.

Githunt

Githunt je rozšírenie Google Chrome nahradí domovskú stránku Chrome s trendovým repositóriom spoločnosti Github. Výsledok môžete zoradiť na základe obdobia a programovacieho jazyka. Myslím, že to je, musí sa stať inštaláciou pre každého vývojára, aby zostal aktualizovaný najširším nástrojom okolo.

FFocus

Nemôžete sa sústrediť na vašu prácu a chcete, aby ste svoju prácu vykonali rýchlo? Skúste FFocus. to je CLI, ktorá vám umožňuje blokovať webové stránky na nastavenú dobu trvania prostredníctvom Terminálu. FFocus môže byť inštalovaný cez NPM spustením npm i ffocus -g príkaz.

Accesslint

AccesslintJS je a Knižnica JavaScript na overenie webových stránok pre prístupnosť. Používanie tejto knižnice je rovnako jednoduché ako načítanie pred tag, a dostanete všetky upozornenia a chyby priamo v konzole DevTools.

colorable

Farebné je a šikovná webová aplikácia ktorý vám umožňuje vytvárať farebnú kombináciu, ktorá je v súlade so smernicami WCAG, a tiež vytvára vaše webové stránky prístupné pre používateľov so zrakovým postihnutím ako farebná slepota.

Micon

Micon je a Ikona písma vybraných piktogramov Microsoft Windows 10. Môže to byť a skvelá náhrada FontAwesome čo myslím, že je už nadmerne využívané.

CSS Reference

Meno to hovorí všetko. to je CSS Odkaz na vyhľadávanie syntaxe CSS. To je tiež prezentované v peknom príjemnom spôsobe, ktoré robia to skvelá alternatíva pre dokumentáciu CSS na MDN, ak si myslíte, že je príliš nudné.

Miestne od Flywheel

Toto je Aplikácia GUI, ktorá umožňuje jednoduché nastavenie lokálnej lokality WordPress vo vašom macOS. Aplikácia je zabalená s veľkými nástrojmi pre vývojárov, ako napríklad; “One-Click” Inštalácia programu WordPress, Prístup SSH, jednoduché nastavenie SSL, plán webových stránok a protokol XIP.io. Cena aplikácie bola približne 149 USD, ale je ktorá sa odvtedy oslobodila už od doby, keď ho spoločnosť Flywheel získala.

FreeCodeCamp

Je to bezplatný zdroj na učenie kódu pre web. Predmety zahŕňajú HTML, CSS, JavaScript a a niekoľko knižníc ako ReactJS a D3. To poskytuje výzvy alebo príklady projektov zatiaľ čo absolvujete kurzy, ako aj výukové programy vám pomôžu lepšie pochopiť predmet.

Prenosné písmo

Písmo OverPass je rodina písma pozostávajúca z ôsmymi hmotnosťami (200-900), pravým kurzívom a písmenom typu monospace. Písmo sa môže načítať ako webové písmo z kľúčaCDCD, rovnako ako pre stolné počítače. Je to zadarmo a open source.

Form Base

Forma základne je a súbor pravidiel štýlu CSS ktoré resetujú prvky, ktoré obsahujú vstup, checkbox, vybrať, a textarea so základnými a zároveň krásnymi štýlmi. Táto knižnica CSS je dobrá použitie v spojení s iným “Resetovanie CSS” ako Normalize.css.

frontend

to je framwork, ktorý sa používa na vytvorenie 24ways.org; skvelý zdroj na ktoré sa môžete pozrieť naučiť sa pokročilé techniky CSS.

víťazstvo

ReactJS je na vzostupe a s tým prichádza veľký počet rozšírení na podporu. Víťazstvo je Zložka ReactJS pridať medzivládne a grafy alebo vizualizáciu dát.

Peklo

Inferno je a Knižnica JavaScript na vytvorenie webového rozhrania v mobilných zariadeniach. to je inšpirovaný spoločnosťou ReactJS preto zdieľa podobné konvencie syntaxe. Rozdiel je však v tom, že je Inferno postavený s výkonom v mysli čo to robí oveľa menšia veľkosť a dáva to aj rýchlejší čas vykresľovania.

Premonish

Permonish je knižnica, ktorá je schopná predpovedať ďalšiu interakciu používateľov. To vám umožní pripravte používateľské rozhranie (UI) dokonalejší skôr ako skutočný používateľ komunikuje s vašimi webovými stránkami.

SPA Starter Kit

Toto je príklad SPA (Single Page Application), ktorý bol postavený s Laravelom a VueJS. Je to zatiaľ ďalší skvelý zdroj na učenie sa vývoja webu pomocou rámcov - pozrite sa na zdroj Luke!

Docu

Dokút je Knižnicu JavaScript na vytvorenie dokumentácie s jedinou stránkou. Je napájaný systémom VueJS a je dodávaný s množstvom nástrojov uzlov, ktoré vám umožňujú rýchlo nastavte a spustite dokumentáciu.