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

Tato série má za sebou dlouhou cestu, kterou jsme byli svědky Nástroje pro vývoj webu přicházejí a odcházejí; jednou se lesknou, o několik měsíců později jsou zastaralé s dalšími nejnovějšími nástroji. Nicméně máme na seznamu několik nových nástrojů, které naši vývojáři mohou tento měsíc prozkoumat a které zahrnují Knihovny JavaScriptu, plugin Sketch pro citlivý design uživatelského rozhraní, a několik CSS frameworků.

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.

iTyped

JavaScript Knihovna, která vám umožní prezentovat psaní na stroji efektu seznamu textu; jakýsi efekt, který jste v poslední době viděli na webu. Tato knihovna JavaScriptu je snadno implementovat s několika možností přizpůsobit efekt. Tuto knihovnu můžete nainstalovat přes NPM nebo ji nahrát přes CDN na adrese https://unpkg.com/[email protected].

Opera Neon

Opera byla první, kdo zavedl prohlížeč založený na kartách a od té doby máme prohlíľeče s tzv. tabulátory a krátkou volbou. Opera nedávno vydala svou novou iniciativu Opera Neon. Nový prohlížeč s čerstvějším rozhraním, například tzv omnibox, režim dělené obrazovky a krásná tapeta výběru. Může Opera Neon znovu změnit prostor prohlížeče? To budeme muset vidět.

At.js

At.js je knihovna JavaScript, která vám umožní přidat smajlíky, zmínit přátele nebo značkování; něco, co jsme viděli na Slacku, Twitteru a na Facebooku. Tento plugin vyžaduje jQuery, což mu umožňuje práce s aplikací Internet Explorer 7 a možná Internet Prozkoumejte 6 také. Fantastický!

Uvolnění

Uvolňuje vytvoření nové verze softwaru v Githubu Efektivnější. Nové vydání je obvykle doprovázeno changelogem a tímto modulem umožňuje naplnit changelog automaticky odvozeno ze zpráv Git commit.

Překrásnější

JavaScript zkrášlovač zajistit, aby náš kód JavaScript byl formátován konzistentním způsobem. Podporuje ES2017 a JSX.

Ayu

Ayu je Téma Sublime Text s čerstvou a moderní přitažlivostí. Dodává se s 2 tóny tmavé a světlé. Ayu znamená krásné v Indonésii, a tak říkat; to dělá Sublime Text UI krásnější.

JSON Splora

A lehká aplikace pro editaci a vizualizaci dat JSON. Aplikace kompatibilní se systémy Windows, Linux a MacOS.

Zvětšení

JavaScript pro přiblížení obrázku ladně. Optimalizováno pro mobilní zařízení, funguje pěkně na obrazovce hi-def a je snadno nastavitelné.

Ramme

Ramme je Instagram desktopový klient. Ačkoli to je neoficiální, ale možná se můžete naučit pár nové věci ze zdrojového kódu.

Změnit uživatelské jméno

WordPress plugin, který jednou aktivován, přidává a “změna” odkaz vedle vstupu uživatelského jména a umožňuje změnit uživatelské jméno.

NodeifyWP

NodeifyWP je zcela unikátní WordPress plugin. To vám umožní používat WordPress jako obvykle výstup pomocí modulu Node.js. Tento plugin jsem ještě nezkusil na žádném projektu. Ale prezentace, kterou jsem viděl v aplikaci WordCamp Denpasar 2016, tento plugin vypadá velmi slibně modernizovat vývoj WordPressu.

ColorMe

ColorMe je na rozdíl od jiných aplikací generátorů barev, které jsem viděl dříve. Kromě generování barevných kódů, aplikace také dává ovládání nastavení jasu barev, odstínu, odstínu, sytosti, kontrastu atd.

Balíčky WP-CLI

A sběr rozšíření WP-CLI , který přidává další příkazové řádky a parametry pro provádění dalších úkolů, například pro nasazení WordPressu na vzdálený server, migrace stránek WordPressu, splachování cache, a mnohem více.

Přizpůsobit Tvůrce stránek

WordPress plugin, který vám umožní vytvořit nelineární obsah pomocí rozhraní přetažení. Plugin je rozšiřitelný pro novou komponentu, která přidává jedinečný typ obsahu. Poskytuje WP-API také pro správu těchto obsahů. Tailor Page Builder je zdaleka nejlepší plugin v této kategorii.

XVG

XVG je rozšíření Chrome, které zobrazuje grafické obrysy a kotvy SVG které vám mohou pomoci snadno ladit objekty SVG.

RibbonJS

RibbonJS je JavaScript knihovna, která vám umožní vytvářet dekorativní stuhy na svých webových stránkách, jak vidíte na následujícím obrázku. Je to jen 1kb ve velikosti, a snadno přizpůsobitelné.

Automatické rozvržení

Automatické rozložení je Náčrt plugin, který poskytuje řadu přednastavených velikostí obrazovky pro testování vašeho uživatelského rozhraní. Takže si můžete ujistit, že design vypadá stejně dobře, zda je zobrazen na iPhone 5, iPhone 6, atd. Plugin také umožňuje definovat vlastní velikosti v případě, že není k dispozici v přednastavení. Podívejte se, jak tento plugin funguje v tomto videu.

Funkce

Funcssion je a kolekce CSS tříd následuje princip Pure Function. Každá třída CSS definuje jeden účel stylingu. Tento CSS rámec je v současné době nedokončenou prací s více funkcemi reagující mřížka, tlačítka atd.

Webslides

Lehký a snadno použitelný rámec pro tvorbu prezentačních snímků pomocí HTML a CSS. Webslides v současné době nabízí několik pěkných snímků šablony, kde můžete okamžitě zahájit prezentaci.

Odolný web design

Resilient Web Design je online kniha. Tato kniha není nic technického, místo toho pokrývá historie, principy a vynálezy, které formují web jak v dnešním světě víme. Myslím, že je to skvělé čtení na víkend.