Friske ressourcer til webdesignere og udviklere (februar 2015)
Efter at have gjort dette i mere end et år er den hårdeste del om at skrive denne månedlige ressourcebunke til designere og udviklere introduktionen. Mens vi er i emnet, her er din februar 2015-oversigt over de bedste og friskeste ressourcer til webudviklere som dig.
I denne rate ser vi på en speciel søgemaskine for at finde kodeuddrag, en meget ressourcefuld henvisning til adresseproblemer i Flexbox-modulet, og udviklingsværktøjer til bedre styring af farve, skrifttype og gradienter.
Gradient Animator
CSS3 Gradient giver os mulighed for at oprette billedløse gradienter på vores hjemmeside uden at skulle indlæse nogen billeder. Vi kan endda kombinere det med CSS3 Animation for at give en mere overbevisende effekt. Men hvis koden er for meget for dig, skal du bruge den enklere Gradient Animator-rute til at generere en med en god grænseflade.
SVG Pocket Guide
SVG Pocket Guide er udarbejdet af Joni Trythall. Det er en praktisk reference, der vil gå dig igennem det grundlæggende i SVG (som f.eks. Skabe figurer og tekst) helt til mere avancerede funktioner (som at skabe gradienter, klipbaner og mønstre). Bogen kommer i Markdown format og er tilgængelig på engelsk og portugisisk.
Flexbugs
Flexbox er et meget lovende nyt modul i CSS3, der helt ville ændre de måde vi bygger weblayouter på. Men det kommer også med egne browser-kompatibilitetsproblemer. Dette depot, Flexbugs, er en samling af disse fejl og løsningsmulighederne for at løse dem. Dette er en meget nyttig ressource for alle, der bor på den blødende kant af nettet.
icono
Det er fantastisk, hvad vi kan opnå med bare CSS som at oprette et fuldt præsentabelt ikon, der kun bruger et enkelt element. icono er biblioteket der gør dette. I dette bibliotek finder du en samling af velkendte ikoner, der kun er lavet med et enkelt element og CSS. Disse ikoner vil indlæses hurtigere og kan tilpasses mere end billedbaserede ikoner.
Dillinger
Dillinger er en øjenværdig Markdown editor. Her kan du skrive i Markdown format og øjeblikkeligt se output på højre side. Dillinger giver dig mulighed for at eksportere dit arbejde til HTML, PDF eller bare i et Markdown-filformat, når du har gjort det. Alternativt kan du også oprette forbindelse til en tredjeparts service som Dropbox og Github, hvor du kan gemme din fil.
HTML5Up
HTML5Up er en samling af gratis HTML5-baserede skabeloner. Du kan finde en håndfuld af layouter, der imødekommer forskellige typer af websites: forretning, portefølje eller bare en simpel blog. Alle skabeloner er lydhør og sikrer, at indholdet og layoutet på internettet er behagelige i forskellige skærmstørrelser.
CSS Farver
Nogensinde spekulerer på, hvad en bestemt farve er navngivet? CSS Farver viser farvenavnet samt Hex- og RGBA-formatet for en samling af grundlæggende farver. Det er en god kilde til at finde den perfekte farvekombination til dine hjemmesider.
Emmet Re-view
Re-view er en Chrome-udvidelse, der analyserer dit website @medier forespørgsler og viser dit websted i hvert af de punkter, der er angivet i hver @medier forespørgsel. Hvis du leder efter et værktøj, der kan spare dig lidt tid, når du tester lydhøre websites, så er dette det værktøj, du har brug for.
TypeGenius
Hvis du kigger på Google Font-biblioteket, finder du mange skrifttyper i forskellige ansigter, familie, vægt og typer. Derfor kan det være en rigtig overvældende opgave at vælge det rigtige par eller en kombination af skrifttyper. TypeGenius gør udvælgelsen af skrifttypepar enkel og hurtig og mulig for den generelle befolkning.
søgekode
Som navnet sagde, er det en søgemaskine at kigge efter koder eller kodestykker af mange programmeringssprog, herunder JavaScript, C, PHP. Denne søgemaskine vil få resultatet af mange kilder som Github, Bitbucket og Google Code. Dette er et klart must-have værktøj til tunge coders.
