Kaskadkoppling & Semantik

Jag har just börjat ett nytt projekt, eller rättare sagt så har jag börjat med att avsluta någon annans projekt. Normalt så brukar inte detta vara ett problem, men denna organisation är inte särskilt organiserad, det var ett tag sedan jag arbetade som frilansare utanför en agentur, men kanske är det så är pleben arbetar.

CSS, är en webbsidas stylist, C:et står för ‘Cascading’ dvs. kaskadkoppling, så alla klasser däri borde följa och implementera varandra, men dessa CSS filer är runt 16,000 rader tillsammans, och specificerar varje element individuellt. Hur fan kan man arbeta så!

t.ex. deras kod:

.account #wrapper .my-account #content h3 {
	font-family: "BitstreamCooperBlack", 'cooper black';
	font-size: 150%;
	color: #444;
	margin: 10px 5px;	
}

.account #wrapper .my-account #content h4 {
	font-family: "BitstreamCooperBlack", 'cooper black';
	font-size: 120%;
	color: #444;
	margin: 10px 5px;	
}

.account #wrapper .my-login #content h3 {
	font-family: "BitstreamCooperBlack", 'cooper black';
	font-size: 150%;
	color: #444;
	margin: 10px 5px;	
}

.account #wrapper .my-login #content h4 {
	font-family: "BitstreamCooperBlack", 'cooper black';
	font-size: 120%;
	color: #444;
	margin: 10px 5px;	
}

.payment #wrapper .payment-wrapper h4 {
	font-family: "BitstreamCooperBlack", 'cooper black';
	font-size: 120%;
	color: #ADFFCC;
	margin: 10px 15px;	
}

Hur jag tycker det borde se ut:

h3, h4 {
	font-family: "BitstreamCooperBlack", 'cooper black';
	color: #444;
	margin:  10px 5px;
}
h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
}

.payment-wrapper h4 {
	color: #ADFFCC;
	margin: 10px 15px;
}

Som ni ser är det mindre kod i min version, och enklare att ändra etc.

rant over!

Låt oss se om denna blogg är 2.0

Jag vet att webb 2.0 är lite ute nu, men jag ska åtminstone tvåpunknolla den innan den blir 3.0.

Det här inlägget borde nu bli twittrat och facebookat per automagi tack var två enkla plugins som tog 10min att konfigurera : WpBook och Twitter Tools.

När man jobbar inom webb och IT blir man ofta lite avtrubbat när det kommer till 2.0, det är ju mest bara buzzwords för kunderna att höra: ”Jo, såklart att du måste ha en Facebook app och en iPhone app, hur ska folk annars veta att du existerar”  (detta kommer efter att man har förklarat deras nya Brand Values och hur traditionellt gammaldags de måste vara)

Men nu är det så att jag numera vill att folk ska läsa min blogg om allt och inget (mest inget) eftersom att jag kommer att försvinna från all annan kontakt i 9 månader då jag ska resa runt sydamerika och ta det lugnt. Och för att de ska funka ”måste” jag använda mig av diverse API:er som Facebook, Twitter, Amazon och bit.ly m.m

Bytt till WordPress

Tog tillslut tag i det och flyttade bloggen från Blogger till min egen WordPress installation, de flesta länkarna verkar vara skadade, men det tar jag väll och fixar ett senare datum.

Tog mig hela eftermiddagen att fixa ihop den här sidan, hoppas ni gillar den nya layouten, enkel och snabb 🙂

Har inte listat ut hur man fixar en lightbox spelare för videos ännu dock

Gammal Filmsnutt

Community Mark

Tror det är dax att jag börjar arbeta på min Portfölj, det var några år sedan jag behövde en.

Problemet är att hitta alla projekt som jag gjort under de senaste åren.
De är utspridda över diverse externa hårdiskar, laptops och gammla desktops.

Hittade dock den här videon idag, den var rätt rolig att göra, vi var 4 personer i en vecka för att rita och animera alla karaktärerna.

Sen så visade vi filmen för prins Charles (det är därför han står och vinkar i mitten av filmen)

Dax att börja rita igen

Häromdagen köpte jag nya tuschpennor för att skissa upp några wireframes för en webbsida som jag ska utveckla.

Det är nästan 10år sedan jag sist ritade något, jag har glömt hur kul det är att inte använda datorn för att rita.

Detta slutade dock i att jag inte ritade wireframes utan andra saker istället:

Teknologeekerier – iPad CSS

Nu när apple har släppt sin nya iPad, kommer folk att köpa den även då den verkar vara crap.

Så då måste man nog som designer och utvecklare börja lägga till lite fler layouts och stylesheets, nog för att man inte behöver oroa sig över att göra en helt ny UI för den som har en smartphone,

Men med hjälp av CSS Media Queries har vi tidigare anpassat css för Iphones och Androids:

<link media=”only screen and (max-device-width: 480px)” href=”/iphone.css” type= ”text/css” rel=”stylesheet” />

Och igen har vi nya CSS Media Queries för iPaden:

<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”>

<link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”>

Och om du nu utvecklat för iPhones och Androids förut så känner du säker till att safari tycker om att krympa din sida, och kringgått det med metatagen viewport

<meta name=”viewport” content=”width=device-width; initial-scale=1.0;” />

Så i grund och botten är det inte så svårt, bara en hel del css kodande efteråt.

Färdigt Projekt: Rollingstones.com

Då var det klart, (eller i alla fall Live), 4 månader av dåliga processer och rock superstars.

Rollingstones.com är online, det har varit ett intressant projekt, mycket press och press och stress (ja pressure and press).

Eftersom Rolling Stones är relativt nya till Universal Music, och säljer fortfarande skit mycket (inte lika mycket som Lady GaGa dock) har det varit rätt så många kockar på projektet. Så från första wireframen i December till slutprodukten den här veckan, det är fortfarande en massa community funktioner som är avstängda tills Universal/Rollingstones fixar med sina processer.

Men visst var det coolt att Mick Jagger hade final signoff, och till och med rock stjärnor kan bli imponerade.

”So if I want to find out anything that happened to us in 1972 i press this button on my page saying 1972… woah that is soo cool” (kanske för att han inte kommer ihåg själv)

So kom, kom och titta, kom och titta på

Färdigt Projekt: Why Music Matters

Då gick Music Matters Lajv, 2 veckors hårt arbete och tre månaders väntetid på att kunden skulle skriva text på två sidor.

Det är raka motsatsen till mitt tidigare liv med Tanka Fritt, men till mitt försvar så kommer inte Music Matters att ha lika stor impakt(svengelska?) som Tanka Fritt hade, och jag behövde pengarna!

Allt som allt, så tyckte jag att vi fick in väldigt bra videos om musik, inte en enda hade nått om pengar, utan bara att musik betyder något, och att det är viktigt. Tror inte att Puff Daddy lider pin för att han inte kan köpa sin hund ett extra mansion att bo i.

Även om jag är emot själva konceptet, så tycker jag om videos på sidan, speciellt
http://whymusicmatters.org/video/blind-willie-johnson