Häng med på insidan av Wilson

Wilsonbloggen

13/1 2012 av Martin Sköld

Responsive design

De är många som pratar om mobilwebb hit och Webapps dit. Alla företagshemsidor ska så klart berikas med en mobilversion. Varför denna hysteri kring mobilwebb?

Jag är en av dem som ställer sig lite frågande inför allt de där, jag trivs ganska bra att surfa runt på webbsidor i standard utförande, i alla fall webbsidor som funkar med touc- screens . Mobilwebb i dess vanligaste form tar man bort en massa information och i princip är vi tillbaka till grundinformation såsom kontakt, karta osv. Hela idén med att ha en mobilversion av sin webbsida är inte att ta bort information utan att göra information enkelt att nå med en mindre skärm. De är där Responsive Design kommer in. De handlar om att design och struktur förändras till vilken upplösning eller för den delen vilken webbläsare besökaren har.

Ett bra exempel och ja, jag kommer ifrån Staffanstorp men jag älskar  ändå hur dem har löst sin layout. De använder inte någon speciell mobilversion utan ren Responsive Design

Standard - Firefox
Standard webbläsare

Safari med iPhone
Mobil

Wilsonbloggen

14/7 2010 av Wilsonbloggen

I väntan på något gott

Webb-standarder, W3C, html, xhtml, xhtml strict, xhtml 1.0, xhtml 1.1, xhtml 2 osv osv, listan kan göras lång på webb-standarder och html-versioner. Livet för en webbutvecklare är ibland smått frustrerande när man ska anpassa sig till alla webbläsare och standarder . Varje webbläsare och dess versioner renderar kod olika och det är verkligen inte lätt att lösa det alla dagar. Men livet som webbutvecklare kommer bli enklare inom några år. HTML 5 och CSS 3 är på väg ut på marknaden och nu gäller det bara att webbläsarna ska rendera allt rätt och gärna korrekt efter standarderna.

Wilsonbloggen

15/12 2008 av Wilsonbloggen

Äntligen fullt stöd för PNG i IE6

För er alla som sysslar med webbdesign/utveckling så känner ni säkert till problemet med transparenta PNG bilder i IE6, dem fungerar helt enkelt inte. Det har funnits en hel uppsjö av lösningar men inget har haft fullt stöd för bakgrunds bilder och dess positionering. Men nu har det äntligen kommit en lösning. Drew Diller www.dillerdesign.com har lyckats knåpa ihop ett script som verkar lösa problemet.

Horisontell flikmeny

Det är många som stöter på problem när man ska bygga en horisontell meny med flikar där varje flik ska vara dynamisk i bredd. Lösningen för många blir då att sätta en fast bredd på fliken eller så gör man en bakgrundsbild för varje menyval. Båda lösningarna leder till problem när man ska implementera menyn med ett CMS system där användaren kan behöva ändra texten på menyvalet.  Men det går att lösa med några rader css /xhtml och två bilder.