Friske ressurser for webutviklere - mai 2015

Det føles som nyttår var bare i går. Likevel er vi her nå i mai, og det er tid for oss å dele nye ressurser med våre andre webutviklere.

I denne runden har vi noen gode referanser verdt bokmerke, et verktøy for å hjelpe deg med å sjekke om HTML-feil, en kortkode for komponering av musikknotasjoner, et JS-bibliotek for å håndtere tabeller responsivt og et responsivt rutenett.

CanIUse Shortcode

CanIUse er en omfattende kilde for å spore nettleserstøtte for moderne webfunksjoner. Dette er et WordPress-plugin som viser et CanIse-tabellen for den angitte funksjonen ved hjelp av en praktisk kortkode. Når du er aktivert, kan du for eksempel legge til [ciu-display feature="audio"] å vise resultatene for HTML5-lydelementstøtte i et bord.

jQuery FileAPI

Et jQuery-plugin som samhandler med API-filen for nettleseren for å håndtere filopplasting, inkluderer også denne plugin muligheten til å beskjære og endre størrelse på bilder og laste opp flere filer.

TabellaJS

Å bygge en responsiv tabell er virkelig vanskelig. Det er mange JavaScript-biblioteker og teknikker du kan bruke, men hver kommer med sine egne fallgruver. Tabella er et bibliotek som ser lovende ut på å takle denne beryktede hindringen i responsivt webdesign.

StickyFill

StickyFill er en polyfil av den nye CSS3- sticky posisjonen. Det simulerer perfekt klistremerkeposisjonen, og den fungerer også med mange klissete tilfeller.

Basket.js

Basket.js er et JavaScript-bibliotek som brukes til å optimalisere JavaScript- ladetid . Basket.js vil cache JavaScripts i localStorage og dermed unngår unødig belastning i fremtiden. Dette vil også forbedre nettsidenes hastighet som skriptene ikke blir kalt fra brukeren, men i stedet hentet fra serveren.

HTMLHint

HTMLHint er et lite webverktøy for å sjekke feil i HTML. Verktøyet vil sjekke for navngivelse av standarder, manglende lukkekoder, tilgjengelighetsproblemer, riktig bruk av Doctype og dupliserte ids og ohterproblemer du ofte overser.

ABC Notation

Er du en musiker og kjører et WordPress-basert nettsted? Dette pluginet kan være det du leter etter. Når aktivert, gir ABC Notation deg mulighet til å skrive musikknotasjoner i innlegget ditt og siden ved hjelp av en kortkode.

KSS StyleGuide

KSS Styleguide gjør det enklere å lage en levende stilguide. Verktøyet vil automatisere prosessen, og ettersom nettstedet ditt vokser med nye tillegg og UI-iterasjoner, vil KSS oppdatere stilguiden.

Internet Explorer Status

Internet Explorer utvikler seg til det bedre. I den nyeste versjonen (før Spartan) har Internet Explorer omfavnet mange nye webstandarder. Nå følger du statusen for kommende funksjoner som skal løses med neste versjon. Det er en praktisk referanse for webutviklere bortsett fra CanIUse og Chrome Status.

CSS Flexbox

En samling av noe å gjøre med CSS Flexbox, som tutorials, artikler og cheatsheets. En veldig nyttig referanse for utviklere til bokmerke.

Dal

Valley er en samling av OS X-mappeikoner og vanlige tredjeparts genererte mapper som Dropbox, Drive og OneDrive. Mappen farge er mer tonet ned, som jeg tror er en bedre beslutning enn hva du får med OS X Yosemite (for levende!) Mapper.

CSS Wizardry Grid

Et lett, men robust CSS-responsivt rutenettsystem utviklet av Harry Robert, er fullpakket med en håndfull CSS godhet; Det er fullt responsivt, drevet med Sass, strukturert med BEM-metodikk, og er reversible grids.