Resultatet är imponerande. Allt såg bra ut på datorn men i verkligheten är det en helt annan sak, skitsnyggt!

Jag och Adde har också varit och veckohandlat. Vi gillar fil.

Wave profileras som en epostdödare och ska därmed försöka konkurrera ut den gamla tekniken.
Tjänsten bygger på en chattliknande våg där möjligheterna är mycket större än i dagens föråldrade system. Man kan embedda media direkt i meddelandena. Personer läggs till i vågen och den växer och blir allt mer informationsrik.

Wave är strukturerat och det finns flera verktyg för att du ska kunna hålla koll på vad, hur och när saker skrivs! En annan toppenfunktion är att man ser var folk skriver i vågen live (bokstav för bokstav)! Detta går dock att reglera.

Just nu är tjänsten i betaläge och är därför inte fullständig och exklusiv.

Vill du ha en inbjudan?

Av en händelse fick jag med 8 invitationer att dela ut. Vill du ha en?
Kommentera detta inlägg, lämna din epost och en kort motivering så kanske du har lika tur som jag!

Gå in  på wordle.net och kolla!

Feedet som du lägger till skannas av efter de mest förekommande orden. De orden blir större och framhäver sig från mängden.  Du kan sedan göra häftiga inställningar på font, färg och utformning! Om feedet är kopplat till din blogg kan du se orden som du använder mest.

Det är även möjligt att filtrera bort onödiga (vanliga) ord som annars skulle ta större plats än de intressanta orden.

Detta är vad jag kallar kreativ konst som är praktisk och rolig på samma gång. Du kan på ett snyggt sätt filtrera tal och texter för att få schyssta taggar på innehållet!

nthDESIGN

durito.se

Idag hittade jag en gammal illustration som jag gjort för 4-5 år sedan. Den föreställer en resa som jag, min bror och min pappa gjorde för ett antal somrar sedan. Vi besökte västkusten och Smögen för att spela lite golf. Jag kom upp med följande illustration för att symbolisera resan.

Vad jag kommer ihåg så är det illustrerat utifrån en foto, som jag dock inte hittar, sak samma.
Jag är för en vecka eller två hemma i Västerås och firar påsk. Eventuellt åker jag upp till Åre och åker lite skidor, annars stannar jag hemma och tar det lite lugnt. Vi får se.

Glad påsk allesammans!!

Jag hade tänkt göra vingarna lite mer detaljerade men jag har helt enkelt inte tid för det just nu…

Idag började en ny läsperiod. Vi drar igång med elektriska kretsar och objektorienterad programmering (java med swing), det ska bli intressant!

Snart kommer några tutorials jag berättade om i mitt förra inlägg.

1280×800:

Förövrigt håller jag på att fixa ett tutorial på hur det så kallade clear-fix problemet kan lösas mha CSS. Jag tänkte också göra ett tutorial för hur du fixar sökmotorsvänliga bild-hovers, genom att ”gömma” texten och därmed behålla exempelvis <h1> taggarna på sidan (som är ett sökmotorplus).

Tentaveckan är nu över, Mattekursen gick jättebra.. dock gick det sämre än väntat på maskinorienterade programeringskursen :/, vi får se senare hur långt det räckte.

1. Centrera innehållet med CSS

1.1 Metod 1

Det finns olika tekniker för att göra detta. Du kan till exempel välja att centrera texten i body/html för att få ditt content (förslagsvis en DIV) centrerat, sedan välja textposition vänster i content-DIVen.

1.2 Metod 2

Ett proffsigare sätt är att, på elementet som ska centreras, ange id för margin-left och margin-right till auto; samt sätta en bestämd width (bredd).

Ditt innehåll kommer sedan att hamna i DIV #content som centreras. Detta är ganska basic men det finns många bättre och sämre sätt att göra det på. Mitt sätt fungerar i alla moderna webläsare, iklusive ie6 etc.

1.3 Placera din logotyp, meny etc.

Jag går igenom metoden här. Du kan använda metoden för att placera din logga, en meny eller något annat som ska placeras absolut/relativt. Exempel på nthdesign är menyn, logotypen och rss-ikonen.

2. Tjugofem sätt att fixa runda hörn

Att fixa runda hörn är också en vetenskap i sig. Det finns många olika vägar att ta. Du kan använda dig av bilder, borders och javascript.

Jag hittade en bra hemsida som listar många bra metoder att göra detta.

3. Saker att tänka på vid styling med CSS

Min bror tipsade i en kommentar om en sida som innehåller lite intressant fakta om vad du kan tänka på när du lägger upp din CSS-planering, kolla in den sidan om du är intresserad av att skriva en korrekt CSS-fil.

Det kan vara att tänka på om du satsar på att få din sida validerad enl. w3 standarden.

4. ID eller Class?

Ni kanske ställt er frågan om vad skillnaden egentligen är mellan en klass och ett ID. Skillnaden funktionsmässigt är minimal, dock ska man veta att standarden säger annat. Ett ID är unikt för ett element som till exempel #top,#footer eller #content, det används endast på ett element. En klass är däremot till för att appliceras på flera element av samma typ.

Så varför valde man just namnen ID och klass?

• ID = En individs identitet är unik.
• Class = Det är många människor i en klass.

5. Debugga

Testa din sida i så många webläsare som möjligt. Det är många som fortfarande använder ie6, i januari i år låg andelen på ca 20 % världen över.

Det kan vara problematiskt att installera gamla ie versioner, använd därför gärna programmet IETester.

Nu kan ni få ladda ner mina karpar som bakgrundsbild, upplösningen ligger på 1280 x 800 bildpunkter, säg till om jag ska lägga upp fler storlekar. Bakgrunden är gjort i Photoshop med en ritplatta, mer om det kan du läsa här.

Snart ska jag iväg till skolan och programmera lite, vi har börjat läsa C på allvar, just nu läser jag boken ”vägen till C”. Igår kodade jag och Adde ett simpelt program som kan avgöra om ett tal (vilket som helst) är ett primtal. Nästa steg blir till att koda ett program som skriver ett givet heltal som en summa av två primtal. Enligt en välkänd sats går det alltid, men det är dock ingen som har bevisat den ännu.

1280×800:

1920×1080:

Trevlig måndag

Jag använder mig av Adobe Illustrator för att avbilda fotografiet. Självfallet fungerar tekniken inte bara för fotografier utan kan också vara inspirerande vid framtagning av logotyper med mera.

1. Välj ett foto

Här har jag tagit ett från stranden sommaren 2008.

2. Börja tracing

Välj pennverktyget i illustrator, sätt punkter och dra i linjerna så att du får dina objekt där du vill. Kontroll-klicka på synlighetsikonen som visas brevid dina lager för att få lagrena i ”outline mode”.

Skapa olika lager för ansikte, mun, näsa  och glasögon (eller vad det nu kan vara).

Att hantera pennverktiget är svårt i början, du lär dig allt eftersom. Använd P för att byta till pennan, A för att flytta dina punkter och shift+C för att redigera lutning om du inte får till det direkt.

3. Färgläggning

Skilj på dina objekt genom att ge dem olika färger. Att välja färger är svårt, ett bra förslag är att göra egna paletter innan du börjar färglägga med dina slutgiltiga färger. Gör till exempel en gradient på en rektangel där du kan plocka olika toner på hudfärg, läppar, glasögon etc.

Gå in på Colorlovers för inspiration.

4. Meshverktyget

Ett alternativ till att sitta och traca väldigt många skuggor och tilldela opasitet, är att använda mesh-verktyget för att få djup. Den mesh (rutnät) som du skapar genom att klicka ut punkter är den som kommer att ange färgerna till ditt projekt.

Verktyget utgår ifrån hur kanterna på ditt objekt ser ut, du kommer alltid behöva dra lite i trådarna för att lägga dem på rätt ställe.

Färglägg genom att välja punkter med A och sedan välja pipetten (I) och peka på en färg från din palett. Färgerna från punkterna du väljer kommer att tonas till färgerna som andra punkter har. För att få tydliga linjer måste du alltså pressa ihop punkter närmare varandra.

5. Färdig för PS

När du är nöjd med din bild kan du exportera den till Photoshop i olika delar. Jag valde att exportera själva huvudet för sig för att sedan kunna lägga en glow-effekt på det.

Jag vet, läpparna är lite väl ”rosa” men jag tycker att det gav en ganska ball effekt till skillnad mot en kallare färg.

6. Färdigt

Släng in dina objekt, lägg på effekter, lägg in en bakgrund, logotyp och vad du nu kan komma på. Jag tycker att resultatet blev helt okej.

Att kommentera är håret. Jag lade inte ner någon större tid på det, men om du vill så kan du välja att antingen traca från ”hårtovor” ner till hårstrån i Illustrator, alternativt om du har en ritplatta kan du pyssla lite i Photoshop.

Bilden är gjord med:

• Ritplatta i Photoshop för att göra outlines
• Vektoriserad i Illustrator
• Efterputsad i Photoshop

Bra sidor:

• Colorlovers
• Adobe Kuler

Nu ska jag hoppa in i duschen och äta lite mat. Hadet!