Čerstvé zdroje pre web dizajnérov a vývojárov (október 2018)

Na rozdiel od iných odvetví vývoj webových aplikácií sa mení skokom a hranicami. Existujú nové nástroje, metódy a rámce, ktoré sa vyvíjajú takmer každý deň, aby sa postarali novšie trendy a technologický pokrok vo webovom priemysle.

Takže tu je zoznam najnovších nástrojov a zdrojov, vrátane rámca PHP pre ľahké vykonávanie Testovanie E2E pre vašu aplikáciu PHP, nástroj na generovanie farieb v súlade s normami prístupnosti W3C a niekoľko rozšírení Vue.js. Poďme sa pozrieť na celý zoznam.

Aplikácie kľúčových snímok

Webová aplikácia poskytovanie pekného grafického rozhrania na vytvorenie animácie CSS a vizualizovať animáciu s časovou osou. Aplikácia tiež umožňuje stiahnuť si výstup CSS, akonáhle ste spokojní. CSS kľúčové snímky nie sú najjednoduchšie v službe CSS, takže mať takúto aplikáciu určite časovač.

Symfony Panther

“Symfony Panther” je úžasný rámec PHP od spoločnosti Symfony na vykonanie testu E2E (end-to-end). Dodáva sa s jeho vstavaný webový server a mohli by používať prehliadač Chrome nainštalovaný vo vašom počítači na vykonanie testu E2E.

Navyše to podporuje JavaScript popravy, snímanie obrazovky, vlastný ovládač Selenium, Chrome a Firefox. Ako samostatný rámec môžete zaradiť program Panther do všetkých projektov PHP, ako napríklad WordPress, Joomla, atď..

TrendyPalettes

Zbierka krásnych farebných palet. Kolekcia ponúka tisíce ručne vybraté farebné palety. Používatelia môžu odoslať novú farebnú paletu, takže vždy existujú nové palety, ktoré sa pridajú kedykoľvek. TrendyPalettes je tiež k dispozícii ako rozšírenie prehliadača Chrome.

Eagle.js

Eagle.js je rámec pre vytvorenie diapozitívov postavených na vrchole Vue.js, takže môžete jednoducho znovu použiť vlastné komponenty Vue.js v rámci snímok. Posúvač tiež podporuje navigáciu pomocou klávesnice a myši, vlastný štýl alebo motiv, interaktívne miniaplikácie a poskytuje kotúčovú tabuľu, ktorá vám pomôže rýchlo nastaviť a prezentovať snímku. Môže to byť skvelé alternatívou k Reveal.js, najmä ak ste už oboznámení s Vue.js.

Grape.js

GrapeJS je open-source web builder, ktorý vám umožňuje jednoducho vytvárať webové stránky ťahanie a spustenie komponentov. Poskytuje niektoré bežné komponenty ako Text, Image, Vidoe, Stĺpce, Mapy, Citácie atď. Môžete ich exportovať do HTML a CSS a výstup je úžasne čistý, na rozdiel od niektorých podobných nástrojov, ktoré som skúsil predtým. Pozrite sa na demo.

mdlý

Vapid je nový CMS postavený s Node.js so zaujímavým a jedinečným prístupom. Väčšina správcov CMS, za predpokladu, že by ste chceli zahrnúť nový typ údajov, budú musieť najprv definovať vlastný vstup v oblasti Dashboard / Admin.

S Vapidom je to pravý opak, ako definujete šablónu a Vapid automaticky generuje vstup v oblasti Dashboard / Admin. Je k dispozícii ako balík NPM.

Oznámenie WP CLI

Meno to hovorí všetko. Je to vlastný balík WP-CLI na zobrazenie upozornení operačného systému pri vykonávaní WP-CLI. Docela fantázie.

CSSGr.id

Webová aplikácia na zostavovanie CSS Grid. Môžete nakonfigurovať počet položiek, stĺpcov, medzeru medzi jednotlivými položkami, ako aj rozloženie jednotlivých položiek a potom vygenerovať kód HTML a CSS. CSS Grid je jednou z tých špecifikácií CSS, ktoré nie sú úplne ľahko pochopiteľné. Tento nástroj však s touto pomôckou veľmi uľahčuje.

Posuňte Tip

ScrollHint je knižnica jazyka JavaScript, ktorá vám umožňuje vytvoriť prvok nad hornou časťou, aby ste ukázali, že časť na vašej webovej stránke je posúvateľná. Toto je obzvlášť užitočné, ak máte na svojej webovej stránke prvok horizontálneho posúvania, pretože väčšina ľudí pri prijímaní webu neprirodzene posúva zľava doprava (alebo naopak).

PristineJS

Knižnica jazyka JavaScript na pridanie overenia na vstup. HTML5 je dodávaný s niektorým typom validácie už s “type = email”, a “Typ = počet” napríklad. Ale ak potrebujete a vlastný validátor, ktorý nie je implementovaný v jazyku HTML5, táto knižnica JavaScript bude prínosom.

SelectionJS

Väčšina ľudí pravdepodobne už vie, ako si vybrať viac priečinkov alebo súborov vo svojom počítači; oni zvyčajne držať ich myši-kliknite a pretiahnite okolo súborov alebo zložiek, ktoré by ste chceli vybrať. Ak chcete na svojom webe použiť rovnaký UX, SelectionJS vám príde vhod.

Webdash

Webdash je nástroj, ktorý dokáže zobrazte svoj projekt do rozhrania GUI. Spája sa cez package.json v počítači. Takže môže zobraziť zoznam Balíky NPM, aktualizácia balíka, registrované skripty, spustenie skriptu, a prezeranie súborov README priamo zo služby Webdash. Docela úžasné!

CanJS

Rámec JavaScript na vytváranie webového rozhrania. Je to podobné ako React.js s niektorými ďalšími funkciami a je dodávaný s router, DOM Utilities a AJAX funkciu priamo z krabice. Má tiež pomerne aktívnu komunitnú podporu, ktorá poskytuje niektoré rozšírenia.

CheerioJS

Knižnica jazyka JavaScript, ktorá implementuje špecifikáciu jQuery Core pre DOM (Document Object Model) a je určená na použitie na strane servera. Ak si pracuje s Node.js a zároveň si užíva jQuery syntax Páči sa mi to addClass (), attr (), a Nájsť(), toto je JavaScript, ktorý hľadáte.

Colorbox

Colorbox je iniciatíva spoločnosti Lyft na vytvorenie farebnej kompozície, ktorá je v súlade s farebným štandardom Accessiblity. Nástroj je napájaný inteligentným algoritmom, ktorý vám umožní jednoducho pohybovať okolo gombíka, zmeniť konfiguráciu, a vytvorí pre vás tie správne farby. Je to úžasné.

Zadané vlastnosti v PHP 7.4

PHP7.3 je hneď za rohom, ako sme už uviedli v predchádzajúcej splátke. Ale PHP7.4 je už v pláne. Jeden z plánov je typovaný majetok. To znamená, že budete čoskoro schopní napíšte niečo podobné verejné int $ id; vo vašej triede PHP. Je to obrovská zmena, ktorá by mohla výrazne pomôcť znížiť chyby aplikácie PHP.

šablóna

Kompilátor jazyka JavaScript, ktorý umožňuje jednoduché vytváranie webových komponentov s najnovším štandardom. Okrem toho StencilJS pridáva do mixu aj moderný prístup k vývoju webu Podpora JSX, reaktivita, smerovač a správa štátu pomocou doplnku.

Vue Infinite Nahrávanie

Rozšírenie Vue na vytvorenie nekonečnej stránky pre rolovanie. Je mobilný a priateľský kompatibilný s akýmkoľvek posúvateľným prvkom. Tiež podporuje dva smer posunu a najlepšie zo všetkých to šetrí veľa času.

V Schránka

Vlastné rozšírenie Vue.js, ktoré to robí ľahko vytvoriť “kópie” gombík. Môžete jednoducho pridať a v-schránky atribút tlačidla a všetci ste nastavili. Toto rozšírenie Vue.js pracuje pre každý moderný prehliadač, rovnako ako IE11 a najnovšie.

Vue Select

Komponent Vue.js, ktorý poskytuje podobné funkcie ako Select2. Je určený pre Vue.js, ktoré umožňuje kompatibilný s Vuex, Custom Templating, a veľa iných dobroty Vue.js.