Nieuwe bronnen voor webontwikkelaars - 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 de nieuwste versie 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 biedt en een handige webtool die het weblettertype in de cache opslaat.
CSS-liniaal
Er zijn een aantal eenheidsmetingen in CSS; een paar zijn verholpen, terwijl andere relatief zijn, zoals em
, rem
en ch
. CSS Ruler is een hulpmiddel waarmee u de schaal van de eenheden visueel met elkaar kunt vergelijken.
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 AlternateVeel 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 aan naar een alternatieve bron van Useso, bijvoorbeeld:
// Google Font-stylesheets. // Alternatieve link
Veel succes en godspeed!
Muir iconenMuir Icons is een verzameling iconen ontworpen om te passen bij OS X Yosemite. Vernoemd naar John Muir, een naturalist en activist die heeft bijgedragen aan het behoud van de originele Yosemite, ja, dat nationale park in de VS Op het moment van dit schrijven zijn er al 3 delen van deze iconensets uitgebracht. 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 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
WeerWeer is een Photoshop-extensie die weerwidgets toevoegt 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
AwesompleteAwesomplate is een JavaScript-bibliotheek die HTML5 nabootst
Compatibiliteit: IE9 +, Chrome, Firefox, Safari 5+, Mobile Safari.
NoizioNoizio is een app met een verzameling natuurlijke geluiden: geluiden van de wind, de oceaan en onweersbuien. Het kan u helpen om u beter te concentreren op uw werk door een rustige omgeving te bieden die u in staat stelt om 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 FocusDit 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 gedurende 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
PixelCounterPixelCounter 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 BlurbsUIBlurbs genereert een fictief gebruikersprofiel en is de perfecte web-app om samen met UIFaces en UINames te gebruiken voor het bouwen van een prototype van een ontwerp.
localFontlocalFont is een webapp die de prestaties van weblettertypen verbetert. Terwijl u een lettertype ( .woff
of .ttf
) .woff
, codeert en embed het het lettertype in CSS. Het genereert ook een paar regels JavaScript die het lettertype opslaan in de localStorage van de gebruiker (lees onze vorige zelfstudie over het gebruik van Cookie & HTML5 localStorage).
50 + hoge kwaliteit en gratis symboollettertypen voor webontwerpers
Er zijn de afgelopen tijd indrukwekkend uitziende symboollettertypen op het web verschenen, waarbij het aantal lettertypen dat is ontworpen voor gebruik als pictogrammen, symbolen en glyphs met de dag toeneemt. Veel websites hebben hun afbeeldingen al vervangen door één symboollettertype - GitHub is daar een voorbeeld van.A
20 ontwerpboeken voor schetsen, typografie en nieuwe ideeën opdoen
In tegenstelling tot wat vaak wordt gedacht, is het vermogen om goed te tekenen niet alleen voorbehouden aan mensen die gezegend zijn met natuurlijk talent. Terwijl sommigen misschien de essentie van tekenen sneller begrijpen dan andere, is de waarheid over de kwestie dat iedereen kan leren hoe goed te tekenen zolang ze over de juiste middelen beschikken