Presentation av responsive design från net.netsplus.com

Responsive Web Design: A Visual Guide

Några exempel på responsive webbar

• http://www.bostonglobe.com/
• http://colly.com/
• http://cognition.happycog.com/
• http://foodsense.is/
• http://hicksdesign.co.uk/

Dela/Spara

Dela/Spara

Dela/Spara

Dela/Spara

Seminariet livesändes och kan nu ses här i efterhand.

Bortom OpenAid – ett seminarium om öppen data

Drygt ett år har gått sedan riksdagen fattade beslut om PSI-direktivet. PSI (Public Sector Information), syftar till att öka den elektroniska tillgängligheten till myndigheters handlingar. Men hur står det egentligen till med öppnandet av data i Sverige?

Innan sommaren lanserade UD och SIDA tjänsten OpenAid.se som visar upp hur det svenska biståndet fördelas på ett enkelt och tydligt sätt. Dessutom erbjuder de ett föredömligt API för vem som helst att bygga tjänster ovanpå biståndsinformationen.

Men vad händer härnäst? Vilka utmaningar står stat, kommuner och landsting inför? Förutom Openaid har inte så mycket ny data tillgängliggjorts. Går det för långsamt, och i sådana fall, varför? Samtalet börjar med en diskussion mellan paneldeltagarna, men vi hoppas på en intressant dialog med besökarna.

Frukostseminariet riktar sig till såväl personer som arbetar inom förvaltningen eller dig som är intresserad av öppen data.

Tid: 08.30-09.30 den 8:e september. Frukost serveras från 08.00
Plats: Intellecta Corporate, Spårvagnshallarna, Birger Jarlsgatan 57 B

Obligatorisk anmälan på http://bit.ly/bortom_openaid. Anmäl dig senast 31 augusti. Obs! Begränsat antal platser.

Medverkande (ytterligare medverkande kan komma)
Hanna Hellquist – statssekreterare på UD
Peter Krantz – initiativtagare till opengov.se
Hampus Brynolf – moderator / seniorrådgivare på Intellecta Corporate

Dela/Spara

@media screen and (min-width:240px){.dbr h1:after{content:"width 240-319px";color:#999;font-size:12px;padding-left:15px;font-family:monospace;position:fixed;bottom:5px;left:5px;background-color:rgba(0,0,0,0.5);padding:3px;color:#fff;border:1px solid #fff;-moz-box-shadow:0px 0px 4px #000;-webkit-box-shadow:0px 0px 4px #000;box-shadow:0px 0px 4px #000;}
}
@media screen and (min-width:320px){.dbr h1:after{content:"width 320-479px";}
}
@media screen and (min-width:480px){.dbr h1:after{content:"width 480-767px";}
}
@media screen and (min-width:768px){.dbr h1:after{content:"width 768-991px";}
}
@media screen and (min-width:992px){.dbr h1:after{content:"width 992-1381px";}
}
@media screen and (min-width:1382px){.dbr h1:after{content:"min-width 1382px";}
}

Här finns en demo på ovanstående och givetvis behöver du en webbläsare som klarar av mediaqueries och :after Pseudo-elements för att se resultatet, tex. Chrome/Safari/Firefox.

Vad jag gjort är att jag på sidans rubrik [h1] med hjälp av css Pseudo-elementet :after lagt till en text som beskriver bredden på sidan. Med hjälp an mediaqueries ritar jag sedan ut korrekt text för respektive sidbredd som definierats. Se rad 288 i boost.css

(om det är någon som tycker sig känna igen html ramverket jag använt så kommer det från Zander Martineau "Boost" framework)

Dela/Spara

Under SSWC höll jag en session på temat "Ninjakunskaper - bli snabbare framför din dator". Idén var att lära ut knep, tips och trix för att bli effektivare i din användning av OS X. Målet var förstås att alla ska kunna genomföra SSWC-bokningen på dryga halvminuten.

Det här inlägget sammanfattar några av de verktyg, program och tekniker som användes under presentationen. En mer heltäckande screen cast för visar de olika teknikerna i aktion kommer att läggas upp senare.

Men först en liten video på när jag skapar ett mail med tre getter som attachment, tar en skärmdump på detta, lägger i min dropbox och tweetar ut en bitly-länk till skärmdumpen på sju sekunder.

Click here to view the embedded video.

En ninjas nio gyllene regler

1. När du sträcker dig efter musen har du misslyckats.
2. Träna. Träna mer.
3. En riktig ninja använder inte gestures.
4. Lär dig minst ett kortkommando om dagen.
5. Man kan inte lägga för mycket tid på att spara en halvsekund.
6. Du har tio fingrar. Använda alla! Lär dig korrekt fingersättning, köp ett Das Keyboard. Spela speedtyping-spel istället för Solitaire.
7. Kontrollera och anpassa kortkommandon i dina vanligaste program (twitterklient, mailklient och så vidare).
8. Gör reguljära uttryck till din vän (överkurs!).
9. Folderactions, applescripts och automator kan göra underverk för hastigheten.

Programvara

Launchbar

Jag använder launchbar för en rad olika ändamål: urklippshanterare för multipla urklipp, inkrementella urklipp, filhantering och programhantering. Några av de tekniker som visades under sessionen var att söka och markera multipla filer (t.ex bilder) som sedan automatiskt skickades till exempelvis Mail-programmet. Ett annat exempel är det ninjamove som visas i filmen ovan, som tar en skärmdump, laddar upp i dropboxen, kopierar länken och omvandlar den till en bit.ly-länk för att slutligen lägga länken i urklipp, redo att klistras in i valfritt program. Applescriptet du behöver för den sista delen finns här.

Launchbar är inte gratis, Quicksilver är däremot open source. Testa båda och välj - jag fastnade för launchbar under en period när Quicksilver inte utvecklades och kan därför inte rättvist jämföra dem. De båda programmen gör i allt väsentligt samma saker, men på något olika sätt.

(Windows Vista har - så vitt jag förstår det - stöd för multipla urklipp.)

Chromeplugin

En del av sessionen fokuserade på kortkommandon i webbläsare. Essentiellt för att bli ninjasnabb är möjligheten att kunna navigera runt även i webbläsaren utan att använda musen. I Firefox finns möjligheten att göra inkrementella sök enbart på länkar genom att trycka på '-knappen. I Chrome krävs ett plugin för att erbjuda samma funktionalitet, men du kan uppnå samma effekt med CMD-F söksträng-till-länk ESC ENTER.

Andra program som flög förbi i presentationen

KeyCastr för att visa tangentbordskombinationer på skärmen. Mouse Locator använde jag för att visa var muspekaren befann sig för tillfället. Båda är kostnadsfria.

Windowsanvändare?

Ni som är windowsbaserade - kommentera gärna med förslag på bra windows-alternativ till detta och de andra förslag olika programmen.

Dela/Spara

Dela/Spara

Under maj har vi även kompletterat den kvantitativa inhämtningen med att crowdsourca kategorisering av twitterkonton. Syftet med denna kategoriseringen är att undersöka vem som står bakom de olika twitterkontona: är det personer, företag eller organisationer? Tisdagen de 21:e 09:30 presenterar vi de uppdaterade resultaten under ett enkelt webbseminarium. Mer information kommer att publiceras här på bloggen, och under hashtaggen #twittercensus på Twitter.

Dela/Spara

Dela/Spara