Friska resurser för webbdesigners och utvecklare (maj 2015)

Det känns som nyår var bara igår. Ändå är vi här nu i Maj och det är dags för oss att dela nya resurser med våra medarbetare.

I denna runda har vi några bra referenser värda bokmärkning, ett verktyg för att hjälpa dig att kolla på HTML-misstag, en kortnummer för att komponera musiknoteringar, ett JS-bibliotek för hantering av tabeller på ett korrekt sätt och ett lyhörd system.

CanIUse Shortcode

CanIUse är en omfattande källa för att spåra webbläsarstöd för moderna webbfunktioner. Detta är ett WordPress-plugin som visar en CanIUse-tabell för den angivna funktionen med hjälp av en praktisk kortnummer. När du har aktiverat kan du till exempel lägga till, [ciu-display funktion = "ljud"] för att visa resultaten för stöd för HTML5-ljudelement i en tabell.

jQuery FileAPI

Ett jQuery-plugin som interagerar med webbläsarens API-fil för att hantera filuppladdning, inkluderar det här pluginet även möjligheten att skära och ändra storlek på bilder och ladda upp flera filer.

TabellaJS

Att bygga ett lyhört bord är riktigt knepigt. Det finns många JavaScript-bibliotek och tekniker du kan använda, men varje kommer med sina egna fallgropar. Tabella är ett bibliotek som ser lovande ut i budet att ta itu med denna ökända hinder i responsiv webbdesign.

StickyFill

StickyFill är en polyfill av den nya CSS3 klibbig placera. Det simulerar perfekt klibbigt lägesbeteende, och det fungerar också med många klibbiga instanser.

Basket.js

Basket.js är ett JavaScript-bibliotek som används för att optimera JavaScript-laddningstiden. Basket.js kommer cache JavaScripts i localStorage och därmed undvika onödig belastning i framtiden. Detta kommer också att förbättra webbplatsens hastighet eftersom skript inte kallas från användaren men istället hämtas från servern.

HTMLHint

HTMLHint är ett litet webbverktyg för att kontrollera fel i HTML. Verktyget kontrollerar namngivningsstandarder, saknar stängningskoder, tillgänglighetsproblem, korrekt användning av Doctype och dubbla ids och ohter-problem som du ofta kan förbise..

ABC Notation

Är du musiker och kör en WordPress-baserad webbplats? Det här pluginet kan vara det du letade efter. När du har aktiverat ABC Notation kan du skriva musiknoteringar i ditt inlägg och sidan med hjälp av en kortnummer.

KSS StyleGuide

KSS Styleguide gör det lättare att skapa en levande stilguide. Verktyget automatiserar processen och när din webbplats växer med nya tillägg och UI-iterationer, uppdaterar KSS stilguiden.

Internet Explorer Status

Internet Explorer utvecklas till det bättre. I den senaste versionen (före Spartan) har Internet Explorer tagit fram många nya webbstandarder. Nu följer du statusen för kommande funktioner som ska släppas med nästa version. Det är en praktisk referens för webbutvecklare bortsett från CanIUse och Chrome Status.

CSS Flexbox

En samling av någonting att göra med CSS Flexbox som tutorials, articles, och cheatsheets. En mycket användbar referens för alla utvecklare till bokmärke.

dal

dal är en samling av mappikoner OS X och vanliga tredje part genererade mappar som Dropbox, Drive och OneDrive. Mappfärgen är mer tonad, vilket jag tycker är ett bättre beslut än vad du får med OS X Yosemite (för levande!) Mappar.

CSS Wizardry Grid

Ett lätt men ändå robust CSS-lyssnittsystem som utvecklats av Harry Robert, är packat med en handfull CSS-godhet; Det är fullt mottagligt, drivet med Sass, strukturerat med BEM-metodik, och är reversibla nät.