9. april 2014
by Morten Brunbjerg Bech
0 comments

Comic Neue: Et veldrejet alternativ til Comic Sans

Du kender helt sikkert Comic Sans. Det er den afrundende, tegneserie-agtige skrifttype, som noten fra dit barns lærer eller kollegaens opslag i frokoststuen er skrevet med, ofte kækt akkompagneret af en løs håndfuld smilies i et lidt ubehjælpeligt forsøg på uformel omgangstone.

Comic Sans går i brede kredse for at være dårlig smag. Først og fremmest pga. de kontekster, den ofte benyttes i. Tegneserietypografi går bare ikke, når indholdet skal forestille at være seriøst. Men også fordi den er uheldigt og uskønt tegnet.

Det sidste har Craig Rozynski rettet op på med et systematisk redesign. En helt ny skrifttype, han kalder Comic Neue. Der er rettet gevaldigt op på de skæve, ujævne og tilfældige linjer og skriftsnittet fremstår væsentligt mere rent og professionelt end sit forlæg.

Her kan du se forskellen.
Comic Sans vs Comic Neue

Comic Neue fås i to varianter med seks forskellige vægtninger og kan hentes her.

MEN BEMÆRK: Så mangler vi bare, at Craig Rozynski får tilføjet ÆØÅ (jeg har forespurgt).

Indtil da kan du se her, hvornår det er ok at bruge Comic Sans.

2. april 2014
by Morten Brunbjerg Bech
0 comments

Overophedning

Jorden

Paradoksalt: På samme dag, i forgårs, bimlede FNs Klimapanel endnu engang med klimadommedagsklokkerne, mens Produktivitetskommissionen kom med sine politiker-bestilte anbefalinger til, hvordan vi får mere gang i hjulene.

For nylig udgav NASA en rapport, der konkluderede at vores civilisation er på vej mod kollaps indenfor de kommende ganske få årtier. Årsagerne skyldes samme faktorer, som tidligere civilisationer brød sammen under. Befolkningstal, klima, vand, landbrug og energi.

Politikerne har erkendt problemerne, men de råber stadig på vækst. Det hænger ikke helt sammen.

Mennesket forstår ikke den eksponentielle funktion

Vækst-paradokset blev glimrende beskrevet i den fantastiske dokumentar, der rullede over skærmen på DR2 for en uges tid siden, “Shirley og Hinda – oprørske oldemødre” (Kan ses på DR.dk indtil 24. april 2014).

Heri forklarede professor emeritus i fysik, Albert Bartlett, den eksponentielle funktion:

Forestil jer, at vi har bakterier, der fordobles hvert minut. Hvis vi lægger sådan en bakterie i en tom flaske kl. 11 om formiddagen og konstaterer at flasken er fuld kl. 12. Hvad tid var flasken halvt fuld? Ét minut i 12.

Hvis I var en gennemsnitlig bakterie i flasken, hvornår ville I så indse, at pladsen var ved at blive for trang? 5 minutter i 12 er flasken kun 3% fuld og der er 97% fri plads, som bare venter på at blive udnyttet. Ville I opdage problemet?

Jeg ville ikke. Og mon ikke, klokken har passeret 1 minut i tolv?

Ligevægtsøkonomi – en del af løsningen?

I samme dokumentar forklarer ph.d. i økologisk økonomi, Joshua Farley, begrebet ‘ligevægtsøkonomi’.

Økologiske økonomer taler om ‘ligevægtsøkonomi’. Den indebærer tre enkle regler, som vi bør følge.

Vi må ikke bruge fornyelige ressourcer hurtigere, end de kan forny sig. Fiskene skal nå at formere sig. Træerne skal nå at vokse op.

Vi må ikke føre affald ind i systemet hurtigere, end de kan blive optaget for så ender vi med at akkumulere affald.

Og endelige må vi ikke bruge ikke-fornyelige ressourcer hurtigere end vi kan nå at udvikle fornyelige erstatninger.

Ligevægtsøkonomi lyder ganske enkelt som logik for perlehøns.

Teknologi er ikke løsningen

For 15 år siden var jeg ukuelig teknologioptimist og overbevist om, at teknologi var løsningen på alt. Den opfattelse har jeg efterhånden justeret en del på. Det kan ikke løse alle problemerne, siger NASA i førnævnte rapport. Nogle problemer kan nok løses teknologisk, men teknologien er også en del af problemet. Vores hverdagsteknologi bliver hele tiden mere energieffektiv. Til gengæld bliver der dagligt mere af den og flere får råd til den, hvilket samlet set fører til større energiforbrug og bjerge af affald.

Man burde nok begynde at forberede sig på den kommende krise:

  • Skifte pendlerjobbet ud med ét i hjembyen.
  • Investere i solcelle- og jordvarmeanlæg.
  • Etablere brændeovn.
  • Fylde kælderen med forråd.
  • Tage jagttegn og købe et haglgevær. Sådan ét kunne måske blive nyttigt.

Men jeg forstår ikke den eksponentielle funktion og diesel kan man stadig få, så når jeg står op i morgen og himlen endnu ikke er faldet ned, starter jeg bilen og kører på arbejde.

Superman + GoPro = Awesome-Sauce

18. marts 2014 by Morten Brunbjerg Bech | 0 comments

Jeg har haft et GoPro kamera i lidt over et halvt år. Det er et lækkert kamera, men desværre dyrker jeg ikke nogle vilde action sportsgrene, hvor det virkelig kommer til sin ret. Det problem har Superman ikke. Jeg faldt over denne video på Twitter idag, om Superman, der leverer et mistet GoPro-kamera tilbage til sin ejermand. Det er simpelthen så fedt lavet. Enjoy!

13. marts 2014
by Morten Brunbjerg Bech
0 comments

iOS 7.1 tastatur-mysterium: Er shift-tasten mon aktiv nu?

I aftes installerede jeg seneste version af Apple’s styresystem, iOS 7.1, på både iPhone og iPad. Umiddelbart ikke den store visuelle forskel fra forrige version, og dog …

Shift-tasten i iOS7

Er shift-tasten mon aktiv eller inaktiv?

Den første ændring, jeg bemærkede, var det indbyggede tastatur. Skrifttypen er blevet kraftigere og tydeligere og det er fint. Men samtidig er Apple tilsyneladende snublet i designet af shift-tasten. Tasten kan, som på et almindeligt tastatur, aktiveres for at skrive med store bogstaver og det har Apple valgt at markere med farve. Men eftersom tasten ikke forekommer trykket ned, kan man bare ikke gennemskue, hvorvidt det er grå eller hvid, der betyder “aktiv”.

Et eksempel på flat design gone wrong. Mon ikke, der dukker en rettelse op i en kommende opdatering?

Hov du? Hvilken tast er så den aktive?
Svar: Det er den GRÅ.

Alt for mange åbne browser-faner
Jeg har en tendens til at have alt for mange faneblade åbne i min browser af gangen. Det er som oftest websider, jeg enten bruger eller gerne vil huske – men ikke nok til, at jeg synes, det kræver et bogmærke. Men mange faneblade er noget rod og det lægger beslag på en hel del af computerens hukommelse.

Forleden faldt jeg så over en lille extension, OneTab, til Google Chrome, der kan gøre noget ved problemet. OneTab smider et lille ikon i browserens værktøjslinje. Når man så har fået åbnet for mange faneblade, klikker man ganske simpelt på ikonet og OneTab genererer en side med en liste over alle fanebladene. OneTab skulle angiveligt kunne spare op til 95% af browserens hukommelsesforbrug.

Jeg har brugt det et par dage nu og det er meget effektivt.

Prøv OneTab til Google Chrome

21. februar 2014
by Morten Brunbjerg Bech
0 comments

Det er aldrig for tidligt

Andrea tegner på computeren Min datter fylder snart 8 år og skulle lave en indbydelse til sine klassekammerater. Så hun lånte lige fars mac og tegnede en fin tegning med Wacom og Pixelmator.

Her er resultatet:
Andreas fødselsdagspige

Sønneke på 5 ville også være med, så han tegnede lige en tyr på iPad i app’en Paper.
Asger tegner på iPad'en

Er det nødvendigt at sige, at far er stolt?

21. februar 2014
by Morten Brunbjerg Bech
0 comments

Favorit-tweets fra uge 7 + 8

Pyh! Jeg holdt ferie i uge 7 og fik ikke blogget. Til gengæld har de fede links hobet sig op i mit Twitter-feed. Her er links til ressourcer, jeg synes er værd at gemme.

Typografi

Web-bog om typografi
Matthew Butterick har skrevet en web-bog om typografi i praksis. Her er masser af læsestof til iPad’en på en stille aften i sofaen.
Butterick’s Practical Typography
Via Protech WSU

Radioprogram om typografi
Sveriges Radio har en programserie om typografi. Programmet er meget lyttevenligt og varer ca. 10 minutter pr. afsnit. Her er afsnittet om Cooper Black med interview af selveste Henrik Birkvig.
Cooper Black – det vänligaste typsnittet
Via Malene Hald

Web design og -udvikling

Mere Google Maps
Jeg har tidligere blogget om, hvordan man kan tilpasse Google Maps efter forgodtbefindende. Google Map Builder er endnu en Google Maps kode-generator, der kan levere kode, der passer til dine behov.
Google Map Builder
Via Jonatha Torke

Device Mock Ups
Mangler du device mockups til at vise dine design-skills, så kan du finde 40 templates hos Line25.
40 Free Mockup Templates to Present Your UI Designs
Via Chris Spooner

Test og Prototyping
Microsoft stiller gratis virtuelle maskiner til rådighed, så man kan teste sit web design i gamle browserversioner.
Testing Tools for Web Developers from Microsoft
Via IE Dev Chat

Hvad er en pixel?
Chris Farmiloe har begået et supergodt indlæg om webdesigneres brug af pixels som måleenhed, hvorfor det ikke giver nogen mening og hvorfor fremtidige designer ikke skal bygge videre på den erfaring.
What the hell is a pixel?
Via Iconfinder

SVG vinder frem
Og Chris Coyier skriver om, hvordan man kan animere grafik i SVG format med simpel CSS.
How SVG Line Animation Works
Via Rasmus Willemoes

Stackicons
Parker Bennett har lavet en icon font med lag. Man kan ganske enkelt stable ikonerne ovenpå hinanden i lag og på den måde opbygge kulørte ikoner ud fra en font. Smart.
Stackicons
Via Chris Coyier

Kontroller til Theme Customizer i WordPress
Paul Underwood har samlet en god stak kode snippets til kontrol-elementer i WordPress’ Theme Customizer.
Custom WordPress Customizer Controls
Via Jonathan Torke

Ulfs standard-klasser
Ulf Reese Næsborg deler ud af sine CSS classes. Det kommer der en fin samtale ud af, bl.a. med tips og tricks til mit foretrukne kodeprogram, Coda 2.
Se Ulfs tweet her.

Underholdning

Når store kanoner konverserer
House of Cards sæson 2 havde præmiere på Netflix 14. februar. (Jeg har desværre allerede næsten set det hele). Dagen forinden frabad Barack Obama sig spoilers på Twitter:

Hvortil seriens hovedperson Kevin Spacey svarede:

Sådan en samtale er alligevel lidt skæg at følge live.

18. februar 2014
by Morten Brunbjerg Bech
0 comments

Flere pixels, flere udfordringer – præsentation om responsive images

Responsive Web Design
I går holdt jeg et lille oplæg om responsive images på et erfagruppemøde i Aalborg. Du må gerne kigge med. Her er min præsentation.

De erfaringer, jeg fik, da jeg skruede oplægget sammen (det blev udskudt et par gange), har jeg tidligere skrevet om i “Epidemisk overvægtige websites” og “Billeder, der passer til skærmen – 6 teknikker“. Værsgo’ at skylle.

7. februar 2014
by Morten Brunbjerg Bech
0 comments

Mine favorit-tweets i uge 6

Ugens favorit-tweets inkluderer front end hastigheds-optimering, typografi og et nyt webdesign værktøj.

Front end optimering

Pamela Fox har lavet forsøg med optimering af front end på forsiden af Khan Academy ved at fjerne billeder. Resultatet er en dramatisk forbedring i page performance.
Se breakdown af processen her.
via Chris Coyier

FeedTheBot har en artikel om optimering af kald til CSS filer. Jeg har endnu til gode at læse detaljerne, men her er gode råd at hente.
Se artiklen her.
Via Jonathan Torke

Jonathan Ball's Fantastic Mr. Fox projektTypografi

Jonathan Ball studerer håndtegnet typografi på Skillshare og har lavet et fantastisk breakdown af et projekt, der er baseret på Roald Dahls “The Fantastic Mr. Fox”. Alt fra indledende ideer over skitser til færdigtegnet bogstav.
Se projektet her.
via Jessica Hische

Design

Macaw er endnu et bud på et WYSIWYG webdesign værktøj, hvor HTML og CSS styling kan trækkes rundt og “tegnes” real time på skærmen. Macaw skulle angiveligt adskille sig fra de andre (der ikke rigtig dur) ved at have fokus på koden.
Her er en video-demo af Macaw.

Via Paul Boag

Function har en artikel med 13 design tips, overvejende til Photoshop. Jeg har ikke læst og prøvet af endnu, men de ser umiddelbart læringsværdige ud.
Se artiklen her.
Via Jonathan Torke