Friske ressourcer til webdesignere og udviklere (maj 2016)

Det er på tide for os at dele en anden fantastisk liste over ressourcer til vores medfølgende webudviklere. Sidste gang vi fremhævede en række referencer, apps og et par JavaScript-biblioteker.

I betragtning af at der er mange JavaScript-biblioteker, som vi endnu ikke har dækket i denne serie, vil denne aflevering indeholde flere jQuery-plugins og et par referencer til at forbedre vores færdigheder som webudviklere. Lad os tjekke dem ud.

Klik for flere ressourcer

Find vores samlede samling af anbefalede ressourcer og de bedste webdesign og udviklingsværktøjer til rådighed.

jQueryMy

jQueryMy er en jQuery-plugin til håndtering af data i realtid. Det er kompatibelt med native browser kontroller eller input samt et UI bibliotek som jQuery UI ud af boksen. Det er udstyret med validering, betinget formatering og kompleks afhængighed ledelse, som synes at gøre det til en stor - dog lysere - alternativ til en MV * ramme som Backbone.js, Ember.js og Vue.js

Hoved

Typisk er hoved tag indeholder titel tag, den link tag peger på et stylesheet, og manuskript tag for at indlæse en JavaScript-fil. Dette depot viser det der er meget mere, som vi kan medtage inden for hoved tag. Listen indeholder generelle link og metatags til en bestemt bestemt platform.

SmoothState

Udvikling af en glat sideovergang kunne være en reel smertefuld Vi skal tænke på at håndtere browsersupport til historik-API'erne, caching, forudindlæsning og animationen for at sikre, at det fungerer så glat og hurtigt.. SmoothState kommer med alle disse i en pakke, så vi får oplevelsen op og køre på kortere tid.

SketchRunner

Kort sagt, SketchRunner ligner OS X Spotlight, Alfred eller SublimeText Command Palette. Det er en Sketch-udvidelse, der giver en enkel søgning grænseflade at udføre flere opgaver, der normalt udføres i app-menuen. Det strømlines for at hjælpe dig med at være mere produktiv.

Vedligeholdelig CSS

Vedligeholdelig CSS er en online bog bestående af mange års erfaring, raffinerede teknikker at komponere stjernernes CSS, der kan opretholdes i det lange løb gennem generationer.

Flexbox Patterns

Dette er en samling af uddrag og drop-in HTML og CSS til at opbygge interface, f.eks. header, footer, menu navigation, ved hjælp af CSS Flexbox. Hvis du finder ud af at bruge Flexbox svært at forstå, er det en stor inspirationskilde til endelig at lære Flexbox.

Lavalamp

Uendelig Scroll er en populær grænseflade på internettet hvor den er trækker nyt indhold, når vi når bunden af siden. Lavalamp er et JavaScript-bibliotek, der er dublet for at erstatte Infinite Scroll. Tjek demoen.

Glio

En JavaScript der detekterer musemarkøren når det er om at forlade visningsporten hvilket sandsynligvis indikerer at brugeren vil ophøre. Når det gør det, kan du bruge det til udløs en funktion for at vise en abonnementskode eller a simpel popup besked for at øge din konverteringsfrekvens.

Coleure

En anden farvevælger med en cool brugergrænseflade. Du kan trække og slippe farver for at oprette din egen farvepalet, hvilket gør dette til en mere visuel og organiseret tilgang til opbygning af et farveskema. Tilmeld dig for at oprette en konto for at gemme dine samlinger.

CSSX

CSSX er et værktøj, som giver dig mulighed for at skrive CSS i JavaScript. Intet ændres dog; Det er den samme native CSS-syntaks indpakket i en JavaScript-funktion. Jeg har ærligt nog ikke fundet ud af, hvordan jeg kunne udnytte CSSX i nogen af mine projekter, men det ser cool ud og er absolut værd at nævne.