Webbdesigner Sundsvall, Andreas Johansson » webbdesign

Tips när ni uppdaterar MAMP

Andreas — Wed, 28 Jul 2010 23:21:08 +0000

Snabbt tips om ni skulle få för er att uppdatera MAMP (Mac Apache MySQL PHP), gör det inte utan att ta en backup på alla databaser ni har internt. Mina försvann just nu vilket kommer ge mig en massa mer jobb de närmsta dagarna. Jippie, tjo och tjim…

Konsten att inte jaga kunder, en e-bok

Andreas — Tue, 27 Jul 2010 09:59:30 +0000

Herr Riveras har släppt en ny e-bok, den här gången så handlar det om grunderna hur du får ett bra ekosystem i ditt nystartade företag genom att minimera jakten på dina kunder.

Boken på 60 sidor går bland annat igenom sökmotorsoptimering, varför man bör blogga hur en struktur på företagssidan kan se ut. Den riktar sig främst mot företag i uppstarten som gärna vill veta lite mer om vad som krävs och vart man ska börja på de olika områdena. Information på nätet finns det gott om, men det finns fortfarande en svårighet att hitta information om varför, vart och hur man börjar.

Tipset är, köp boken för 59pix och hitta nya kunder direkt!

Whoopsy daisy Thesis

Andreas — Fri, 23 Jul 2010 10:47:56 +0000

En storm runt ett WordPress-tema sker just nu och det hela handlar om snikna utvecklare, licenser och kärlek tillbaka till ett community som vi WordPress-älskare inte kan leva utan.

Mantrat är att fritt är vackert, tjäna gärna pengar men gör det öppet och gör rätt för dig. I alla fall som jag förstått det genom att dra igenom #thesiswp på twitter en stund. Rekommenderar en snabb genomgång för massor med åsikter.

Jag har läst någonstans att WP-utveckling helst ska (i någon form/licens, hittar inte länken just nu) ges tillbaka till användarna. Återkommer om jag hittar källan.

Joakim Jardenberg byter nu tema, och jag hurrar och hoppas fler följer. Min främsta åsikt är att om Thesis är så förbannad bra, varför ser alla versioner (installationer) av de likadana ut?

Men sen har jag ju alltid varit en nörd på att utveckla mina egna …

Därför ska du inte köra Safe_mode on

Andreas — Wed, 21 Jul 2010 10:39:17 +0000

Enkel bild varför ingen någonsin ska behöva köra eller stå ut med safe_mode on på sitt webbhotell.

Är det så att WordPress inte fungerar? Eller rättare sagt fungerar inte alla funktioner? Troligtvis är safe_mode aktiverat på ditt webbhotell som mer eller mindre stryper och tar bort skön funktionalitet. Jag tycker det är dags att lämna förlegade tekniker och ta bort något som helt klart hämmar utveckling och lurar kunder.

Envisas dem? Byt Webbhotell.

Länk till PHP.net och vad de säger om hela kalaset.

Readmore-länk bredvid föregående text i WordPress

Andreas — Fri, 02 Jul 2010 08:12:57 +0000

Krånglig rubrik men problemet är lite mer lättföreståligt. Tänk en typisk startsida i WordPress som är uppbyggd med the_content(‘Läs mer’); (eller liknande). Allt är fint men du kommer helt plötsligt på att Läs mer ska ju ta vid där föregående text slutade! Problem direkt!

Först får vi tänka att CSS3 är helt uteslutet, det fungerar sådär och vi vill ju nå de flesta besökarna av sidan, även de som inte kör senaste versionen av X webbläsare.

Först kollar vi lite på uppbyggnaden:

En rubbe

Paragraf

Läs mer

Vilket betyder att CSS egentligen är uteslutet, Läs mer finns inne i en

-tagg, men det gör paragraferna ovan också, vilket det kan finnas flera av. Detta betyder att display: inline inte kan användas på

Lösningen måste ligga i JavaScript. Detta är alltså ett litet fulhack med jQuery för att tillfredställa begäret att ha Läs mer vid sidan av texten och inte under:

$("a.more-link").parent().css({ 'display': 'inline' }).prev('p').css({ 'display': 'inline' });

Den snabba förklaringen är att jag väljer a.more-link, hoppar upp till dess förälder i hierarkin, sätter display inline på paragrafen. Slutligen så går jag bakåt med hjälp av .prev() för att hitta elementet ovanför Läs mer-länken och sätter display inline även här.

Quick & Dirty

För att förklara så använder jag the_content() tillsammans med en sidbrytning 99 gånger av 100 för att visa en ingress på första sidan. Alltså, the_excerpt(); fungerar inte då det bryter text samt tar bort HTML.

Enkelt sätt för att få två kolumner till samma höjd

Andreas — Thu, 27 May 2010 15:21:38 +0000

Att få två kolumner att ständigt ha samma höjd i ren CSS är pain-in-the-ass rent ut sagt 9 gånger av 10, speciellt om du inte vill bland in bilder i din lösning.

Samma höjd på fyra kolumner

jQuery tillhandahåller dock en väldigt smart och snabb lösning för att fixa samma höjd på dina kolumner:

var highestCol = Math.max($('#colright').height(),$('#colleft').height());
$('#colright, #colleft').height(highestCol);

Vad de gör är att det helt enkelt räknar ut höjden på båda, tar den som är högst (längst?) och sätter den mindre till samma höjd.

Värt att notera är att systemet inte är dynamiskt för fem öre när handlar om dynamiska sidladdningar så som med AJAX eller annat som påverkar höjden utan att ladda om sidan. Detta på grund av att höjden sätts med .height(). Sätter man höjden med min-height eller något liknande kanske ett annat resultat infinner sig, men det är ingenting jag har kollat.

Lösningen på det fasta problemet kan också avhjälpas med att binda ett event eller en timer som kollar av höjden vilket helt plötsligt gör systemet lite krångligt. Hade själv problem med det på denna sidan när scriptet skulle samarbeta med Disqus, lösningen hette bakgrundsbild med CSS istället …

Coda eller TextMate, nästan ett dött lopp

Andreas — Wed, 19 May 2010 16:29:33 +0000

Det är snart 5 månader sedan jag bytte min kära ASUS till en MacBook Pro och därmed lämnade livet som slav under de enda vettiga kod-applikationerna på system, Notepad++ på Windows och BlueFish på Linux (ja, vi snackar webbdesign och webbutveckling, ingenting annat).

Livet som en mac-(ab)user är inte alltid lätt eftersom jag helt plötsligt har två väldigt bra alternativ till mitt förfogande, Coda och TextMate. Båda har sina fördelar och jag hade helst sett en fin symbios mellan dem.

Vi börjar med Coda

Ett relativt enkelt program som via ett sjukt snyggt och lättarbetat grafiskt gränssnitt gör arbetet väldigt trevligt. Site-funktionen är riktigt trevlig och så också är funktionerna för FTP och Subversion. Kort och gott – dessa funktioner är faktiskt guld värda.

Det jag inte gillar är att jag saknar en del från TextMate, till exempel snyggare syntax-highlight och bundles (tillägg, kommer till det senare). Själva applikationen känns också tyngre än TextMate även om tidsåtgången för att starta inte är något att ens lägga in i beräkning.

TextMate, perfekt med bundles

Ännu enklare gränssnitt än Coda, visar filerna som används och en drawer, som du kan dölja. Thats it. TextMate visar först sin storhet när du börjar upptäcka alla bundles som finns att lägga till i programmet. Bundles fungerar som tillägg som adderar funktionalitet och hjälper dig auto-komplettera (till exempel) 400 gången du ska skriva en funktions namn i ett WordPress-tema. Tips vad jag använder är WordPress, zen-coding (css/html). Notera att Zen-coding finns för Coda också.

Den stora nackdelen är interaktionen med FTP/SSH/SubVersion. Den är obefintlig och bundles som finns att ladda hem är ganska fattiga i funktion och utförande. TextMate har visserligen en Projekt-funktion, med presentationen och utformningen är inte ens i närheten så fin som i Coda.

Kombinationen Coda och TextMate

Tänk TextMate och dess UI, enkelheten med bundles och snygga teman kombinerat med Coda och dess funktioner som Sites, FTP och Subversionstöd. Där har vi min dröm, och nej – skriv nu inte att Aptana finns eftersom det var så segt att sirap kändes rappare. Känslan kommer nog före funktion, TextMate vinner på grund av att det är så snyggt men det är på målsnöret.

Vad kör du? Självklarheten Notepad++ på Windows eller Coda/TextMate på Macen?

5 bakgrunder till din blogg, som min flickvän gillar

Andreas — Thu, 18 Mar 2010 11:38:16 +0000

Snart är det dags för ytterligare en ny design till min sambo Sandra, jag bad därför henne att lista lite inspiration så man har något att bygga på men också så man lite mer vad hon är ute efter.

Jag noterar faktiskt ett genomgående tema på alla bakgrunder – vintage, det ska vara massor med snirklar och “gammal tapet”. Vi får se hur detta slutar ;)

Även om risken att en blogg.se-design kommer komma fram av detta, så ser jag fram emot att jobba med lite mönster faktiskt.

Color by COLOURlovers

Nettuts om WordPress 3.0

Andreas — Tue, 16 Mar 2010 18:16:36 +0000

WordPress 3.0 är en stor uppgradering och Nettuts har listat tio stycken funktioner som är värda att nämna, jag tycker det ser sjukt härligt ut och kan knappt vänta på att det släpps och man får börja leka med funktioner som Custom post types och den nya menyhanteraren.

Overflow hidden och position absolute

Andreas — Thu, 11 Mar 2010 08:00:09 +0000

Tänkte ta upp en liten fallgrop jag råkade ut för ett tag sedan när det handlar om CSS och elementen overflow kombinerat med position absolute.

Scenariot är att jag skulle i en sandlåda med css-regeln overflow: hidden; och position: relative; sätta ut ett element utanför sandlådan med hjälp av position: absolute;.

Scenariot är ganska logiskt egentligen om man tänker efter, en wrapper med overflow: hidden; kommer aldrig visa något utanför dess gränser – även om man använder position absolute och försöker manipulera dess gränser. Speciellt då de flesta block-element i många ramverk och rekommendationer är satta med position: relative;

Koden ovan fungerar som det är tänkt i mitt case med att den inre diven flyter utanför den övre. Koden nedan är dock satt med position: relative; och producerar ett helt annat resultat.

En liten tanke krävs alltså innan du som css-knackare sätter regeln div { position: relative; }, det kan komma tillbaka och bita dig i baken senare.

Edit: en vän påpekade att jag borde addera att z-index inte spelar någon roll i det nedre fallet, utgången blir fortfarande det samma.