Programmering

...now browsing by category

 

Flattr: Put your money where your mouth is

Thursday, June 3rd, 2010

Some of you might have noticed that I’ve become quite interested in the whole Flattr project. It’s even gone so far for me to call myself Flattr Whore on their forum. No I’m not obsessed, I promiss!

You might wonder, how does this relate to Pirate Party politics? I’ll make it short because in a way it doesn’t and in a way it does. It doesn’t relate to the politics per say since it’s about money, but it relates to the ideology of Sharing is Caring. For that reason I want to support this.

The side fact that Flattr has consists of an amazingly nice and helpful team, and volounteers, especially on the forum side, just makes it so much better.
I guess that somewhere I’ve gotten stuck in volounteer work. I like doing stuff that I feel gives me something in return. Being active on the flattr forum, trying out the plugins on this blog, I updated everything lastnight.

Since I like the philosophy I’ve gotten quite intense. It’s started alot of thoughts around Flattr [swe] and how you can use it. I also wrote some thoughts about Flattr and social pressure that noone should stand out (swe)
Today I’ve posted 2 suggestions and 1 request on the forum.
Suggestions were Premium Invites, give an invite with money on it already. Co-op accounts/groups, basicly to be able to attatch more accounts to an account.
And after having been flooded with flattrs (unfortunately I found it unflattring, I’m sorry!) I also suggested, rather Requested: “Newest” – Collapse multiple things from same user

A few days ago I suggested:
Add/vote for tags, Lists – Integration and Bulk Edit Things which quicky got response from the Staff.

Flattr will be the revolutionary way that we can give creators the extra appriciation we want to give them. We can finally put our money where our mouth is! If you havn’t seen Peter Sunde at Re:publica yet, please do. Oh, and while you’re there you might want to follow their blog.

Please, tell me about 3 people/projects you would like to be able to flattr, but they don’t have an active account yet, and non the less tell them that you would like to flattr them, and offer an invite!

(don’t miss that when you comment you can add your flattr ID! edit: now it should work, lol. plugins updated again!)

#GGM10 – CSS intermediate

Sunday, May 23rd, 2010

@annika, Annika Lidne från Disruptive Media berättar mer för oss om CSS.
Block: div, h1, h2, ul, ol, dl, blockquote, p osv.
Inline: span, strong, em, a, img, cite, q osv.
<h2><span>Hej</span></h2>
Skulle man skriva <div>istället för <span> så blir det en ny rad, eftersom div är ett block.

Använd de html koder som finns. Google kommer inte indexera <div id=”headline”> som en rubrik. Använd hellre <h1>. Använd de html element som är där för att användas.
Lär dig hantera html, och sidan bör ha en bra struktur utan CSS. Listor där det ska vara listor. Och så vidare. Ett välstrukturerat html dokument.

Med dålig sourceordering kan det bli jättejobbigt att surfa in på sidan om man inte använder en vanlig dator som kan hantera allt.
Tänk på sourceordningen!
1, 2, 3, 4, 5.
Sortera om source ordering så att det viktigaste är först.

Vanligt när allt “pajjar” i CSS så har man tappat en liten tag någonstans, en ; eller liten tagg.

Plugin: Web Developer, Tools, Validate Kod.
Det är lätt att tappa smågrejer. Enklare att hantera och hitta det man saknar.

Stylesheets:
Media= -all
- screen
handheld
- print
tv
projector
aural

När man börjar göra egna layouter är det vanligaste att man avänder ett css framework. Blueprint var ett av de största, till att börja. 960 Grid System, Fluid 960 Grid System. YUI 2: Grids CSS (Yahoo).

Börja jobba med frameworks, så sparar ni mycket tid. Gridsystemgenerator.com. Layoutgala. Inte bloated, lätt och enkel.
Blueprint Wordpress Theme.
Liknande i Drupal.

IE7.js IE8.js, selective comments. Conditional Comments, googla på det så hittar ni precis vad man behöver skriva för olika IE versioner.
Man kodar för de moderna browserna. En bra upplevelse för FF, Safari, Chrome.

CSS Tools: Reset CSS.
Lägg alltid det först i din CSS-kod.

CSS guru Meyer

CSS3 har kod för runda hörn. Gör sidan lite mjukare och mysigare.
CSS3 round corners, CSS3 Box Shadow.

@font-face, ladda in ett typsnitt. Finns generatorer som laddar upp till olika browsrar.
Typeface generator
Google har nyligen släppt ett typ bibliotek, Open-source.
Fontsquirrel.com/fontface/generator

CSS3.com CSS3.info

#GGM10 – Charity Hack, välj idé

Saturday, May 22nd, 2010

Efter en dags process av att gå igenom alla idéer vi sprutade ur oss från början, refinera dem och till slut presentera dem vid avslutningen av dagen blev det dags för en slutgiltig röstning av vilket projekt det är vi ska hacka klart i morgon.

Det har varit en intressant process och jag är glad över att ha varit med i processen. Ska bli intressant att se hur slutresultatet blir! May the best idea win!

Vi går igenom den vinnande idéen och försöker matcha den med våra resurser. Dvs finns det folk som är redo att programmera för det?

Vi börjar med ett Modeblogg projekt. Vilket resulterat i en en intressant diskussion kring varför den inte riktigt kommer lyfta av sig själv.

En T-shirtens resa genom världen. Visa hur en t-shirt reser genom världen. Verkar falla på att det liknar “rena kläder”.

Grafitiprojekt, virtuell grafiti på företagsbyggnader! Blev valt! Ska bli skitcoolt! I morrn lyfter det! Spännande.
Tips på praktisk lösning för hur man lägger bild på bild för projektet tas gärna emot i kommentarsfältet, eller under #ggm10 #charityhack på twitter!

#GGM10 – CSS, basics

Saturday, May 22nd, 2010

@annika, Annika Lidne, gav oss en basic genomgång av CSS. Det är ju mycket bloggare, aspirerande bloggare och folk som är allmänt intresserade av att stylea sin sida.

Det första tipset hon gav: Använd inte Internet Explorer, när du utvecklar utseendet på din sida. Det är ej bakåtkompatibelt.
Kort lista av rekommenderade plugins för att jobba design i Firefox:

  • Webdeveloper toolbar
  • Firebug
  • Colorzilla
  • Hon beskrev på ett bildligt intressant sätt kaskadeffekten som används inom hela :n. Det börjar uppifrån och “rinner neråt”.

    Hon berättad kort om p, a och body. Men det blev lite snurrigt. Så jag vet inte vad jag fick med för anteckningar. I sin helhet skrev jag detta:

    p, all text. All brödtext ska vara svart, och ett visst ställe ska vara vitt. Sätta klasser på

    #hej .p
    Ett id/sida. klasser kan man gödsla med!

    a, alla länkar

    body
    innehåll, allt tricklar ner, och kaskad neråt. Fortsatt referens.

    Hon beskrev även för oss hur man skriver CSS-kod som så. CSS skrivs på ett speciellt sätt.
    body {
    color: #färgkod svart = #000000; vit = #FFFFFF
    }

    När man börjar skriva CSS på riktigt, Handkodning ftw!
    Med CSS idag kan man egentligen ändra allting på hela sidan! Vi kan påverka de små detaljerna i ett tema, för att tweaka det som vi vill ha det

    De attribut mellan måsvingarna som man behöver tänka på egentligen är

    Background-color:#
    background;
    color:
    border:

    Sen började hon visa varför hon rekommenderar att man använder Firebug.
    Firebug verkar som ett mycket bra verktyg. Mycket lätt att hitta, var det är man vill ändra i koden. Hon visar hur man enklare redigerar i sin CSS kod med verktyget. Bra och pedagogiskt.
    KASKAD! Glöm inte!!

    Header: norepeat, repeat-y, repeat-x
    Olika stylesheets

    #GGM10 – Charity Hack, Idéer

    Saturday, May 22nd, 2010

    Crowdsourced Charity Hack är en av de större grejerna under konfensen. Den har 5 sessioner under dessa 2 dagar. Under den tiden ska vi skapa en kampanj för ActionAid.

    Vi började med en introduktion, som jag tyvärr inte deltog i. Efter det var det dags att börja spåna idéer. Eftersom jag inte varit med i första delen så hade jag inte riktigt rätt mindset för att komma med den sortens idéer. Men jag fick spåna lite i alla fall!

    Upplägget var intressant också. Postitlappar och massa tuschpennor. Bara skriva ner sina idéer och sätta upp på tavlan samtidigt som man berättade högt vad man tänkte. Kort och konkret. Sen ibland satte man lappar på andras idéer och spånade vidare. Sjukt effektivt.

    Vi spånade sjukt mycket intressanta idéer på denna session. Ska bli spännande att se hur projektet fortlöper!

    Piratepad: Behovet av att minnas

    Monday, March 1st, 2010

    Vi i Piratpartiet är duktiga på att producera information. Mängder av den. Sådana mängder att några av oss dukat under under informationsflödet och inte orkat med. Trots detta är det näst intill omöjligt att hitta informationen igen vid ett senare tillfälle. Den finns där, nånstans på någon blogg, padda eller i något foruminlägg, längst ner, längst in i något berg av andra inlägg. Som den där affischen som var så snygg, som jag skulle vilja göra en ny version av fast med ny rubrik för att passa min kommun. Kanske hittar jag pdf:en, men inte Illustrator-filen. Kanske ligger den bara på någons laptop någonstans.

    Emma, Anna och Klara skrev nyligen ett inlägg om problemet med att beslut tas i slutna Skype-kanaler, och bad styrelsen att besluta att alla beslut skall tas i öppna forum. De kritiserade den rådande situationen från ett demokrati- och öppenhetsperspektiv.

    För att vara ett parti som propagerar för praktisk tillämpning av offentlighetsprincipen är vi väldigt dåliga på det själva!

    Delvis är problemet ett tekniskt problem – våra tekniska verktyg är helt enkelt inte bra nog på informationskategorisering och -sökning. Delvis är det ett socialt problem – det finns människor som ser bitar av partiets arbete som om det vore privatliv. Det är ett fatalt felslut. Partiarbete är offentligt arbete. Partiarbete är just ryggraden i offentlighet.

    Den sociala biten kan vi inte lösa själva – den måste ni alla hjälpa oss med.

    Den tekniska biten har däremot Egil arbetat frenetiskt med den sista tiden i form av diverse utökningar till Piratepad. Roadmap finns här och beta version finns här. Det är mycket att göra, och det finns säkert massor av coola features som Egil inte tänkt på. Därför behölver han hjälp. Av dig! Läs roadmapen, testa betaversionen, kom med kommentarer och idéer, hjälp till att koda features! All hjälp är välkommen!

    Ropen skalla, information åt alla!

    P.S. Koden är skriven i Java, Scala och server side JavaScript, samt client side JavaScript med jQuery och Comet. Men låt dig inte skrämmas av antalet språk, Egil hjälper dig gärna att komma in i koden! För att få tillgång till koden kontaktar du Egil på egil.moller@piratpartiet.se


    Skrivet av maloki & redhog