Friske ressourcer til webdesignere og udviklere (april 2015)
Hvordan er din (venlige påmindelse) April Fool's Day i år? Nå, for resten af os, der ikke er i pranks, her er den seneste rate af friske ressourcer til webdesignere og udviklere.
I april har vi en række gode apps til at øge produktiviteten, et bibliotek, der forbedrer brugeroplevelsen med stor datalogistik, en Photoshop-udvidelse, der giver dig vej widgeter og et praktisk webværktøj, der caches web skrifttype.
CSS linjal
Der er en række enhedsmålinger i CSS; nogle få er faste, mens nogle andre er relative som em, rem og ch. CSS linjal er et værktøj, hvor du kan visuelt sammenligne enhederne skalaen med hinanden.
ResponsiveJP
ResponsiveJP indeholder en række lydhørige hjemmesider fra Japan, hovedsagelig som en reference til webdesignere, der har svært ved at udfolde lydhørhed, når det kommer til ikke-latinske typografiske indhold. Det hjælper dig med at strække dit perspektiv og få en indvendig kig på østlige webdesign trends også.
Google Fonts Alternate
Mange Google-tjenester er blokeret i Kina, inkluderet Google-skrifttype - det er næsten sikkert, at Google Font ikke gengives korrekt i Kina. Hvis du gerne vil tjene Google Font-samlingen i Kina fastlandet, skal du pege på skrifttypestilarket til en alternativ kilde fra Useso, for eksempel:
// Google Font stylesheets. // Alternativ link
Held og lykke og godspeed!
Muir ikoner
Muir ikoner er en samling ikoner designet til at matche OS X Yosemite. Opkaldt efter John Muir, en naturalist og aktivist, der hjalp med at bevare den oprindelige Yosemite, ja, den nationale park i USA. På tidspunktet for denne skrivning er der allerede 3 volumener af disse ikonsæt udgivet. Hver består af populære appikoner som Adobe Creative Suites, Twitter, Sketch, Skype og SublimeText.
- Muir Volume I
- Muir bind II
- Muir bind III
CouleursApp
CouleursApp er en lille app, der giver dig mulighed for at samle farver overalt på skærmen. Det forbedrer den indbyggede Mac-farvevælgerapp. Det understøtter en række farveformater, herunder Hex og UIColor of Swift.
Kompatibilitet: OS X 10.10 eller derover
Vejr
Vejr er en Photoshop udvidelse der tilføjer vejr widgets på dit Photoshop arbejdsområde. Det er et praktisk værktøj til at hjælpe dig med at beslutte, om det er tid til at forlade dit skrivebord og gå udenfor for at nyde godt vejr.
Kompatibilitet: Photoshop CC
Awesomplete
Awesomplate er et JavaScript-bibliotek, der efterligner HTML5 element. Du kan tilføje en liste over forslag inden for et inputelement, der vises som din brugertyper. Det er en praktisk tilgang til at forbedre brugeroplevelsen, især når man beskæftiger sig med en stor datalist.
Kompatibilitet: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
Noizio
Noizio er en app med en samling af naturlige lyde: lyde af vinden, havet og tordenvejr. Det kan hjælpe dig med at fokusere mere på dit arbejde ved at sørge for et roligt miljø, som gør det muligt for dig at slippe væk fra trængsel og travlhed i en tryksat arbejdsstat. I det mindste gjorde det for mig.
Kompatibilitet: OS X 10.8 eller derover
Hocus Focus
Dette er en for dem, der har svært ved at fokusere. HocusFocus er en app, der vil skjule vinduer og arbejdsområder klogt inde i dit OS X-skrivebord i et bestemt tidsrum, og kun det vindue (r) du bruger mest. Det gør dig mere effektiv, renser rod fra skrivebordet og hjælper dig med at fokusere på dit arbejde.
Kompatibilitet: OS X 10.10 eller derover
PixelCounter
PixelCounter tæller pixels i dine billeder. Bare træk og slip et billede eller en hel mappe af dit projekt i appen, og det vil tælle og tilføje op alle pixels i dine JPEG-, PNG-, WebP-, GIF- og endda SVG-billeder. Nu, hvis vi kun kunne starte en trend, hvor vi opkræver kunder af pixels ... hmm.
Kompatibilitet: OSX 10.8 eller nyere, Windows 7 eller nyere og Linux (Kommer snart)
UI Blurbs
UIBlurbs genererer en fiktiv brugerprofil og er den perfekte webapp til at bruge sammen med UIFaces og UINames til at opbygge en design prototype.
localFont
localFont er en webapp, der forbedrer web skrifttype ydeevne. Som du trækker og slipper en skrifttype (.WOFF, eller .ttf), vil den kode og indlejre skrifttypen i CSS. Det genererer også nogle få linjer af JavaScript, der vil cache skrifttypen i brugerens lokale opslag (læs vores tidligere vejledning om brug af Cookie & HTML5 localStorage).
