Friske ressurser for webdesignere og utviklere (mai 2016)

Det er på tide for oss å dele en annen fantastisk liste over ressurser til våre andre webutviklere. Sist gang vi presenterte en rekke referanser, apps og noen få JavaScript-biblioteker.

Med tanke på at det er mange JavaScript-biblioteker som vi ennå ikke har dekket i denne serien, vil denne avgiften inneholde flere jQuery-plugins og et par referanser for å forbedre våre ferdigheter som webutviklere. La oss sjekke dem ut.

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

jQueryMy

jQueryMy er en jQuery-plugin for å håndtere sanntidsbinding. Den er kompatibel med innfødte nettleserkontroller eller -innganger, samt et UI-bibliotek som jQuery UI ut av boksen. Den er utstyrt med validering, betinget formatering og kompleks avhengighetsadministrasjon som synes å gjøre det til en god - likevel lettere - alternativ til et MV * rammeverk som Backbone.js, Ember.js og Vue.js

Hode

Vanligvis er hode tag inneholder tittel tag, den link tag som peker på et stilark, og manus tag for å laste inn en JavaScript-fil. Dette depotet viser det Det er mye mer som vi kan inkludere innenfor hode stikkord. Listen inneholder generelle koblinger og metakoder til en bestemt bestemt plattform.

SmoothState

Utvikle en jevn sideovergang kan være en virkelig smertefull. Vi må tenke på å håndtere nettleserstøtte for History APIs, caching, forhåndsinnlasting, samt animasjonen for å sikre at den fungerer så jevn og rask. SmoothState leveres med alle disse i en pakke, slik at vi kan få opplevelsen oppe på mindre tid.

SketchRunner

Kort sagt, SketchRunner ligner OS X Spotlight, Alfred eller SublimeText Command Palette. Det er en Sketch forlengelse som gir et enkelt søkegrensesnitt å gjøre flere oppgaver som normalt gjøres i appemenyen. Den strømlinjeformes for å hjelpe deg å bli mer produktiv.

Vedlikeholdelig CSS

Vedlikeholdelig CSS er en online bok bestående av mange års erfaring, raffinerte teknikker å komponere stjernen CSS som kan vedlikeholdes i det lange løp gjennom generasjoner.

Flexboks mønstre

Dette er en samling av snippets og drop-in HTML og CSS å bygge grensesnitt, for eksempel topptekst, bunntekst, menynavigering, ved hjelp av CSS Flexbox. Hvis du finner Flexbox vanskelig å forstå, er dette en god kilde til inspirasjon for å endelig lære Flexbox.

Lavalamp

Uendelig Scroll er et populært grensesnitt på nettet der det er trekker nytt innhold når vi når bunnen av siden. Lavalamp er et JavaScript-bibliotek, kalt for å erstatte Infinite Scroll. Sjekk ut demoen.

Glio

Et JavaScript som oppdager musepekeren når det er om å forlate visningsporten som sannsynligvis indikerer at brukeren skal slutte. Når det gjør det, kan du bruke det til utløs en funksjon for å vise en abonnementsskjema eller a enkel popup-melding for å øke konverteringsfrekvensen.

Coleure

En annen fargeplukker med et kjølig brukergrensesnitt. Du kan dra og slippe farger for å lage din egen fargepalett, noe som gjør dette til en mer visuell og organisert tilnærming til å bygge opp et fargeskjema. Registrer deg for å opprette en konto for å lagre samlingene dine.

CSSX

CSSX er et verktøy som lar deg skrive CSS i JavaScript. Ingenting er endret skjønt; Det er samme innfødte CSS-syntaks innpakket i en JavaScript-funksjon. Jeg har ærlig nok ikke funnet ut hvordan jeg kunne utnytte CSSX i noen av mine prosjekter, men det ser kult ut og er definitivt verdt å nevne.