17. maj 2013
by Morten Brunbjerg Bech
0 comments

“Add to Home Screen” med JavaScript på iOS

I går skrev jeg om en metode til at skjule eller nedtone iOS browserens brugergrænseflade, så dit allerede responsive website kommer til at minde lidt mere om en native app. Der er det lille aber dabei, at metoden fungerer bedst, hvis man kan få brugeren til at bookmarke sitet på sin Home Screen.

Mange iOS brugere aner bare ikke, at de kan føje et almindeligt website til deres Home Screen og interagere med det, næsten som om det var en native app. Men det kan man gøre dem opmærksom på med et lille JavaScript.

Matteo Spinelli har skruet et lille script sammen med det sigende navn “Add to Home Screen”. Det placerer en svævende ballon med “invitation” til at bookmarke siden ovenover "Tilføj" ikonet i Safari på iOS-ikonet i Safari på iOS. Og det er endda oversat til dansk. Se herunder.

Matteo Spinelli's script Add to Home Screen laver denne boble.

Hent scriptet og læs dokumentationen her →

Men måske er det for påtrængende

Det kan dog diskuteres, hvorvidt dette er en optimal løsning, da den slags meddelelser kan virke temmelig påtrængende, især for brugere, der f.eks. bare gerne hurtigt vil se dine åbningstider. Man skal nok passe på ikke at gøre det til et irritationsmoment.

16. maj 2013
by Morten Brunbjerg Bech
4 Comments

Skrot browservinduet på iOS

Browser rammen på iOS

Dit website er allerede responsivt og tilpasser sig såvel små som store skærmstørrelser. Men det ser alligevel ikke helt rigtig ud på din iPhone, for det bliver vist i det grimme browservindue og ligner slet ikke en af de dér fancy apps.

Det er der råd for. Du indsætter bare et lille HTML meta tag i websitets header:

<!-- Make the site app-like on ios -->
<meta name="apple-mobile-web-app-capable" content="yes">

[UPDATE kl. 21.30] Det virker bedst, hvis man kan lokke brugeren til at bookmarke til Home Screen. Besøges sitet på normal vis, vises navigationsbjælken i bunden af Safari. Chrome’s UI skjules dog.

5. april 2013
by Morten Brunbjerg Bech
0 comments

Superheltenes dagligdag

Superman æder en burger

Plakatkunst: “Secret Hero Life – Pop Icons” er titlen på en serie plakater af Grégoire Guillemin. Plakaterne er close-up tegninger af superhelte i dagligdagssituationer i bedste Roy Lichtenstein stil. Der er rigtig mange sjove motiver imellem.
Se dem her.

Grégoire Guillemins illustrationer kan også fås på tryk, lige fra plakater til iPhone covers. De kan købes i kunstnerens webshop.

3. april 2013
by Morten Brunbjerg Bech
0 comments

Letflydende musik-safari

Musikken flyder let for tiden. Med tjenester som frontløberen Spotify samt TDC Play, Rdio m.fl. har det aldrig været nemmere at gemme cd-samlingerne væk, droppe pirateriet og lade lyden flyde ud af lyslederkablet. Selv er jeg en vældig tilfreds Wimp abonnent. En service, man kan få gratis, hvis man kan nøjes med desktop udgaven og som også formidler sit indhold med kunstner-playlister og playlister baseret på førende musik-blogs og -tidsskrifter.

Men hvis man vil på opdagelse, er det værd at prøve en eller flere af nedenstående. Er det lidt baggrundsmusik til arbejdet, man leder efter, fungerer de også fint som “radio”.

8tracks
Konceptet er brugernes egne spillelister, bestående af mindst 8 tracks, man selv kan uploade. Oplagt, hvis man vil finde nyt indenfor en bestemt genre.

22tracks
En jukebox bestående af 22 spillelister, der hver indeholder 22 tracks, særligt udvalgt af DJ’s fra London, Amsterdam, Bruxelles og Paris.

Whyd
En jukebox, der suger indhold fra bl.a. YouTube, SoundCloud m.fl. Men musikken er i centrum og evt. videoer er nedtonet. Man kan oprette sine egne spillelister med det, andre har delt, eller man kan fodre Whyd med URL’er til musik, man har fundet på andre web tjenester.

SoundCloud
Stedet, hvor musikere, der er lidt fremme i skoene, promoverer demoer m.m. Tjenesten er for nyligt blevet redesignet med en stor “Explore” sektion, hvor man kan finde forskellige genrer.

22. marts 2013
by Morten Brunbjerg Bech
0 comments

Google Reader’s arvtager

Feedly logoJeg har pløjet markedet for RSS-readers igennem for at finde noget, der kan overtage mine nyheds-feeds efter den skandaløse slagtning af Google Reader. Jeg er nået frem til Feedly, først anbefalet til mig af Hanne Klintøe på Twitter.

Feedly har bygget en service, der imiterer Google Reader’s API og man kan logge direkte ind i Google Reader, hvorved Feedly overtager de feeds, man abonnerer på. Har man oprettet en Feedly account og koblet den sammen med Google Reader, er man således på den sikre side d. 1. juli, når Google Reader lukker og slukker.

Feedly har en rigtig lækker, clean, magasin-agtig brugergrænseflade (mere i min smag end Google Reader’s, faktisk) og har iøvrigt nogle glimrende apps til både iPhone og iPad.

Bye bye Google Reader. Prøv Feedly her →

14. marts 2013
by Morten Brunbjerg Bech
0 comments

Fingrene væk fra mine småkager!

Småkager

Cookie-bekendtgørelsen: Fra og med 14. december 2011 skal alle danske websites være forsynet med en stor, grim meddelelse om de små stumper information, også kaldet cookies, der lægges ned på den besøgendes computer. Den besøgende skal aktivt give samtykke, før sitet må anvende cookies.

Tanken er ellers prisværdig. Store, multinationale virksomheder vil gerne spore og samle information om dig, så de kan målrette deres markedsføring og ramme dig præcis, når du er mest sårbar modtagelig. Til det formål bruger de cookies. Derfor har vores politikere via EU vedtaget “Bekendtgørelse om krav til information og samtykke ved lagring af eller adgang til oplysninger i slutbrugeres terminaludstyr“. Det handler ganske enkelt om privatlivets fred og (for)brugerens ret til at forblive helt og aldeles anonym.

Overtrædelse straffes med bøde, omend bødens størrelse tilsyneladende stadig er ukendt. Hvordan loven helt præcis skal fortolkes, står også hen i det uvisse. Skal websitets ejer blokere helt for cookies, før den besøgende har accepteret? Eller er det nok at gøre opmærksom på, at sitet bruger cookies og henvise til information om, hvordan man kan fjerne dem fra computeren igen?

Hvis førstnævnte er tilfældet, får mange content management systemer, såvel som Erhvervsstyrelsens website selv, problemer med at overholde loven.

Bekendtgørelsen skyder desværre også helt forbi målet. Skal den effektueres, vil det i praksis betyde, at ikke bare alle danske, men også alle sites i EU, skal forsynes med en stor, særdeles synlig meddelelse, som brugeren skal acceptere, før vedkommende kan komme videre.

1.
Det vil utvivlsom blive til stor gene for mange brugere, der ustandseligt skal trykke “acceptér”. Det er en indledende stopklods for interaktion med et website.

2.
Vi ved alle, at ingen læser betingelserne, før de trykker videre, når de opretter brugerprofiler på nettet. På samme måde vil samtykke-beskeden være noget, man klikker forbi for at kunne komme videre med sit forehavende.

3.
Begynder-brugere, der har den mindste skræk for alle den slags meddelelser, vil skynde sig at lukke browseren og aldrig vende tilbage.

4.
Det er konkurrenceforvridende for alle sites i EU, da sites udenfor unionen slipper for denne indledende interaktions-stopklods.

Listen over elendigheder kunne fortsætte i det uendelige.

Martin Thorborg skriver kækt på Amino.dk:

Kan jeg slippe for Amino Cookies?
Jo da, det kan ikke være meget lettere. Du slukker bare for din computer og læser en god bog i stedet for.

Sjovt, ja. Men udsagnet illustrerer faktisk blot, hvordan bekendtgørelsen ganske enkelt ikke kan implementeres uden at genere både udbydere og forbrugere. Det her er, hvad der sker, når politikerne tager stilling til ting, de ikke har den fjerneste anelse om, hvordan fungerer.

Så kære politikere. Vil I venligst holde fingrene fra mine småkager!

14. marts 2013
by Morten Brunbjerg Bech
8 Comments

Google Reader er død. Længe leve RSS

Gravsten - Hvil i fred, RSS

Jeg fik kaffen galt i halsen, da jeg lukkede op for Google Reader her til morgen. En funklende utvetydig besked gjorde opmærksom på, at Google Reader lukker ned d. 1. juli 2013. Sikke en skam og lige til at tude over. Grunden er angiveligt oprydning i Google’s efterhånden temmelig omfattende produktportefølje, herunder at Google Reader har tabt brugere i de senere år. Mere om nedlukningen på den officielle Google Reader blog.

Jeg har brugt Google Reader siden starten i 2005. Den fik hurtigt bugt med konkurrenterne, hvoraf flere måtte lukke, herunder Bloglines. Nu lukker tjenesten så og kan måske hive hele RSS teknikken med sig i faldet. En teknik, der nok også har været svær at fatte som almindelig casual web bruger, hvilket måske er medvirkende til lukningen.

Min brug af Google Reader er også faldet, efterhånden som flow-tjenester som Twitter og Facebook opblomstrede. Ingen tvivl om, at flow-tjenesterne har overtaget en del brugere. Men de kan næppe afløse RSS teknologien helt, i hvert fald ikke set fra min kontorstol. Med en feed reader er der i højere grad en historik og gode bookmark funktioner, der ikke er tilstede i flow-tjenesterne.

Hvad gør vi nu?

Jeg skal ud på reader markedet og finde en ny, der kan erstatte Google’s de facto status. Min Twitter-timeline har allerede afsløret flere, som skal prøves af. Der er især:

Feedly skulle have klonet Google Reader’s API og det kan måske vise sig at være nyttigt. Jeg giver lyd igen, når jeg finder den rette løsning.

24. februar 2013
by Morten Brunbjerg Bech
2 Comments

Web-typografi og gamle browsere

Typografi er et element, der virkelig kan få et webdesign til at skille sig ud fra mængden. Men det kan også øge tyngden af websitet betragteligt. For at sætte en anden skrifttype på et website end de få, der som udgangspunkt er til rådighed, må man indlejre en font fil i websitet. Faktisk har det hidtil været nødvendigt at indlejre 4 filer for at få skrifttypen til at fungere på tværs af browsere. Syntaksen ser således ud i CSS:

@font-face {
  font-family: 'Source Sans Pro';
  src: url('source-sans-pro.eot'); /* IE 5-8 */ 
  src: local('?'),             /* snyd IE så den tvinges til at bruge .eot */
        url('source-sans-pro.woff') format('woff'),    /* FF 3.6+, Chrome 5+, IE9+ */
        url('source-sans-pro.ttf') format('truetype'), /* Opera, Safari */
        url('source-sans-pro.svg#font') format('svg'); /* iOS4 */
}

Problemet er, at filerne fylder, især .svg filen, og det gør websitet væsentlig tungere Det gør det faktisk ikke, se Joens kommentar. Der bliver mere at downloade for brugeren. Det kan være et problem, hvis man har en 3G forbindelse og et dyrt dataabonnement.

Men der er lys forude. Forhåbentlig kan man snart droppe 3 af filerne og nøjes med .woff filen, for der bliver stadig færre, der bruger de gamle browsere. Ifl. caniuse.com er der efterhånden ret bred understøttelse af .woff.

Vil det mon ikke efterhånden være rimeligt at droppe supporten af de gamle browsere, nøjes med en .woff og sætte en fornuftig default fallback font? Det er en praksis, jeg vil til at prøve af.

5. januar 2013
by Morten Brunbjerg Bech
1 Comment

Chokoladefavoritter

Jeg kan godt lide chokolade. Der er bare noget chokolade, der er meget, meget bedre end så meget andet chokolade. Tysker-chokolade, for eksempel. Du ved, dét der søde stads, der ofte findes i billige påskeæg og julekalendere, der er hentet på den anden side af grænsen? Det kan fås meget bedre end dét. Disse her er hurtigt blevet mine favoritter.

Chok-O-Blok - Hvid chokolade med lakridsHvid Chok-O-Blok med lakrids

Fra Økoladen. Den her er fantastisk! En underlig blanding ved første indtryk, men der gik ikke længe, før jeg var solgt. God hvid og lys chokolade med nibs af ægte lakrids. Den er ikke helt billig, men prisen værd.

Johan Bülow lakrids Big ALakrids A

Choc Coated Liquorice fra Johan Bülow. Den går måske i virkeligheden under betegnelsen ‘lakrids’, men det er lakrids med meget chokolade. Sød, blød lakrids i en kugle af chokolade, trillet i sød lakridspulver. Sammensætningen gør udslaget og eksploderer i smagsoplevelse.

Guinness Dark ChocolateGuinness Dark Chocolate

Denne her overraskede positivt ved første smagsprøve. Mørk chokolade af god kvalitet med et twist af den kendte, mørke Guinness-øl. Det lille touch af alkohol (ja, det indeholder den faktisk) giver chokoladen kant og finish og en særlig duft. Du kan købe den i Fakta.

Har du nogen chokoladefavoritter?