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ší zdrojeKlepně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.