Friska resurser för webbdesigners och utvecklare (maj 2016)

Det är dags för oss att dela en annan fantastisk lista över resurser till våra medarbetare. Förra gången vi presenterade ett antal referenser, appar och några JavaScript-bibliotek.

Med tanke på att det finns många JavaScript-bibliotek som vi ännu inte har täckt i den här serien, kommer den här avgiften att innehålla fler jQuery-plugins och ett par referenser för att förbättra våra färdigheter som webbutvecklare. Låt oss kolla in dem.

Klicka för mer resurser

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

jQueryMy

jQueryMy är en jQuery-plugin för hantering av realtidsbindning. Den är kompatibel med inbyggda webbläsare kontroller eller ingångar samt ett UI-bibliotek som jQuery UI ur lådan. Den är utrustad med validering, villkorlig formatering och komplex avhängighetshantering som verkar göra den till en bra men ändå lättare - alternativ till en MV * ram som Backbone.js, Ember.js och Vue.js

Huvud

Typiskt huvud taggen innehåller titel taggen, länk tagg som pekar på ett stilark, och manus tagg för att ladda en JavaScript-fil. Detta förråd visar det det finns mycket mer som vi kan inkludera inom huvud märka. Listan innehåller allmänna länk och metakoder till en viss särskild plattform.

SmoothState

Utveckla en jämn sidövergång kan vara en verklig smärtsam. Vi måste tänka på att hantera webbläsarstöd för historik API, cachning, pre-loading, samt animeringen för att säkerställa att det fungerar så smidigt och snabbt. SmoothState kommer med alla dessa i ett paket, så att vi kan få upplevelsen igång på kortare tid.

SketchRunner

Kort sagt, SketchRunner liknar OS X Spotlight, Alfred eller SublimeText Command Palette. Det är en skissförlängning som ger ett enkelt sökgränssnitt att göra flera uppgifter som normalt görs i appmenyn. Det effektiviseras för att hjälpa dig att vara mer produktiv.

Hållbar CSS

Underhålla CSS är en online bok som omfattar många års erfarenhet, raffinerade tekniker att komponera stellar CSS som kan upprätthållas på lång sikt under generationerna.

Flexbox Patterns

Detta är en samling av snippets och drop-in HTML och CSS för att skapa gränssnitt, till exempel sidhuvud, sidfot, menynavigering, med CSS Flexbox. Om du hittar Flexbox svårt att förstå är det här en bra inspirationskälla för att äntligen lära dig Flexbox.

Lavalampa

Infinite Scroll är ett populärt gränssnitt på webben där det är drar nytt innehåll när vi når botten på sidan. Lavalamp är ett JavaScript-bibliotek, dubbat för att ersätta Infinite Scroll. Kolla in demoen.

Glio

En JavaScript som upptäcker muspekaren när det är på väg att lämna visningsporten vilket sannolikt indikerar att användaren kommer att sluta. När det gör kan du använda det till Utlös en funktion för att visa en prenumerationsformulär eller a enkelt popup-meddelande för att öka din konverteringsfrekvens.

Coleure

Annan färgplockare med ett coolt användargränssnitt. Du kan dra och släppa färger för att skapa en egen färgpalett, vilket gör detta till ett mer visuellt och organiserat sätt att bygga upp ett färgschema. Registrera dig för att skapa ett konto för att spara dina samlingar.

CSSX

CSSX är ett verktyg som kan du skriva CSS i JavaScript. Inget ändras dock; Det är samma infödda CSS-syntax som är inslaget i en JavaScript-funktion. Jag har ärligt talat inte om hur jag kunde utnyttja CSSX i något av mina projekt, men det ser cool ut och är definitivt värt att nämna.