Verse bronnen voor webontwerpers en ontwikkelaars (april 2015)

Hoe is uw (vriendelijke herinnering) April Fool's Day dit jaar? Nou, voor de rest van ons die geen grappen maken, hier is het nieuwste deel van nieuwe bronnen voor webontwerpers en -ontwikkelaars.

Voor april hebben we een aantal geweldige apps om de productiviteit te verhogen, een bibliotheek die de gebruikerservaring verbetert met een grote datalist, een Photoshop-extensie die weerwidgets geeft en een handige webtool die het weblettertype in de cache opslaat.

CSS-liniaal

Er zijn een aantal eenheidsmetingen in CSS; een paar zijn opgelost, terwijl andere relatief zijn zoals em, rem en ch. CSS-liniaal is een hulpmiddel waarmee u de schaal van de eenheden visueel met elkaar kunt vergelijken.

ResponsiveJP

ResponsiveJP beschikt over een aantal responsieve websites uit Japan, voornamelijk als referentie voor webontwerpers die het moeilijk vinden om hun reactievermogen te bepalen als het gaat om niet-Latijnse typografische inhoud. Het helpt je om je perspectief te verruimen en ook een kijkje te nemen in oosterse webdesigntrends.

Google Fonts Alternate

Veel Google-services zijn geblokkeerd in China, inclusief Google Font - het is vrijwel zeker dat Google Font niet correct wordt weergegeven in China. Als u de Google Font-collectie op het Chinese vasteland wilt gebruiken, wijst u de lettertypestijl naar een alternatieve bron van useso, bijvoorbeeld:

 // Google Font-stylesheets.  // Alternatieve link

Veel succes en godspeed!

Muir iconen

Muir iconen is een verzameling pictogrammen die is ontworpen om overeen te komen met OS X Yosemite. Vernoemd naar John Muir, een natuuronderzoeker en activist die heeft bijgedragen aan het behoud van de oorspronkelijke Yosemite, ja, dat nationale park in de Verenigde Staten. Op het moment van dit schrijven zijn er al 3 delen van deze pictogramseries vrijgegeven. Elk bestaat uit populaire app-pictogrammen zoals Adobe Creative Suites, Twitter, Sketch, Skype en SublimeText.

Muir Deel I
Muir Volume II
Muir Volume III

CouleursApp

CouleursApp is een kleine app waarmee je overal op je scherm kleuren kunt oppikken. Het verbetert de ingebouwde Mac-kleurkiezer-app. Het ondersteunt een aantal kleurenformaten, waaronder Hex en de UIColor van Swift.

Compatibiliteit: OS X 10.10 of hoger

Weer

Weer is een Photoshop-extensie die voegt weerwidgets toe aan uw Photoshop-werkruimte. Het is een handig hulpmiddel om u te helpen beslissen of het tijd is om uw bureau te verlaten en naar buiten te gaan om van mooi weer te genieten.

Compatibiliteit: Photoshop CC

Awesomplete

Awesomplate is een JavaScript-bibliotheek die HTML5 nabootst element. U kunt een lijst met suggesties toevoegen binnen een invoerelement dat wordt weergegeven als uw gebruikerstypen. Het is een praktische benadering om de gebruikerservaring te verbeteren, vooral als het gaat om een grote datalist.

Compatibiliteit: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.

Noizio

Noizio is een app met een verzameling natuurlijke geluiden: geluiden van de wind, de oceaan en onweersbuien. Het kan u helpen uw aandacht beter op uw werk te richten door een rustige omgeving te bieden die u in staat stelt los te komen van de drukte van een werksfeer onder druk. Dat deed het tenminste voor mij.

Compatibiliteit: OS X 10.8 of hoger

Hocus Focus

Dit is er voor diegenen die moeite hebben om te focussen. HocusFocus is een app die op een slimme manier vensters en werkruimten op uw OS X-bureaublad voor een bepaalde periode verbergt, waarbij alleen de vensters worden verlaten die u het meest gebruikt. Het maakt je efficiënter, ruimt de rommel op je bureaublad op en helpt je je te concentreren op je werk.

Compatibiliteit: OS X 10.10 of hoger

PixelCounter

PixelCounter telt de pixels in uw afbeeldingen. Sleep eenvoudig een afbeelding of een hele map van uw project naar de app en het telt en telt alle pixels op in uw JPEG-, PNG-, WebP-, GIF- en zelfs SVG-afbeeldingen. Nu, als we alleen een trend zouden kunnen starten waarbij we klanten rekenen op pixels ... hmm.

Compatibiliteit: OSX 10.8 of hoger, Windows 7 of hoger en Linux (binnenkort beschikbaar)

UI Blurbs

UIBlurbs genereert een fictief gebruikersprofiel en is de perfecte web-app om te gebruiken in combinatie met UIFaces en UINames voor het bouwen van een prototype van een ontwerp.

localFont

localFont is een webapp die de prestaties van weblettertypen verbetert. Terwijl u een lettertype sleept en neerzet (.WOFF, of .ttf), zal het het lettertype coderen en insluiten in CSS. Het genereert ook enkele regels JavaScript die het lettertype opslaan in de localStorage van de gebruiker (lees onze vorige zelfstudie over het gebruik van Cookie & HTML5 localStorage).