Nové zdroje pro webové designéry a vývojáře (prosinec 2016)

Blížíme se ke konci roku 2016 a pro mnoho, včetně vývojářů webových stránek, to byl napínavý rok. Tento rok, Popularita ReactJS vzrostla exponenciálně, je vydáno nové rozšíření ReactJS a je umístěno na seznamu Githubovy trendy (téměř) každý týden.

PHP7 je také vydáno letos který nabízí významné zlepšení rychlosti, stejně jako uvolnění WordPress 4.7 s dlouho očekávaným WP-API funkce a Facebook také představil balíček příze které mohou napadnout NPM.

Klepněte na tlačítko Další zdroje

Najděte si celou naši sbírku doporučených zdrojů a nejlepší dostupné nástroje pro web design a vývoj.

Další podrobnosti o každé z těchto užitečných verzí naleznete v následujícím seznamu:

Maják

LightHouse je a šikovný nástroj od společnosti Google prozkoumejte své webové stránky proti moderním metrikám vývoje webu, mezi něž patří výkon načtení stránky, ukládání do vyrovnávací paměti se servisními pracovníky, časová odezva serveru a tak dále. Tyto nástroje se dodávají ve dvou formách: rozhraní CLI (Command Line Interface) a rozšíření Google Chrome.

FuseJS

Fuzzy-search je typ dokončení hledání, kde se nachází vrátí možnosti čísla, i když se přesně neshoduje s argumenty hledání. Pokud například vyhledáváte 'do', může se výsledek vrátit dělat, robot, a noha. Toto je populární výkon vyhledávání v dnešních webových aplikacích. FuseJS je lehká knihovna JavaScriptu , které vám umožní snadno implementovat.

Příze balíček

Příze je a Správce balíčků uzlů postavený na Facebooku. V podstatě se podobá NPM, i když s pokroky v několika oblastech, jako jsou rychlosti, režim offline, který umožňuje instalovat balíčky bez připojení k Internetu, bezpečnosti a spolehlivosti.

Menu Cache

Praktický plugin pro WordPress do vyrovnávací paměti WordPress Menu pomocí Transient API pro zlepšení rychlosti dotazu databáze. Plugin je dodáván s řadou filtrů přizpůsobit období ukládání do mezipaměti a provádět další věci. Lze jej nainstalovat pomocí aplikace Composer nebo jako pravidelný plugin pro WordPress.

Githunt

Githunt je rozšíření prohlížeče Google Chrome nahrazuje domovskou stránku prohlížeče Github trending repository. Výsledek můžete třídit podle období a programovacího jazyka. Myslím, že je to, obslužný program must-install pro každého vývojáře, aby zůstal aktualizován s nejhladšími nástroji v okolí.

FFocus

Nemůžete se zaměřit na svou práci a chcete rychle udělat svou práci? Zkuste FFocus. to je CLI, který vám umožňuje blokovat webovou stránku na nastavenou dobu prostřednictvím terminálu. FFocus může být instalovány prostřednictvím NPM spuštěním npm i ffocus -g příkaz.

Přístup

AccesslintJS je Knihovna JavaScript pro ověření vašich webových stránek pro přístupnost. Použití této knihovny je stejně snadné jako její načtení před a dostanete všechna varování a chyby přímo na konzole DevTools.

Colorable

Colorable je praktická webová aplikace To vám umožní vytvořit barevnou kombinaci, která je v souladu s pokyny WCAG, a také vaše webové stránky přístupné pro uživatele se zrakovým postižením jako barevná slepota.

Micon

Micon je ikona písma vybraného Microsoft Windows 10 piktogramů. To může být skvělá náhrada za FontAwesome které si myslím, že je již příliš nadměrné.

CSS Reference

Jméno říká všechno. to je CSS Reference pro vyhledání syntaxe CSS. To je také prezentován v příjemném příjemném způsobem, který je skvělá alternativa pro dokumentaci CSS na MDN, pokud si myslíte, že je to příliš nudné.

Místní podle setrvačníku

Tohle je GUI App, který umožňuje nastavení místní webové stránky WordPress v makrech tak snadné. Aplikace je zabalená s velkými nástroji pro vývojáře, například; “Jeden klik” WordPress instalace, SSH přístup, snadné nastavení SSL, modrotisk stránek a XIP.io. Aplikace byla cena kolem 149USD, ale je Od té doby získal zdarma od té doby, co získal Flywheel.

FreeCodeCamp

Je to zdroj zdarma naučit kód pro web. Mezi předměty patří HTML, CSS, JavaScript a několik knihoven jako ReactJS a D3. Poskytuje nebo příklady projektů během výuky, stejně jako tutoriály vám pomůže lépe porozumět tématu.

Písmo OverPass

Písmo OverPass je rodina písma skládající se z osm závaží (200-900), pravá kurzíva a písmo typu monospace. Písmo lze načíst jako webové písmo z KeyCDN, stejně jako nainstalován pro Desktop. Je to svobodný a otevřený zdroj.

Form Base

Forma báze je a soubor pravidel stylu CSS které resetují prvky formuláře, které obsahují vstup, zaškrtávací políčko, vybrat, a textarea se základními, ale krásnými styly. Tato knihovna CSS je dobrá ve spojení s jiným “CSS resetter” jako Normalize.css.

FrontEnd

je to rám, který se používá k vytvoření 24ways.org; skvělý zdroj které se můžete podívat naučit pokročilé techniky CSS.

Vítězství

ReactJS je na vzestupu as tím přichází velké množství rozšíření, které ji podporují. Vítězství je Součást ReactJS přidat intercative a grafy nebo vizualizaci dat.

Peklo

Peklo je JavaScript knihovna vytvořit webové rozhraní na mobilních zařízeních. to je inspirovaný ReactJS proto zdědí podobné konvence syntaxe. Rozdíl je však v tom, že Inferno je s výkonem v mysli který to dělá mnohem menší a také dává rychlejší vykreslování.

Předtucha

Permonish je knihovna, která je schopna předvídat další interakci uživatelů. To vám umožní připravit uživatelské rozhraní (UI) dokonaleji před interakcí skutečného uživatele s vašimi webovými stránkami.

SPA Starter Kit

Toto je příklad SPA (Single Page Application) vytvořeného s Laravelem a VueJS. Ještě je Další skvělý zdroj pro vývoj webových aplikací pomocí rámců - podívejte se na zdroj Luke!

Dokumentovat

Dokument je Knihovna JavaScriptu pro tvorbu dokumentace na jedné stránce. Je napájen pomocí VueJS a dodáván s řadou nástrojů Node, které vám umožní a rychle spusťte dokumentaci.