Friske ressourcer til webdesignere og udviklere (august 2016)

I denne artikel har vi en listerammer og værktøjer, der er rettet mod webudvikling. Interessant nok har jeg fundet nogle af disse værktøjer og rammer, der kommer fra behemoth-virksomheder som Microsoft og Alibaba.

Dette er et godt tegn, da flere virksomheder nu bidrager til open source og hjælper med at forme bedre web. Lad os tage et kig på, hvad der er i butikken for denne måneds samling.

Klik for flere ressourcer

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

CuteStrap

En brugergrænseflade bygget på toppen af Sass. Det leveres med alle de mest almindelige webgrænseflader som formularer, navigationer og knapper, hvilket i mange tilfælde skal være tilstrækkeligt. Hvis du finder populære rammer som Bootstrap og Foundation overvældende, Cutestrap kan være et godt alternativ til dig.

HTML5 Test

HTML5 Test er et online-værktøj, der vil teste, hvor langt en browser understøtter de nyeste HTML5-specifikationer. Det er et praktisk værktøj til dem, der er involveret i debugging og testning af moderne webapplikationer.

Browser Kalorier

Browser Kalorier er en Chrome-udvidelse, der måler en webside vægt. Det scanner de filer, der er indlæst, og deres bidrag til den samlede vægt af siden. Et meget lille værktøj til at hjælpe dig med at optimere dit website præstation.

Weex

Weex er en ramme fra Alibaba til at opbygge mobile apps med kun HTML, CSS og JavaScript. Den leveres med moduler, UI komponenter, egen DevTools og CLI, der er designet til mobil miljø og for at fremskynde udviklingen.

Microsoft Web Framework (MWF)

En ramme fra Microsoft, UI komponenter i MWF er bygget på baggrund af Microsoft Modern designsprog: fladt, rent og minimalistisk. Denne ramme udover UI-komponenterne giver også retning om brugen af farver, typografi og animation. Jeg tror, at Material Design Lite endelig har mødt en lige konkurrence.

Vital

Vital er en ramme med en meget behagelig minimal grænseflade. Det er letvægts, har ingen JavaScript, og indbygget Rogue - en syntakshigger baseret på Ruby.

Fontea

Fontea er en gratis Photoshop-udvidelse til nemt at administrere og anvende hundredvis af Google Fonts. Du kan søge i skrifttypen indefra Photoshop, forhåndsvise og anvende skrifttyperne lige ind i dit design - strømline din arbejdsgang.

støvregn

Dette er et værktøj, der gør det muligt at opbygge brugergrænseflader eller stilguide til dit websted. Det vil generere ting som farverne, de grundlæggende stilarter eller layoutet for komponenter samt kodestykket. En stil guide generator som støvregn vil give dig mulighed for at forblive i overensstemmelse med dine webstedsformater.

intercooler

InterCoolerJS er et JavaScript-bibliotek, der gør anvendelsen af AJAX på din hjemmeside lige så nemt som at tilføje HTML-attributter. Den leveres med en omfattende vejledning og masser af eksempler, der hjælper dig med at komme i gang med at bruge værktøjet.

Picla

Picla er et jQuery-plugin for at vise billedetiketter hentet fra billedet alt attribut. Det giver et par muligheder for at give dig mulighed for at tilføje brugerdefineret styling og bevægelse til etiketten. Picla kan installeres som dit websted afhængighed med Bower.

IziModal

Her er et jQuery-plugin, der skal vises modal pop ups. IziModal har mange muligheder for personliggørelse. Du kan f.eks. Tilpasse animationen, tekstindholdet, farverne. Det er letvægt, lydhør og nethinden klar.

MegaBoilerplate

MegaBoilerplate er en generator til at opsætte en udviklingsstabel hurtigt. Gå til hjemmesiden og vælg hvilke værktøjer og biblioteker (Node.js, HTML5, Vanilla JavaScript og Electron), du vil bruge som din hjemmeside base. Det vil kompilere og konfigurere alle de ting, du har brug for i en pakket pakke, klar til download.

Howler

Et JavaScript-bibliotek til visning af moderne lydafspiller ved hjælp af Web Audio API, Howler fungerer i browsere lige så gamle som IE9, og understøtter mange lyd codecs som MP3, WEBM, WAV. Masser af funktioner, modulære, og fungerer uden eksternt bibliotek.

SuperEmbed

SuperEmbed er et lille JavaScript-bibliotek, der gør embedded objekter lydhøre, samtidig med at det oprindelige forhold opretholdes. Den understøtter en bred vifte af kilder, herunder Youtube, Flickr, Vine, VideoPress og DailyMotion. Se demonstrationen.

CleaveJS

Cleave er JavaScript-bibliotek, der automatisk formaterer værdier i input. Det kan f.eks. Tilføje tusind separator i valutaindtastning, tilføj plads i indtastning af kreditkortnummer eller tilføj / i dato input. Brug dette bibliotek til at give bedre brugeroplevelse.

Flipping Typisk

FlippingTypical giver dig mulighed for at se alle de skrifttyper, der er installeret på dit system. Jeg finder denne app mere bekvem end at bruge FontBook app i macOS. Jeg skriver tilfældig tekst og ser hvilken af skrifttyperne på mit system ser bedst ud.

LightTable

En ny IDE, som jeg synes er værd at udforske. Det startede som et KickStarter-projekt, støttet af Matt Mullenweg (WordPress-grundlægger), og gik endelig til open source. Du kan se denne video for at få en ide om, hvor cool denne IDE er.

Kompressor

Kompressor er en webapp, der komprimerer billedfiler ned til den mindste størrelse uden at miste visuel kvalitet. Det understøtter også JPG, GIF, PNG og SVG. Denne app er gratis.

Microsoft Site Scan

Dette er et praktisk værktøj fra Microsoft til at analysere din hjemmeside for problemer som browser kompatibilitet og tilgængelighed. Værktøjet vil liste en rapport, der fortæller dig, om der ikke er noget, der passer til dit websted, og hvordan du kan fortsætte med at løse problemet. Prøv det!

Deaktiver blogging

Dette plugin, som navnet antyder, fjerner bloggingfunktioner som Indlæg, Kommentarer og Feeds. Det er det rigtige plugin til dig, hvis du ikke har brug for bloggingfunktionen i WordPress.