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

Efter att ha gjort det i mer än ett år är den svåraste delen om att skriva den här månatliga resurspolen för designers och utvecklare introduktionen. Medan vi är på ämnet, här är ditt februari 2015-sammanfattning av de bästa och färskaste resurserna för webbutvecklare som du.

I denna avdelning tittar vi på en speciell sökmotor för att hitta kodutdrag, en mycket resursfull hänvisning till adressproblem i Flexbox-modulen, och utvecklingsverktyg för bättre hantering av färg, typsnitt och gradienter.

Gradient Animator

CSS3 Gradient tillåter oss att skapa bildlösa gradienter på vår hemsida utan att behöva ladda några bilder. Vi kan även kombinera den med CSS3 Animation för att ge en mer övertygande effekt. Men om koden är för mycket för dig, använd den enklare Gradient Animator-rutten för att skapa en med ett bra gränssnitt.

SVG Fickguide

SVG Fickguide sammanställs av Joni Trythall. Det är en praktisk referens som går igenom grunden för SVG (som att skapa former och text) hela vägen till mer avancerade funktioner (som att skapa gradienter, urklippsbanor och mönster). Boken kommer i Markdown-format och finns på engelska och portugisiska.

Flexbugs

Flexbox är en väldigt lovande ny modul i CSS3 som helt skulle förändra de sätt vi bygger webblayouter. Men det kommer också med egna webbläsares kompatibilitetsproblem. Detta förråd, Flexbugs, är en samling av dessa buggar och lösningar för att ta itu med dem. Detta är en mycket användbar resurs för alla som bor på den blödande kanten på webben.

Icono

Det är fantastiskt vad vi kan uppnå med bara CSS som att skapa en helt presentabel ikon med bara ett enda element. Icono är biblioteket som gör det här. I det här biblioteket hittar du en uppsättning bekanta ikoner som endast är gjorda med ett enda element och CSS. Dessa ikoner laddas snabbare och är mer anpassningsbara än bildbaserade ikoner.

Dillinger

Dillinger är en ögonvänlig Markdown-editor. Här kan du skriva i Markdown-format och direkt se produktionen på den högra fliken. För din bekvämlighet tillåter Dillinger dig att exportera ditt arbete till HTML, PDF eller bara i ett Markdown-filformat när du har gjort det. Alternativt kan du också ansluta den till en tredjeparts tjänst som Dropbox och Github där du kan spara din fil.

HTML5Up

HTML5Up är en samling gratis HTML5-baserade mallar. Du kan hitta en handfull layouter som tillgodoser olika typer av webbplatser: företag, portfölj eller bara en enkel blogg. Alla mallar är svåra att se till att innehållet och webbplatsens layout är roligt i olika skärmstorlekar.

CSS-färger

Någonsin undrar vad en viss färg heter? CSS-färger visar färgnamnet såväl som Hex- och RGBA-formatet för en samling av grundläggande färger. Det är en bra källa att hitta den perfekta färgkombinationen för dina webbplatser.

Emmet Re-view

Re-view är en Chrome-tillägg som analyserar din webbplats @media frågor och visar din webbplats i var och en av de brytpunkter som anges i var och en @media fråga. Om du letar efter ett verktyg som kan spara lite tid när du testar lyhörda webbplatser, så är det verktyget du behöver.

TypeGenius

Om du tittar på Google Font-biblioteket hittar du många teckensnitt i olika ansikten, familj, vikt och typer. Därför kan det vara en riktig överväldigande uppgift att välja rätt par eller kombination av typsnitt. TypeGenius gör att välja typsnitt par enkelt och snabbt och möjligt för den allmänna befolkningen.

SearchCode

Som namnet sa är det här en sökmotor för att leta efter koder eller kodfragment av många programmeringsspråk, inklusive JavaScript, C, PHP. Den här sökmotorn kommer att härleda sitt resultat från många källor som Github, Bitbucket och Google Code. Detta är ett definitivt måste-ha verktyg för tunga kodare.