#blogg100 badge plugin för WordPress

WordPress plugin #blogg100 badge från Erik FalkIdag vill jag slå ett slag för ett WordPress-plugin som Erik Falk har byggt för #blogg100 som håller på bland hundratals bloggar från Sverige.

Det trevliga pluginet lägger automatiskt och snyggt på en badge till varje bloggpost som är taggad med #blogg100 eller blogg100. Man har själv möjlighet att stila badgens utseende via CSS i pluginets adminpanel. En snygg lösning på vart badgen ska ligga förhållande till posten är att när man är inloggad som administratör har möjlighet att flytta den via drag-and-drop och positionen sparas automatiskt och appliceras över hela sajten.

En snygg lösning på och smart litet pluginet som jag kan tänka mig att Erik kommer att jobba vidare på och göra det mer generellt så att man kan skapa egna badges för sin blogg och ens taggar och bloggserier som man kan har.

Ni kan hitta pluginets egna sida här och även se ett exempel hur det ser ut applicerat och ni kan även se en variant hos baronen.org.

Nu kan du följa ditt instragram-flöde på instagram.com

Idag så släppte Instagram det man för ett år sedan tillbaka inte trodde skulle komma nu kan du följa ditt instagram-flöde via just instagram.com. Man passade även på att uppdatera utseende en del sedan man släppte profilsidorna öppna.
Känslan var att man just skulle satsa på att bara vara en mobilapp och att man släppte ett API som skulle låta kreativa användare/utvecklare att bygga tjänster och webbvarianter. Men sedan Facebook köpte upp Instagram så har man kanske ändrat inriktning och öppnar för ytterligare en inkomstkälla eller så vara man bara inte nöjda med andra utvecklare lyckades att göra. Eller är man nu påväg att gå ifrån just att bara vara en mobilapp?

Så gör du gråskaliga bilder cross-browser med CSS

Har ni som jag svurit över att det inte funnits något smidigt sätt att göra svartvita / gråskaliga bilder utan att behöva skapa dom i Photoshop?
Här har ni lösningen som är cross-browser säker nere till IE6 vilket är mer än bra.
Jag skapade här ett exempel med hover-effekt och lade även på CSS3 transition (nej, det är inte cross-browser) för en mjukare övergång.

Hoppas det kan spara hår och tid för någon annan.

jarnesjo-grancanariajarnesjo-grancanaria

img.gray { 
    filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

    -webkit-transition: all .5s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

img.gray:hover { 
    filter: url("data:image/svg+xml;utf8,#grayscale");
    -webkit-filter: grayscale(0%);
}

jsFiddle: http://jsfiddle.net/jarnesjo/ys2Lf/5/
jsFiddle resultat: http://jsfiddle.net/jarnesjo/ys2Lf/5/embedded/result/

Intervju med Path grundare Dave Morin

Jag har skrivit om Foundation av Kevin Rose i tidigare inlägg, men denna gången tänkte jag rekommendera ett specifikt avsnitt med Dave Morin. Han har grundat Path, en sociala tjänst men som bara vänder sig till de i din närmaste närhet.

Innan Morin började med Path så har han bland annat jobbat på Apple och Facebook och är väldigt intresserad beteendevetenskap.

Skapa snygga produktbilder med din webbplats som screenshot

Behöver du skapa eller vill ha en snygg produktbild på en iPhone, iPad, iMac eller varför inte en Nokia Lumia med en särskild webbplats frontad och inte kan eller har tid att göra det i Photoshop? Då kan jag verkligen rekommendera Placeit från Breezi.com så tillåter att välja mellan 44 olika bildalternativ där man kan få skärmavbildningen på sin webbplats på någon av produkterna.

Antingen så laddar man upp en egen bild till produkten och man får vilken upplösning bilden ska vara för att anpassa sig bäst. Men det finns även ett alternativ att skriva in en URL som tjänsten själv går iväg och fixar ett screenshot av din angedda webbplats.

Så nu kan du presentera dina senaste alster like-a-pro redan i idé stadiet utan att det ska ta dig extra tid.

Ta bort duplicerade program vid högerklick i OS X

Det är en sak som jag har stört mig på en tag och det är att när man högerklickar på en fil och sedan väljer ”Öppna med” och då dyker det upp en massa duplicerade program. Så idag har jag tagit reda på hur jag blir av med dessa och tänkte dela med mig av detta till er som har stört sig på det som jag.

Steg 1
Öppna termailen

Steg 2
Kopiera följande och slå enter

/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchServices.framework/Versions/A/Support/lsregister 
-kill -r -domain local -domain system -domain user

Steg 3
Nu åsterstår det bara att starta om ”Finder” och det gör du enklast genom att håll ner ALT + högerklicka så får du upp alternativet ”Starta om” så starta om och allt är fix och färdigt.

WordPress-plugin jag använder här på bloggen

Tänkte dela med mig av vilka plugin som jag kör här på min WordPress-blogg. Jag gick igenom dom nu när jag bytte utseende på sidan och så kom jag på idéen, men också för att jag hoppas kunna få in tips på användbara plugin som jag kan ha missat, men måste testa eller ha.

Affiliate Link Cloaking
Använder jag för att maskera fula affiliatellänkar som jag har i Bokhyllan

Akismet
WordPress egna spamfilter till kommentarerna

Broken Link Checker
Ett plugin för att hålla kolla på alla länkar som finns på sidan. Den notifierar dig om länkar som finns, men inte längre leder någonstans t ex.

Comment Reply Notification
Dess syfte är att notifiera en användare med ett mail om några svarar på dennas kommentar så man enklare skapar diskussioner. 

Goolge Analyticator
Lägger till ens Google Analytics-kod på sidan, men främst har jag det för att få enklare statistik inne i Dashboarden när man loggar in. Se vilka sidor som är mest besökta, topp 5 sökord och lite annat skoj. 

Limit Login Attempts
Här kan man ställa in att man får max testa att logga in ett antal gånger innan man spärrar IP–adressen som gör fel. Inte för jag har problemet, men jag testade det och ser ingen skada med att det får ligga kvar. Läs mer »