3. december 2014
by Morten Brunbjerg Bech
0 comments

Det havde været slemt at forlade Birkene dengang, men på en måde var landsbyen og dens mennesker blevet inde i hovedet på mig som sådan et billede: Sasia fra kroen, mølleren og hans store familie, Ellyn og Rikert. De bevægede sig ikke så meget, på billedet i mit hoved. Det var lidt som om de bare stod og ventede på at jeg skulle komme tilbage. Jeg havde ikke rigtig regnet med at de kunne ændre sig. Og det var selvfølgelig dumt. Bare fordi jeg ikke var der mere, holdt tingene jo ikke op med at ske.

- Lene Kaaberbøl, Skammerkrigen

20. november 2014
by Morten Brunbjerg Bech
0 comments

WordPress Meetup i Aarhus

WordPress logo

Det er ikke mange WordPress-entusiaster, jeg fysisk møder i det daglige. Så da jeg faldt over et tweet om et WordPress meetup i Åårhus, jeg kan ikke huske hvem der skrev det, blev det omgående noteret i kalenderen.

Det foregik på Lynfabrikken i tirsdags og var arrangeret via Meetup.com af Kåre Mulvad Steffensen. Der dukkede +20 WordPress-hoveder op, så vi fik helt ekstraordinært lov at låne Lynfabrikkens store mødelokale, der ellers står til en lejepris på 3500,- pr. dag. Thumbs up til Lynfabrikken for det hurtige sponsorat.

Jeg har aldrig deltaget i et meetup før. Mit WordPress-netværk er lidt begrænset inde midt i det mørke Jylland, så det var både sjovt og interessant at møde en flok interessefæller. En broget flok, der spændte over alt fra hobby-nørder, bloggere, webshop-ejere, udviklere og designere, hver med deres særlige interesse og fokusområde med centrum i WordPress.

Jeg havde nok forestillet mig, jeg skulle nørde lidt kode undervejs, men det blev mest til interessante diskussioner med de andre deltagere og demonstrationer af forskellige løsninger. Webshops lader til at være et centralt emne, så der blev diskuteret en hel del WooCommerce, opsætning af betalingsløsninger, SEO og hvordan man gør dette og hint. Det var særligt interessant at høre Rene Skou Jensen fortælle om Middelfart Sparekasses website, der er bygget i WordPress med integration til intranet og cached med Varnish.

WordPress Deployment Ninja-tricks

Endvidere fik jeg en god snak med Kåre Mulvad Steffensen om deployment og fik lidt ninjatricks med hjem i bagagen:

Desktop Server
Jeg har længe brugt MAMP som lokalt servermiljø til at udvikle på. Det fungerer udmærket, men det kan være lidt bøvlet når man skal sætte nye sites op og oprette et lokalt domæne til at udvikle på. Desktop Server fra ServerPress kan klare det hele med ganske få klik.

Desktop Server kan downloades gratis i en begrænset udgave og koster $100,- i pro versionen.

Deploy
Versionsstyring er svært at komme udenom, især hvis flere arbejder sammen om et web-projekt. Men det er de færreste mindre og mellemstore webhoteller, der har det installeret og har SSH-adgang, så udviklere kan arbejde med det direkte på serveren. Deploy er en husmands-snyde-versionsstyrings-løsning til den slags web-servere. Man fodrer Deploy med oplysninger til det repository, der skal implementeres samt serverens FTP oplysninger og så kører Deploy en søg-og-erstat på filerne i projektet.

Deploy understøtter Git, Mercurial og Subversion og koster gratis for ét projekt. Priserne starter ved £6,- pr. md. for 2 projekter eller flere.

WP Migrate DB Pro
Når man arbejder på et projekt, kan det være praktisk at holde databaserne på udviklings- og produktionsmiljøet i sync. Især, hvis der udvikles nye indstillinger, der skal gemmes i databasen og man ønsker en nogenlunde sømløs implementering. Det er bare temmelig bøvlet at migrere en database manuelt. Det job klarer WP Migrate DB Pro nemt og elegant.

Chris Coyier roser ofte produktet i Shop Talk Show, så jeg kendte det godt, men har måske haft lidt svært ved at se formålet. Det blev jeg så lidt klogere på. WP Migrate DB Pro koster $90,- for en personlig licens, der dækker op til 12 installationer.

Næste WordPress Meetup

Der blev vist nærmest etableret et halv-officielt WordPress-netværk i Aarhus denne dag. Næste meetup er planlagt til torsdag d. 11. december 2014.

24. oktober 2014
by Morten Brunbjerg Bech
0 comments

MAMP på OS X Yosemite

Jeg har lige fyret op under MAMP for første gang siden opgradering til OS X Yosemite. MySQL serveren gik fint igang, men Apache stod helt stille.

Hvis du har samme problem, så omdøb filen envvarsApplications/MAMP/Library/bin til _envvars. Så kører det igen.

MAMP-gutterne kom selv med svaret på Twitter.

Jeg fandt det via StackOverflow.

3. september 2014
by Morten Brunbjerg Bech
2 Comments

7 gratis programmer til billedbehandling – og 5, du kan bruge, uden at installere noget som helst

Du er ved at skrive et indlæg til hjemmesiden og skal bruge et billede i et bestemt format – men din chef har ikke råd til at give dig en licens til Photoshop. Lyder det bekendt? Her er 7 gratis alternative programmer til billedbehandling, du kan prøve af.

2 programmer til din computer

Paint.net

Paint.net logoPaint.NET er tænkt som en gratis afløser for Paint, der i sin tid fulgte med Windows. Programmet er noget simplere end Photoshop, men har mange af de samme funktioner. Det skulle være tilstrækkeligt, hvis man har brug for at udføre lettere billedbehandlingsopgaver. Jeg skrev første gang om Paint.net helt tilbage i 2006, men programmet holdes stadig ved lige.

The Gimp

The Gimp logoThe GIMP er et open source billedbehandlingsprogram til behandling af bitmap-billeder. Det kan installeres og anvendes på de fleste operativsystemer, herunder Unix, Linux, Windows og Mac OS X. Programmet kan faktisk en hel del, men de få gange, jeg har prøvet det, har jeg dog fundet brugergrænsefladen en anelse klodset.

Men IT-afdelingen vil ikke lade dig installere noget?

Så er det da godt, der findes programmer, der virker i en browser.

Pixlr

Pixlr logoPixlr er en cloud-baseret suite af billedbehandlingsværktøjer, der omfatter flere forskellige redigeringsprogrammer, herunder et decideret billedbehandlingsprogram, et quick-fix program til røde øjne m.v. samt et effekt-program til at lægge filtre, effekter og rammer på fotos. Pixlr fungerer i en browser og fås også til tablets og smart phones.

PicMonkey

PicMonkey logoPicMonkey er en online billedredigerings-service som kan bruges i en gratis, sponsoreret version eller i en premium version til relativt få penge. Programmet har en nem brugergrænseflade med simple effekter, men kommer nok til kort, hvis man skal bruge lidt mere avancerede funktioner.

Photo Raster

Photo Raster logoPhoto Raster er et relativt avanceret online billedbehandlingsværktøj. Brugergrænsefladen er velkendt, hvis man har arbejdet med Photoshop, og således nem at komme i gang med.

Sumo Paint

Sumo Paint logoSumo Paint er et online billedbehandlingsprogram, der ligesom Photo Raster har en velkendt brugergrænseflade. Programmet har forholdsvis avancerede funktioner men er rettet mere mod illustration, end egentlig billedbehandling. Sumo Paint fungerer i din browser.

FotoFlexer

FotoFlexer logoFotoFlexer er et flash-baseret billedbehandlingsværktøj, der fungerer i browseren. Det har en nem brugergrænseflade med de mest nødvendige funktioner og et stort udvalg af farvefiltre og effekter. Meget nemt at håndtere for begyndere og også oversat til dansk.

 

Hvis du prøver nogle af disse værktøjer af, hører jeg meget gerne, hvad du mener samt hvilken, der er din favorit. Kender du mon andre værktøjer, der kan føjes til listen?

22. august 2014
by Morten Brunbjerg Bech
0 comments

Ikoner og knapper i DDB CMS

I sidste uge hackede jeg mig frem til en løsning på, hvordan man kan lave layout i flere kolonner med og uden ikoner i DDB CMS. Men der findes CSS classes til andre typer elementer i CMS’et, der også kan udnyttes på dine sider. Her er et par tips.

Links, Knapper og knapper med ikoner

Det er ret nemt at style et link, så det ligner en knap. Der skal bare tilføjes en enkelt class i a elementet. Tilføj et par classes mere, og linket får også et ikon. Her er et par eksempler.

Knapper i DDB CMS

En knap
Du skal bare tilføje class="button" til a elementet.

<a class="button" href="https://horsens.ddbcms.dk/">Knap</a>

En knap med ikon
Du skal bare tilføje class="button icon-white icon-circle-arrow-right" til a elementet. Der er mange andre ikoner at vælge imellem. Se listen her.

<a class="button icon-white icon-circle-arrow-right" href="https://horsens.ddbcms.dk/">&nbsp; Knap med ikon</a>

Bemærk &nbsp;: Det er nødvendigt for at få et mellemrum mellem ikon og tekst.

Et link med ikon
Du skal bare tilføje class="icon icon-circle-arrow-right" til a elementet.

<a class="icon icon-circle-arrow-right" href="https://horsens.ddbcms.dk/">&nbsp; link med ikon</a>

Statusbeskeder og vigtige oplysninger

Disse kan være anvendelige, hvor der er oplysninger, som brugeren skal være særligt opmærksom på.

Fejl i DDB CMS

<p class="messages status">Status-besked</p>

Advarsel i DDB CMS

<p class="messages warning">Advarsel</p>

Fejl i DDB CMS

<p class="messages error">Fejl-besked</p>

Bemærk! Dette er hacks

Som Rolf Madsen venligt gør opmærksom på i DDB CMS forummet, er dette hacks. Formateringen kan gå tabt, såfremt CSS klasserne i fremtiden bliver ændret i DDB CMS style sheetet.

20. august 2014
by Morten Brunbjerg Bech
0 comments

Træt af Facebook Messenger? Her er et alternativ

Facebook Messenger app ikonJeg har været noget fortørnet over den måde, Facebook tvinger brugere af deres besked-tjeneste over på den selvstændige app, Facebook Messenger. Det har jeg ikke været ene om. App’en får af samme årsag sølle 1 stjerne i Apple’s app store.

Der har endvidere gået rygter om, at man ved installering af denne app tillader, at Facebook spionerer i éns kontakter, SMS’er og fotos. Hvorvidt, det reelt er tilfældet, har jeg ikke undersøgt nærmere.

Trillian to the rescue

Trillian app ikonMen der findes et smuthul. Cerulean Studios laver nemlig en meta-instant messenger app, Trillian, der kan gå på en flere forskellige besked-netværk, heriblandt Facebook’s besked-service. Jeg har installeret den på min iPhone, og det fungerer upåklageligt.

Hent Trillian her

Jo, bevares, man skal stadig have en ekstra app til Facebook-chat, men i det mindste er det da ikke et Facebook-produkt.

14. august 2014
by Morten Brunbjerg Bech
17 Comments

Pimp dine DDB CMS sider med ikoner og layout

DDB CMS er et Drupal-baseret content management system, der er målrettet danske folkebiblioteker. CMS’et er endelig parat til at hælde indhold i og netop nu står de fleste biblioteker foran en stor implementeringsopgave. I den anledning, er der oprettet en erfa-gruppe på Facebook.

Layout-tip til biblioteks-webredaktører
Redigeringsværktøjet (editoren) i DDB CMS er fint til brødtekst, men det giver ganske begrænset mulighed for at lave layout på f.eks. oversigtssider. Men hvis man kan lidt HTML, er der en del muligheder indbygget i CMS’et. Der medfølger nemlig både en samling ikoner og layouts i stylesheet’et. Man skal bare kende nogle classes for at udnytte dem.

Screenshot af Horsens Kommunes Bibliotekers selvbetjeningsside

Sådan ser Horsens kommunes bibliotekers selvbetjeningsside ud. Bemærk layout og ikoner.

Stil indholdet op i 2 kolonner

For at stille indholdet op i 2 kolonner, skal du pakke det ind i lidt HTML.

1. Start med at skrive dit indhold

Start med at skrive dit indhold i editoren og inddel det i afsnit som herunder.Tekst i afsnit wysiwyg editoren

2. Klik på “Kilde”

Klik i værktøjslinjen på “Kilde”. Nu får du vist indholdet, som det er kodet i HTML.Wysiwyg editoren i DDB CMS

Dit indhold ser nu nogenlunde således ud (dog uden linjeskift, som jeg har indsat for overskuelighedens skyld):

<p>
  <strong>Overskrift 1</strong><br>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  Aenean commodo ligula eget dolor.
</p>
<p>
  <strong>Overskrift 2</strong><br>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  Aenean commodo ligula eget dolor.
</p>
<p>
  <strong>Overskrift 3</strong><br>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  Aenean commodo ligula eget dolor.
</p>
<p>
  <strong>Overskrift 4</strong><br>
  Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  Aenean commodo ligula eget dolor.
</p>

3. Pak det hele ind

Pak det hele ind i nogle <div> elementer og giv det klassenavne.

<div class="group-blocks--wrapper">
  <div class="group-blocks--inner group-blocks--two">
    <p class="group-blocks--first">
      <strong>Overskrift 1</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
    <p class="group-blocks--second">
      <strong>Overskrift 2</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
  </div>
  <div class="group-blocks--inner group-blocks--two">
    <p class="group-blocks--first">
      <strong>Overskrift 3</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
    <p class="group-blocks--second">
      <strong>Overskrift 4</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
  </div>
</div>

Kopier gerne koden herover for at have et udgangspunkt.

Forklaring:

  • Klassen group-blocks--wrapper sørger for, at dine kolonner bliver responsive, så de tilpasser sig til mindre skærme.
  • Klasserne group-blocks--inner group-blocks--two definerer rækken samt antallet af kolonner.
  • Klassen group-blocks--first fortæller browseren, at dette er første kolonne og klassen group-blocks--second at dette er anden kolonne i rækken.

Gem siden. Dit layout ser nu således ud.Layout med tekst


Tilsæt  ikoner

DDB CMS kommer som udgangspunkt med ikon-sættet Font Awesome, version 3.01. Det betyder at du har en række ikoner at vælge imellem til dine sider. Du skal bare kende klasse-navnene.

Først et eksempel, dernæst forklaring:

<a aria-hidden="true" class="icon icon-3x pull-left icon-user" href="http://horsens.ddbcms.dk/">&nbsp;</a>

Forklaring:

  • Attributten aria-hidden="true" skjuler ikonet fra skærmlæsere, så folk med synshandicap ikke får det læst højt.
  • Klassen icon betyder, at dette element skal opføre sig som et ikon, jvf. stylesheet’et.
  • Klassen icon-3x betyder, at ikonet skal være 3 × så stort, som det oprindelige udgangspunkt.
  • Klassen pull-left betyder, at ikonet skal flyde venstre om teksten.
  • Klassen icon-user angiver det valgte ikon-motiv.

Du kan nu indsætte ikonerne i dine kolonner:

<div class="group-blocks--wrapper">
  <div class="group-blocks--inner group-blocks--two">
    <p class="group-blocks--first">
      <a aria-hidden="true" class="icon icon-3x pull-left icon-user" href="https://horsens.ddbcms.dk/">&nbsp;</a>
      <strong>Overskrift 1</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
    <p class="group-blocks--second">
      <a aria-hidden="true" class="icon icon-3x pull-left icon-shopping-cart" href="https://horsens.ddbcms.dk/">&nbsp;</a>
      <strong>Overskrift 2</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
  </div>
  <div class="group-blocks--inner group-blocks--two">
    <p class="group-blocks--first">
      <a aria-hidden="true" class="icon icon-3x pull-left icon-book" href="https://horsens.ddbcms.dk/">&nbsp;</a>
      <strong>Overskrift 3</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
    <p class="group-blocks--second">
      <a aria-hidden="true" class="icon icon-3x pull-left icon-headphones" href="https://horsens.ddbcms.dk/">&nbsp;</a>
      <strong>Overskrift 4</strong><br>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
      Aenean commodo ligula eget dolor.
    </p>
  </div>
</div>

Kopier gerne koden herover for at have et udgangspunkt.

Og få et resultat i stil med selvbetjeningssiden fra Horsens.Layout med ikoner og tekst

Overblik over ikoner og classes

Du kan variere ikonerne med følgende valgfrie classes:

  • pull-left: Ikonet flyder venstre om teksten.
  • pull-right: Ikonet flyder højre om teksten.
  • icon-2x: Ikonet bliver dobbelt så stort, som udgangspunktet.
  • icon-3x: Ikonet bliver 3 × så stort, som udgangspunktet.
  • icon-4x: Ikonet bliver 4 × så stort, som udgangspunktet.
  • icon-muted: Ikonet bliver lysegråt.

Oversigt over motiver
Alfabetisk overblik over classes, der repræsenterer forskellige motiver. Der er 245 at vælge imellem.

icon-adjust
icon-align-center
icon-align-justify
icon-align-left
icon-align-right
icon-ambulance
icon-angle-down
icon-angle-left
icon-angle-right
icon-angle-up
icon-arrow-down
icon-arrow-left
icon-arrow-right
icon-arrow-up
icon-asterisk
icon-backward
icon-ban-circle
icon-bar-chart
icon-barcode
icon-beaker
icon-beer
icon-bell
icon-bell-alt
icon-bold
icon-bolt
icon-book
icon-bookmark
icon-bookmark-empty
icon-briefcase
icon-building
icon-bullhorn
icon-calendar
icon-camera
icon-camera-retro
icon-caret-down
icon-caret-left
icon-caret-right
icon-caret-up
icon-certificate
icon-check
icon-check-empty
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-chevron-up
icon-circle
icon-circle-arrow-down
icon-circle-arrow-left
icon-circle-arrow-right
icon-circle-arrow-up
icon-circle-blank
icon-cloud
icon-cloud-download
icon-cloud-upload
icon-coffee
icon-cog
icon-cogs
icon-columns
icon-comment
icon-comment-alt
icon-comments
icon-comments-alt
icon-copy
icon-credit-card
icon-cut
icon-dashboard
icon-desktop
icon-double-angle-down
icon-double-angle-left
icon-double-angle-right
icon-double-angle-up
icon-download
icon-download-alt
icon-edit
icon-eject
icon-envelope
icon-envelope-alt
icon-exchange
icon-exclamation-sign
icon-external-link
icon-eye-close
icon-eye-open
icon-facebook
icon-facebook-sign
icon-facetime-video
icon-fast-backward
icon-fast-forward
icon-fighter-jet
icon-file
icon-file-alt
icon-film
icon-filter
icon-fire
icon-flag
icon-folder-close
icon-folder-close-alt
icon-folder-open
icon-folder-open-alt
icon-font
icon-food
icon-forward
icon-fullscreen
icon-glass
icon-globe
icon-gift
icon-github
icon-github-alt
icon-github-sign
icon-google-plus
icon-google-plus-sign
icon-group
icon-h-signicon-hand-down
icon-hand-left
icon-hand-right
icon-hand-up
icon-hdd
icon-headphones
icon-heart
icon-heart-empty
icon-home
icon-hospitalicon-inbox
icon-indent-left
icon-indent-right
icon-info-sign
icon-italic
icon-key
icon-laptopicon-leaf
icon-legal
icon-lemon
icon-lightbulb
icon-link
icon-linkedin
icon-linkedin-sign
icon-list
icon-list-alt
icon-list-ol
icon-list-ul
icon-lock
icon-magic
icon-magnet
icon-map-marker
icon-medkiticon-minus
icon-minus-sign
icon-mobile-phone
icon-money
icon-move
icon-music
icon-off
icon-ok
icon-ok-circle
icon-ok-sign
icon-paper-clip
icon-paste
icon-pause
icon-pencil
icon-phone
icon-phone-sign
icon-picture
icon-pinterest
icon-pinterest-sign
icon-plane
icon-play
icon-play-circle
icon-plus
icon-plus-sign
icon-plus-sign-alt
icon-print
icon-pushpin
icon-question-sign
icon-qrcode
icon-quote-left
icon-quote-right
icon-random
icon-refresh
icon-remove
icon-remove-circle
icon-remove-sign
icon-reorder
icon-repeat
icon-reply
icon-resize-full
icon-resize-horizontal
icon-resize-small
icon-resize-vertical
icon-retweet
icon-road
icon-rss
icon-save
icon-screenshot
icon-search
icon-share
icon-share-alt
icon-shopping-cart
icon-sign-blank
icon-signal
icon-signin
icon-signout
icon-sitemap
icon-sort
icon-sort-down
icon-sort-up
icon-spinner
icon-star
icon-star-empty
icon-star-half
icon-step-backward
icon-step-forward
icon-stethoscope
icon-stop
icon-strikethrough
icon-suitcase
icon-table
icon-tablet
icon-tag
icon-tags
icon-tasks
icon-text-height
icon-text-width
icon-th
icon-th-large
icon-th-list
icon-thumbs-down
icon-thumbs-up
icon-time
icon-tint
icon-trash
icon-trophy
icon-truck
icon-twitter
icon-twitter-sign
icon-umbrella
icon-underline
icon-undo
icon-unlock
icon-upload
icon-upload-alt
icon-user
icon-user-md
icon-volume-down
icon-volume-off
icon-volume-up
icon-warning-sign
icon-wrench
icon-zoom-in
icon-zoom-out

Se også dokumentation på Github.

16. juni 2014
by Morten Brunbjerg Bech
7 Comments

Åbent brev til Minetilbud.dk og FK Distribution

Brochuren Nej Tak+ fra Minetilbud.dk

Kære FK Distribution

Vil I venligst slette min postadresse fra jeres distribueringsliste vedr. Minetilbud.dk?

Jeg har foreløbig modtaget ikke færre end 4 postadresserede reklamer fra jer. Om I så sender mig 1000, bliver det ikke mere sandsynligt, at jeg tilmelder mig tjenesten, tværtimod.

Min modstand og antipati for jeres aggressive markedsføring vokser for hver eneste gang, den reklame havner i min postkasse. Ikke mindst fordi, reklamen afkræver mig affaldshåndtering, eftersom den består af pap, der er indpakket i plastik.

“Nej tak” mærket på min postkasse betyder faktisk nej tak og ikke NejTak+.

Endvidere vil jeg gerne frabede mig, at de oplysninger, I afkræver mig i jeres kontakt-formular, misbruges til tele- eller e-mail marketing.

Med venlig hilsen
Morten Brunbjerg Bech

22. maj 2014
by Morten Brunbjerg Bech
0 comments

20 fine script fonts og 4 dekorative ornament fonts

Jeg ville ønske, jeg selv kunne kalligrafere noget, der faktisk så lækkert ud. Men jeg har ikke lige 10.000 timer til at mestre kunsten, så jeg må nøjes med det næstbedste og har af den grund udviklet en vis svaghed for kalligrafiske skrifttyper – eller script fonts.

Særligt går jeg efter fonts, hvor ÆØÅ er inkluderet. Først og fremmest pga. sprogunderstøttelsen men også fordi de indikerer et vist fokus på detaljer fra designerens side. Forleden kom jeg forbi Fontspace og faldt over nogle godbidder.

Måns Grebäck

Der er generelt et stykke vej mellem snapsene på sites, hvor man kan downloade gratis eller demo-fonts. Men én designer skiller sig særligt ud blandt mængden på Fontspace. Man kan hurtigt spotte skrifttyper, der er designet af Måns Grebäck, for der er bare tænkt mere over detaljen. Måns Grebäcks fonts er kun til personlig brug, men man kan erhverve sig en licens på hans website.

Bira

Bira font

Black Fox

Black Fox font

Brannboll

Brannboll fontMed Brannboll følger to vægtninger, Brannboll Fet og Brannboll Smal.

Bready

Bready fontBready kommer med 4 varianter. Bready Regular, Bready Alternates, Bready Clockwise med svungne over- og underlængder i urets retning og Bready C-Clockwise med svungne over- og underlængder modsat urets retning. En skrifttype, der er oplagt at modificere let til logo-tekst.

Caneletter Script

Caneletter fontCaneletter Script har to vægtninger, Caneletter Script og Caneletter Script Thin.

Clipper Script

Clipper Script fontClipper Script  har ligeledes to vægtninger, Clipper Script og Clipper Script Fat.

Echinos Park Script

Echinos Park Script font

Feathergraphy Decoration

Feathergraphy Decoration fontSvært læsbar, men vældig lækker til noget grungy dekoration i retning af noget street- eller tattoo-stil.

Harbell

Harbell font

Hemmet

Hemmet font

Impregnable

Impregnable font

Intrique Script

Intrique Script font

Lakesight

Lakesight font

Lighthouse

Lighthouse font

Sultan Café

Sultan Cafe fontSultan Café kommer med to varianter, Sultan Café og Sultan Café Decor. Selvom det ikke just er en script-skrifttype, har den noget dekorativt vintage art nouveau over sig og vækker mindelser om noget fra 1910.

Ventography

Ventography font

Andre script-fonts med gode takter

Thirsty Script Extrabold Demo

Thirsty Script ExtraboldAf Yellow Design Studio. Denne kræver lidt arbejde med knibningen, for som det fremgår er tegnene ikke bundet ordentligt sammen.

Qumpellka No 12

Qumpelka No12 fontAf Gluk

Grand Hotel

Grand Hotel fontAf Astigmatic One Eye Typographic Institute

Spicy Rice

Spicy Rice fontAf Astigmatic One Eye Typographic Institute. Spicy Rice ligner noget fra 60’erne og bringer straks mine tanker hen på det gamle computerspil No One Lives Forever.

Pynt, rammer og dekoration

Bergamot Ornaments

Bergamot Ornaments fontAf Emily Lime Design. Bannere, talebobler og pynt i håndtegnet blæk-stil.

Calligraphia Latina Free

Calligraphia Latina fontAf Intellecta Design. Kalligrafiske ornamenter og rammer med masser af schwung.

Calligraphic Frames Soft Two

Calligraphic Frames Soft Two fontAf Intellecta Design. Kalligrafiske rammer.

KG Flavor and Frames Seven

KG Flavor and Frames Seven fontAf Kimberly Geswein. Bannere, badges, labels og rammer i en grungy stempel-på-papir-kvalitet.