Nové zdroje pro webové designéry a vývojáře (únor 2017)

Série Fresh Resouces for Web Developers má běžet asi 4 roky, a udržování této série mi velmi dalo vhled o tom, jak web postupoval v průběhu let. Existují nové nástroje přicházející každý měsíc usnadnit vývoj webu.

V této splátce jsme shromáždili řadu nových nástrojů, které zahrnují JavaScript knihovny, pár knihoven CSS a reference zlepšit své dovednosti. Podívejme se na ně.

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.

Titulek

JavaScript je převzetí desktopové aplikace pro přenositelnost na jiné platformě, stejně jako pracovat stejně dobře jako nativní aplikace. Tato aplikace, Titulek, například postavený na vrcholu Electron. Jedná se o jednoduchou aplikaci, která umožňuje vyhledávat soubory titulků (.srt) pro připojení k videu, které sledujete.

Úžasný OSX příkazový řádek

An enormní seznam užitečných a praktických příkazových řádků pro makra. Zde můžete najít spoustu věcí, které by mohly být provedeny prostřednictvím CLI jako “vymazání tiskové fronty”, “skrýt složku ve Finderu”, a “prevence spánku systému”.

Trevor

Trevor je prostě Travis CI hotovo offline. Travis je služba Continuous Integration vývojáři testují svůj software zjistit, zda software funguje správně ve více prostředích. Trevor je stále v rané fázi; v současné době podporuje pouze “NodeJS”.

Postupně

Pěkný JavaScript pro postupné načítání obrázku, proto jméno. Malý obrázek bude podán a rozmazaný, zatímco prohlížeč načítá celý obraz. Tento pomáhá rychleji načítat vaše webové stránky zejména pokud obsahuje velké obrázky.

QartJS

To je JavaScript, který dělá QR kód méně nudným. Tímto způsobem můžete kód QR překrýt přes obrázek - například fotografii.

WP Docker

WP Docker je a Docker prostředí určené speciálně pro rozvoj WordPress. Prostředí je samostatné a neovlivní váš počítačový systém v případě, že jste provedli konfiguraci. Je to skvělá alternativa k Vagrant, Valet, Local a MAMP.

Rellax

Rellax je knihovna jazyka JavaScript vytvořit efekt Parallax na stránce scroll. Dodává se s několika možnostmi a poměrně snadno konfigurovat. Je lehký, běží super rychle a nevyžaduje žádnou závislost jako jQuery proto je to skvělá alternativa k jiným knihovnám v této kategorii, jako je Parallax.js nebo Scrollax.js.

Artikulovat

Ještě jedna skvělá JavaScript knihovna. Artikulovat přináší syntetické hlas na vaše webové stránky. to je schopen analyzovat a číst vaše webové stránky, případně může zlepšit přístupnost vašich stránek pro uživatele se zhoršenou viditelností.

MonetizeJS

MonetizeJS je knihovna jazyka JavaScript snadno implementovat Stripe; stejně snadné jako používání jQuery.

Vonic

Vonic je kolekce uživatelského rozhraní pro mobilní postavený pomocí Vue.js a Ionic CSS. Obsahuje mnoho komponent uživatelského rozhraní, které se běžně nacházejí v mobilním telefonu včetně mobilního telefonu Zaškrtávací políčko, vyhledávací formulář, swiper a tzv. Akordeon. Můžete použít k vytvoření aplikace pro mobilní aplikace prototyp přímo v prohlížeči.

Knihovna komponent WordPress

10up, jeden z prominentních jmen ve WordPressu, vydal UI knihovnu navrženou speciálně pro WordPress. Na rozdíl od jiných UI knihoven, které poskytují pouze CSS a HTML kódy, 10Up také poskytuje fragment kódu PHP, který můžete jednoduše vložit do svého motivu. Komponenta obsahuje Navigace, záložky, popisky, příkazy a Blogrol.

Výkon při spuštění JavaScriptu

Vynikající a podrobné články z Addy Osmani, jeden z inženýrů Google, jak psát JavaScript, který běží super rychle. Doporučuji vám, abyste si to přečetli o úroveň výš vaše dovednosti JavaScriptu.

KuteJS

Kute je a JavaScript knihovna provádět animace. Je to rychlé a super efektivní využití paměti. Má rozšíření a další nástroje, které umožňují aplikovat animaci v CSS, SVG a dokonce i jQuery plugin pro pohodlnější syntaxi.

Skály PWA

Progressive Web Application (PWA) je metodika umožňuje webové stránce běžet rychle a použitelně offline. Tento PWA Rocks seznam jeden, který byl schválen společností Google jako PWA. Na více informací o společnosti PWA od společnosti Google podívejte se na: Progressive Web Apps.

Github Auto-updater

Github Auto-Updater je Knihovna skladatelů, která umožňuje aktualizaci pluginu z Githubu. Jedná se o praktický skript pro vývojáře, kteří mají udržovat pluginy pro své klienty bez nutně nahrávat do repozitáře Github.

Karta

Karta je knihovna JavaScriptu což činí vstup kreditní karty více poutavým a zlepšuje váš uživatelský komfort při zadávání čísel kreditních karet. To funguje dobře s jQuery, React, Angular a Ember.

Graaf

Graaf Poskytněte překrytí stránky, abyste viděli, jak je rozložena mřížka - sloupec, řádek, okap. Můžete také generovat vlastní specifikace sítě pomocí poskytnutého API.

Luxbar

Luxbar je CSS framework pro snadné vytvoření citlivé navigace; jednoduše přidejte šablonu stylů a správně přidejte HTML. Knihovnu můžete nainstalovat prostřednictvím NPM, Bower nebo odkaz styly přímo z CDN.

Kontrastní mřížka

Seznam tabulka zobrazuje barevný kontrast a stupeň jejich dostupnosti na základě WCAG 2.0. Hodnotu v tabulce můžete změnit a rychle zjistit, zda kombinace barev odpovídá standardu WCAG.

ToneJS

ToneJS je knihovna jazyka JavaScript vytvořte tón nebo zvuk, který může mít rád hudební nástroj. Myslím, že tato knihovna se hodí pro stavbu webového emulátoru hudebních nástrojů nebo zvukové efekty hry.