Čerstvé zdroje pre návrhárov webových stránok a vývojárov (December 2015)

Webová scéna sa v tomto roku postupuje rýchlosťou svetla. CSS3 bol dobre prijatý a my sme menej závislí na polyfill pretože najnovšie prehliadače sú naozaj dobré pri podpore najnovšieho webového štandardu. Microsoft Edge bol predstavený, spoločnosť Google vydala dva otvorené zdroje pre web: Material Design Lite a Polymer 2.0.

Takže skončme rok s niekoľkými praktickými nástrojmi pre ostatných webových vývojárov. Máme niekoľko knižníc jazyka JavaScript, ako aj nástroje na efektívnejšiu prácu s jQuery. Ak chcete zistiť viac, pozrite sa na plné zdroje pre servery webových vývojárov.

Kliknite na položku Ďalšie zdroje

Nájdite našu celú zbierku odporúčaných zdrojov a najlepšie dostupné nástroje na návrh a vývoj webových aplikácií.

Notie.js

Notie.js je lepšie upozornenie JavaScript, upozornenie a dialógové okno. Namiesto použitia alert () funkciu, ktorá ukazuje nudné a mierne škandalózne môžete ho nahradiť Notio () funkciu z knižnice, aby sa zobrazila upozornenie na štýl. Vhodte štýl upozornenia s celkovým dizajnom vášho webu jednoducho pomocou aplikácie Notie.js.

Github Corner

Iba nedávno som si uvedomil, že Githubov kútik, ktorý zvyčajne vidíme na domovskej stránke projektu s otvoreným zdrojom, je už 7 rokov. Čas na facelift. Github Corner je iniciatíva pre modernejší a čerstvý vzhľad pásky Github. Používa SVG bitmapovú grafiku, ktorá umožňuje zostať ostrý na obrazovkách s vysokým rozlíšením.

Sladké (mäkké) motívy

Slack sa stala najpopulárnejšou aplikáciou rozhovoru pre malé firmy, začínajúce podniky a vývojárov. V porovnaní s inými aplikáciami, ako je Skype a Google Hangouts, je Slack prispôsobiteľný viacerými spôsobmi vrátane jeho témy - vzhľadu a odtieňu rozhrania aplikácie. Tu je zbierka pripravených na inštaláciu Slack tém .

jQuery Config

jQuery je modulárny, čo znamená, že z nej môžeme odstrániť nežiaduce moduly, takže veľkosť je oveľa ľahšia. Náš predchádzajúci tutoriál, ako odstrániť zbytočné moduly v jQuery, ukazuje, ako to urobiť s Homebrewom, NPM, ale robí sa cez terminál. Ak nechcete používať tento spôsob, môžete využiť používanie jQuery Config. Robí to isté s jednoduchými kliknutiami.

SummerNote

SummerNote je knižnica JavaScript na vytvorenie editora WYSIWYG. Program SummerNote je vyvinutý na popredných projektoch s otvoreným zdrojovým kódom: jQuery, Bootstrap a Font Awesome. Rozmiestnenie aplikácie SummerNote je rovnako jednoduché ako nasadenie ľubovoľnej inej knižnice JQuery a ide o dokonalú alternatívnu knižnicu pre TinyMCE, najmä ak váš web používa Bootstrap ako svoju základňu.

BackstopJS

BackstopJS je skvelý nástroj na testovanie reakcie na webové stránky, čo je zdĺhavý proces. Stručne povedané, táto knižnica robí úlohu testovania stránky na viacerých veľkostiach obrazovky omnoho viac bezproblémovou automatizáciou. Nástroj nasníma obrazovky obrazovky webovej stránky a uvedie, ktorá stránka prechádza a zlyhá test na základe zadaných parametrov a veľkostí obrazovky. Je to ako testovací nástroj jednotky pre nasadenie citlivej webovej stránky.

SuitCSS

SuitCSS je boilerplate, ktorý sa skladá z vlastného predprocesora CSS, ktorý podporuje budúcu syntax CSS, ako Custom Property a Custom Media Query, niekoľko tried nástrojov založených na metodike BEM na zosúladenie, veľkosť a umiestnenie prvkov a mnoho CSS modulov začať s vývojom dobre vybudovanej webovej stránky.

bind

bind je natívna aplikácia OS X, ktorá vám umožňuje vytvárať webové rozhrania a rozloženia pomocou GridStyleSheet, algoritmu usporiadania vyvinutého spoločnosťou TheGrid. Služba GSS vám umožňuje efektívne rozložiť webové stránky. Napríklad, na rozdiel od CSS, GSS umožňuje vertikálne vyrovnanie kontajnerov prvkov s jedným riadkom kódu.

AntiModerate

AntiModerate je knižnica JavaScript, ktorá načíta obrázky šikovnejšie. S touto knižnicou môžete dokonca aj pri pomalých pripojeniach k internetu načítať obrázok s menšou veľkosťou, zatiaľ čo väčší obrázok sa stále načíta na pozadí. Po úplnom načítaní sa zväčšený obrázok stane stredovým bodom. Táto technika by mohla predstavovať rýchlejšiu rýchlosť načítania vašich webových stránok.

jQuery tipy, ktoré by ste mali vedieť

Skvelý názov a ešte chladnejší obsah, je to kolekcia tipov jQuery, ktoré by sme mali vedieť (polovica z nich si prajem, aby som vedel oveľa, oveľa skôr). Úplne stojí za kontrolu.