Friske ressurser for webdesignere og utviklere (august 2016)

I denne artikkelen inneholder vi en liste rammeverk og verktøy som er rettet mot webutvikling. Interessant, jeg har funnet noen av disse verktøyene og rammene som kommer fra behemoth-selskaper som Microsoft og Alibaba.

Dette er et godt tegn, ettersom flere bedrifter nå bidrar til åpen kildekode og bidrar til å forme bedre web. La oss ta en titt på hva som er i butikken for denne måneds samling.

Klikk for flere ressurser

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

CuteStrap

Et brukergrensesnitt bygget på toppen av Sass. Den leveres med alle de vanligste nettgrensesnittene som skjemaer, navigasjoner og knapper, som i mange tilfeller skal være tilstrekkelig. Hvis du finner populære rammer som Bootstrap og Foundation overveldende, Cutestrap kan være et godt alternativ for deg.

HTML5 Test

HTML5 Test er et elektronisk verktøy som vil teste hvor langt en nettleser støtter de nyeste HTML5-spesifikasjonene. Det er et praktisk verktøy for de som er involvert i feilsøking og testing av moderne webapplikasjoner.

Nettleserkalorier

Nettleserkalorier er en Chrome-utvidelse som måler en nettsidevekt. Den skanner filene lastet og deres bidrag til den totale vekten på siden. Et flott lite verktøy som hjelper deg med å optimalisere ytelsen til nettstedet ditt.

Weex

Weex er et rammeverk fra Alibaba til å bygge mobile apps med bare HTML, CSS og JavaScript. Den leveres med moduler, grensesnittkomponenter, egen DevTools og CLI som er utviklet mot mobilt miljø og for å øke hastigheten på utviklingen.

Microsoft Web Framework (MWF)

Et rammeverk fra Microsoft, UI-komponentene i MWF er bygget basert på Microsoft Modern design språk: flat, ren og minimalistisk. Dette rammeverket, bortsett fra brukergrensesnittets komponenter, gir også retning på bruk av farger, typografi og animasjon. Jeg tror Material Design Lite har endelig møtt en like konkurrent.

Vital

Vital er et rammeverk med et veldig behagelig minimalt grensesnitt. Den er lett, har ingen JavaScript, og Native Rogue - en syntaxhighighter basert på Ruby.

Fontea

Fontea er en gratis Photoshop-utvidelse som enkelt administrerer og bruker hundrevis av Google Fonts. Du kan søke i fonten fra Inside Photoshop, forhåndsvisning, og bruke fonten rett inn i designet - strømlinjeforme arbeidsflyten din.

Duskregn

Dette er et verktøy som gjør at du kan bygge brukergrensesnitt eller stilguide for nettstedet ditt. Det vil generere ting som farger, grunnleggende stiler eller layout for komponenter, samt kodestykket. En stilguide generator som Duskregn vil tillate deg å holde deg i overensstemmelse med nettstedstiler.

Intercooler

InterCoolerJS er et JavaScript-bibliotek som gjør at du bruker AJAX på nettstedet ditt så enkelt som å legge til HTML-attributter. Den leveres med en omfattende guide og mange eksempler som hjelper deg med å komme i gang med å bruke verktøyet.

Picla

Picla er et jQuery-plugin for å vise bildeetiketter hentet fra bildet alt Egenskap. Det gir noen muligheter for å la deg legge til tilpasset styling og bevegelse til etiketten. Picla kan installeres som ditt nettsted avhengighet med Bower.

IziModal

Her er et jQuery-plugin for å vise modal popups. IziModal har mange alternativer for tilpassing. Du kan for eksempel tilpasse animasjonen, tekstinnholdet, farger. Den er lett, responsiv og retina-klar.

MegaBoilerplate

MegaBoilerplate er en generator for å sette opp en utviklingsstabel raskt. Gå til nettsiden og velg hvilke verktøy og biblioteker (Node.js, HTML5, Vanilla JavaScript og Electron) som du vil bruke som webområdet ditt. Den vil kompilere og konfigurere alt du trenger i en pakket pakke, klar for nedlasting.

Howler

Et JavaScript-bibliotek for å vise moderne lydspiller ved hjelp av Web Audio API, Howler Fungerer i nettlesere like gamle som IE9, og støtter mange lydkodeker som MP3, WEBM, WAV. Massevis av funksjoner, modulære, og fungerer uten eksternt bibliotek.

SuperEmbed

SuperEmbed er et lite JavaScript-bibliotek som gjør embedded objekter responsive, samtidig som de opprettholder det opprinnelige forholdet. Den støtter et bredt spekter av kilder, inkludert Youtube, Flickr, Vine, VideoPress og DailyMotion. Se demonstrasjonen.

CleaveJS

Cleave er JavaScript-bibliotek som automatisk formaterer verdier i inngangen. Det kan for eksempel legge til tusen separator i valutainngang, legge til plass i kredittkortnummerinngang, eller legg til / i datoinngang. Bruk dette biblioteket til å gi bedre brukeropplevelse.

Flipping Typisk

FlippingTypical lar deg se alle skriftene som er installert på systemet ditt. Jeg finner denne appen å være mer praktisk enn å bruke Fontbook app i macOS. Jeg skriver tilfeldig tekst og ser hvilken av skriftene på systemet som ser best ut.

LightTable

En ny IDE som jeg tror er verdt å utforske. Det startet som et KickStarter-prosjekt, støttet av Matt Mullenweg (WordPress grunnlegger), og til slutt gikk åpen kildekode. Du kan se denne videoen for å få en ide om hvor kul denne IDE er.

kompressor

kompressor er en web-app som komprimerer bildefiler ned til den minste størrelsen uten å miste visuell kvalitet. Den støtter også JPG, GIF, PNG og SVG. Denne appen er gratis.

Microsoft Site Scan

Dette er et praktisk verktøy fra Microsoft for å analysere nettstedet ditt for problemer som nettleserens kompatibilitet og tilgjengelighet. Verktøyet vil liste en rapport som forteller deg om noe ikke stemmer med nettstedet ditt, og hvordan du kan fortsette å løse problemet. Gi det et forsøk!

Deaktiver blogging

Dette pluginet, som navnet antyder, fjerner bloggingfunksjoner som Innlegg, Kommentarer og Feeds. Det er riktig plugin for deg hvis du ikke trenger blogging-funksjonen i WordPress.