Friss források a webes tervezők és fejlesztők számára (2015. december)

A Webfejlesztési jelenet az idei fénysebességgel halad. A CSS3 jól elfogadott, és kevésbé függünk tőlünk Polyfill mivel a legújabb böngészők nagyon jól támogatják a legújabb webes szabványokat. A Microsoft Edge bevezetése megtörtént, a Google két nyílt forrást bocsátott ki a Web számára: Material Design Lite és Polymer 2.0.

Tehát tegyük le az évet néhány hasznos eszközzel a webes fejlesztőknek. Van néhány JavaScript könyvtárunk, valamint eszközök a hatékonyabb munkához a jQuery-vel. Ha többet szeretne megtudni, nézze meg a webes fejlesztők sorozatának teljes erőforrásait.

Kattintson a További források gombra

Keresse meg az ajánlott erőforrások teljes gyűjteményét és a legjobb webes tervezési és fejlesztési eszközöket.

Notie.js

A Notie.js egy szebb JavaScript figyelmeztetés, értesítés és párbeszédpanel. Ahelyett, hogy a éber() függvény, amely unalmas és enyhén mutat megdöbbentő riasztási mezőbe helyettesítheti azt a notie () funkció a könyvtárból, hogy megjelenítsen egy stílusos riasztást. A Notie.js segítségével könnyen illesztheti a figyelmeztető stílust a webhely általános tervezésével.

Github Corner

Csak nemrég rájöttem, hogy a Github-sarok, amelyet általában egy nyílt forráskódú projekt honlapján látunk, már 7 éves. Idő az arcváltáshoz. Github Corner egy kezdeményezés a Github szalag modernebb és frissebb megjelenésére. Az SVG helyett bitképes grafikát használ, amely lehetővé teszi, hogy éles maradjon a nagy felbontású képernyőkön.

Édes (Slack) témák

A Slack a kisvállalkozások, az induló vállalkozások és a fejlesztők legnépszerűbb csevegési alkalmazásává vált. Hasonlítsa össze más alkalmazásokkal, mint például a Skype és a Google Hangouts, a Slack többféle módon testreszabható, beleértve a témát - az alkalmazás felületének megjelenését és árnyalatait. Itt van a telepítésre kész Slack témák gyűjteménye .

jQuery Config

A jQuery moduláris, ami azt jelenti, hogy eltávolíthatjuk belőle a nem kívánt modulokat, így a méret könnyebb. Korábbi bemutatónk, Hogyan kell eltávolítani a szükségtelen modulokat a jQuery-ben, megmutatja, hogyan kell ezt Homebrew, NPM segítségével elvégezni, de a terminálon keresztül történik. Ha nem akarod ezt használni, használhatod jQuery Config. Ez ugyanaz a kattintással.

SummerNote

SummerNote egy JavaScript könyvtár, amely WYSIWYG szerkesztőt hoz létre. A SummerNote kiemelkedő nyílt forráskódú projekteken alapul: jQuery, Bootstrap és Font Awesome. A SummerNote telepítése ugyanolyan egyszerű, mint bármely más JQuery könyvtár telepítése, és ez a tökéletes alternatív könyvtár a TinyMCE számára, különösen akkor, ha a webalap a Bootstrap-ot is használja alapként..

BackstopJS

A BackstopJS egy nagyszerű eszköz a weboldal reagálásának tesztelésére, ami egy unalmas folyamat. Dióhéjban ez a könyvtár teszi lehetővé, hogy a webhelyet több képernyőméreten tesztelje automatizálással. Az eszköz a webhely képernyőképeit rögzíti, és megjegyzi, hogy melyik oldalt adja át, és a megadott paraméterek és képernyőméretek alapján meghiúsítja a tesztet. Olyan, mint egy egység teszteszköz az érzékeny webhelyek telepítéséhez.

SuitCSS

SuitCSS a CSS előfeldolgozója, amely támogatja a CSS jövőbeni szintaxist, mint az egyéni tulajdonságok és az egyéni média lekérdezések, egy maroknyi hasznos osztály, amely a BEM módszertan alapján igazodik, méret és pozíció elemek, valamint sok CSS modul egy jól megépített weboldal kifejlesztésével.

köt

köt egy natív OS X alkalmazás, amely lehetővé teszi a webes interfészek és elrendezések építését a TheGrid által kifejlesztett GridStyleSheet segítségével. A GSS lehetővé teszi a webhelyek hatékony elrendezését. Például a CSS-szel ellentétben a GSS lehetővé teszi elemtartályainak függőleges igazítását egyetlen kódsorral.

AntiModerate

AntiModerate a JavaScript könyvtár, amely okosabban betölti a képeket. Ezzel a könyvtárral még lassú internetkapcsolatok alatt is először kisebb méretű képet tölthet be, míg a nagyobb kép még mindig betöltődik a háttérben. A teljes betöltés után a nagyobb kép középpontjában áll. Ez a technika gyorsabb betöltési sebességet jelenthet a weboldalak számára.

jQuery tippek, amelyeket tudnod kell

Hűvös cím és még hűvösebb tartalom, ez egy olyan jQuery tippek gyűjteménye, amelyeket tudnunk kell (a fele szeretném, ha sokkal jobban ismertem, sokkal korábban). Teljesen érdemes megnézni.