Friska resurser för webbdesigners och utvecklare (december 2015)

Webutvecklingsscenen har utvecklats med ljusets hastighet i år. CSS3 har antagits väl och vi är mindre beroende av polyfill eftersom de senaste webbläsarna är riktigt bra för att stödja den senaste webbstandarden. Microsoft Edge introducerades, Google släppte två öppna källor till webben: Material Design Lite och Polymer 2.0.

Så låt oss sätta upp året med några praktiska verktyg för andra webbutvecklare. Vi har ett par JavaScript-bibliotek samt verktyg för att arbeta mer effektivt med jQuery. För att hitta mer, kolla in hela resurserna för webbutvecklare serien.

Klicka för mer resurser

Hitta hela vår samling av rekommenderade resurser och de bästa webbdesign och utvecklingsverktygen som finns tillgängliga.

Notie.js

Notie.js är en snyggare JavaScript-varning, meddelande och dialogruta. I stället för att använda varna() funktion som visar en tråkig och något upprörande varningslåda, kan du ersätta den med notie () funktionen från biblioteket för att visa en stil-alert. Matcha varningssignalen med den övergripande utformningen av din webbplats enkelt med Notie.js.

Github Corner

Det är först nyligen jag insåg att Github-hörnet, som vi vanligtvis ser på hemsidan för ett open-source-projekt, är redan 7 år gammal. Tid för ansiktslyftning. Github Corner är ett initiativ för ett mer modernt och friskt utseende för Githubbandet. Det använder SVG istället bitmap-grafik som gör att den kan förbli skarp i högupplösta skärmar.

Söt (Slack) Teman

Slack har blivit en av de mest populära chattprogrammen i små företag, nystarter och med utvecklare. Jämför med andra appar som Skype och Google Hangouts, kan Slack anpassas på flera sätt, inklusive temat - utseende och nyans av appgränssnittet. Här är en samling färdiga Slack-teman .

jQuery Config

jQuery är modulär, vilket innebär att vi kan ta bort oönskade moduler ur den så storleken är lättare. Vår tidigare handledning, hur man tar bort onödiga moduler i jQuery, visar hur man gör det med Homebrew, NPM, men det görs via Terminal. Om du inte vill använda det sättet kan du tillgripa användningen jQuery Config. Det gör detsamma med bara några klick.

SummerNote

SummerNote är ett JavaScript-bibliotek för att skapa en WYSIWYG-editor. SummerNote är utvecklat utöver framstående källkodsprojekt: jQuery, Bootstrap och Font Awesome. Att distribuera SummerNote är lika enkelt som att distribuera något annat JQuery-bibliotek, och det är det perfekta alternativbiblioteket till TinyMCE, speciellt om din web använder Bootstrap som grund också.

BackstopJS

BackstopJS är ett utmärkt verktyg för att testa webbplatsens responsivitet vilket är en tråkig process. I ett nötskal gör det här biblioteket uppgiften att testa en webbplats på flera skärmstorlekar mycket mer sömlös genom automatisering. Verktyget kommer att fånga skärmdumpar på webbplatsen och ange vilken sida som passerar och misslyckas med testet baserat på angivna parametrar och skärmstorlekar. Det är som ett Unit Test-verktyg för att distribuera mottaglig webbplats.

SuitCSS

SuitCSS är en boilerplate, som består av en egen CSS-förprocessor som stöder CSSs framtida syntax som Custom Property och Custom Media Query, en handfull verktygsklasser baserade på BEM-metoden för att anpassa, storlek och positionselement och många CSS-moduler att komma igång med att utveckla en välbyggd webbplats.

Binda

Binda är en inbyggd OS X app som låter dig skapa webbgränssnitt och layouter med hjälp av GridStyleSheet, en layoutalgoritm som utvecklats av TheGrid. GSS låter dig layouta webbplatser effektivt. Till exempel, i motsats till CSS, tillåter GSS vertikal anpassning av dess elementbehållare med en enda kodlinje.

AntiModerate

AntiModerate är ett JavaScript-bibliotek som laddar bilder mer smart. Med det här biblioteket, även under långsamma Internetanslutningar, kan du ladda en mindre bild först medan den större bilden fortfarande laddas i bakgrunden. När den är fullt laddad tar den större bilden i centrum. Denna teknik kan utgöra en snabbare lasthastighet för dina webbsidor.

jQuery Tips du borde veta

Kall titel och ännu kallare innehåll, det här är en samling av jQuery-tips som vi borde veta (hälften av dem jag önskar att jag hade känt mycket, mycket tidigare). Helt värt att kolla in.