Du vill väl inte ha en osynlig text innan fonten laddas in?

Postad: 21.05.2020 | CSS, Uppdaterad, Web

Lästid: < 1 minut Jag är rätt övertygad att flertalet har upptäckt att när en sida laddas så syns originalfonten först innan den fladdrar till och snabbt försvinner, därefter blir allt blankt, för att slutligen ladda in det anpassade typsnitt du har som ersättningsfont. Irriterande, eller hur! Så här vill vi ju inte ha det. Helst ska fonten ska … Fortsätt läsa ”Du vill väl inte ha en osynlig text innan fonten laddas in?

XHTML (Strict) – mer än en enkel kodstandard

Postad: 05.08.2017 | Uppdaterad, XHTML

Lästid: 8 minuter Denna post innehåller kod-snippar som du kan använda. Det är alltid bra att ta en backup av din stilmall och funktionsfil innan. Sedan HTML introducerades i slutet av 1991 har den genomgått många förändringar. Den första versionen av HTML som var tänkt att användas för att bygga enkla webbsidor saknade en fastställd definition. 1993 började … Fortsätt läsa ”XHTML (Strict) – mer än en enkel kodstandard”

En ”webbdesigner”. Ge mig skyddad titel någon …

Postad: 02.11.2012 | Uppdaterad, Webdesign

Lästid: < 1 minut Dessa ord utbrast min vän Andreas på Facebook efter att han hade funnit en ”webbdesigners” hemsida. Andreas är bland annat webbutvecklare och webbdesigner, och hans idé om en skyddad titel är intressant. I vår diskussion kom vi snabbt överens om att 1990-talets designgrepp tyvärr har överlevt, och verkar dessutom blomstra. Det här fick mig att … Fortsätt läsa ”En ”webbdesigner”. Ge mig skyddad titel någon …”

Under huven på WordPress

Postad: 15.06.2011 | Uppdaterad, Wordpress

Lästid: 4 minuter Vi är många som formligen älskar att dyka ned under huven på WordPress och rota runt – i vardagligt tal kallas vi för WordPress Developers (WordPressutvecklare). Att dissekera koder, skriva om, eller att utveckla nya variationer, är för oss ett stort intresse. Vid sidan av detta bygger vi också gärna olika teman som vi sedan … Fortsätt läsa ”Under huven på WordPress”

När klienten blir ”din” webbdesigner

Postad: 26.04.2011 | Uppdaterad, Web

Lästid: 6 minuter Idag arbetar man alltmer Agile. Två av de viktigaste faktorerna med att arbeta agilt är att ha ett tätt sammanknutet team av dedikerade anställda som arbetar snabbt och effektivt mot ett mål samtidigt som de tar sig tid att växa tillsammans, och att teamet uppehåller en aktiv men sund relation till kunden. Artikeln här nedanför … Fortsätt läsa ”När klienten blir ”din” webbdesigner”

aftonbladet.se – ett skolexempel på dålig tillgänglighet och användbarhet

Postad: 15.11.2009 | Användbarhet, Tillgänglighet, Uppdaterad

Lästid: 3 minuter Uppdaterat 2017-08 07 / Jag har fortfarande inte fått svar från dem, men, Aftonbladet fungerar faktiskt bättre idag även om sidan oavslutat står och laddar in gfx.aftonbladet-cdn.se vilket tydligen är förleden till sökvägen av alla deras bilder. Länken gfx.aftonbladet-cdn.se ligger dessutom i ett javascript i header. Kanske det är därför sidan aldrig slutar att ladda? … Fortsätt läsa ”aftonbladet.se – ett skolexempel på dålig tillgänglighet och användbarhet”

Resurser oktober -09

Postad: 28.10.2009 | Uppdaterad, Web

Lästid: < 1 minut Det var länge sedan som jag listade redskap och annat godis som har med webben att göra. Men skam den som ger sig! Som vanligt försöker jag att göra en mix så det passar allas intressen. Hos accessify.com kan man hitta spännande och användbara redskap för sitt hemsidesnickrande. Varför inte testa denna: ”Markup Maker takes … Fortsätt läsa ”Resurser oktober -09”

Undvik att WP-plugin får bloggen att strejka

Postad: 19.09.2009 | Uppdaterad, Wordpress

Lästid: 3 minuter Uppstår problem rekommenderar jag att man först inaktiverar alla plugin. Fungerar sidan som den ska nu? Börja då med att aktivera ett plugin i taget, exempelvis Akismet för att det är WordPress eget plugin och bör vara OK. Fortsätt sedan med ett plugin i taget, kontrollera att sidan fungerar. När du kommer till det plugin … Fortsätt läsa ”Undvik att WP-plugin får bloggen att strejka”

WordPress, widgets, register_sidebars

Postad: 27.02.2009 | Uppdaterad, Wordpress

Lästid: 2 minuter Widgets är mer eller mindre oumbärliga. En bra funktion som egentligen inte alltid behöver användas i sidebar eller footer, utan du kan om du bygger eget tema använda dem exempelvis i header. Från och med temat Twenty Twenty ser standard-widgets ut så här: Denna post innehåller kod-snippar som du kan använda. Det är alltid bra … Fortsätt läsaWordPress, widgets, register_sidebars”

En introduktion till HTML 5

Postad: 08.01.2009 | HTML5, Uppdaterad

Lästid: 3 minuter Grundläggande struktur och element i HTML 5 (Web Applications 1.0) Vi som är vana att skriva HTML/XHTML använder oss av olika div- element, exempelvis div-header, div-footer, div-sidebar och div-main + några till efter behov. När det däremot handlar om HTML 5 så finns det speciella element till specifika ändamål. Vi ska nu kika lite närmare … Fortsätt läsa ”En introduktion till HTML 5

Att skriva XHTML men leverera HTML

Postad: 08.10.2008 | HTML, Uppdaterad, XHTML

Lästid: 3 minuter Är XHTML verkligen dött? I anslutning till min guide från SGML till XHTML är det fortfarande högaktuellt att diskutera vad Tommy redan 2005 skrev i sin blogg Den Autistiska Göken – för han har absolut rätt! Det fanns, och finns förhoppningsvis ännu, goda intentioner om att utveckla ett lite mer avancerat programspråk som skulle gå … Fortsätt läsa ”Att skriva XHTML men leverera HTML”

Relative – absolute – float

Postad: 21.12.2007 | CSS, Uppdaterad

Lästid: 5 minuter Om clear:float och clearfix:after. Idag anges clear:float annorlunda genom att vi kan använda CSS pseudo class-elementen :after och/eller :before för att avsluta ett/flera flytande element. Exempelkod 1 specificerar blocket som berörs (wrapper). Nummer 2 specificerar flera element. Exempel 3 är global. Denna post innehåller kod-snippar som du kan använda. Det är alltid bra att ta … Fortsätt läsa ”Relative – absolute – float”

Runda hörn utan bilder – enbart css

Postad: 21.12.2007 | CSS, Uppdaterad

Lästid: < 1 minut Denna artikel innehöll en gammal teknik och är därför redigerad. Nu för tiden används CSS3 border-radius, och med dagens moderna webbläsare behöver man inte längre ange ett webbläsarespecifikt prefix såsom -webkit-border-radius eller -moz-border-radius utan det räcker med border-radius. Denna post innehåller kod-snippar som du kan använda. Det är alltid bra att ta en backup av … Fortsätt läsa ”Runda hörn utan bilder – enbart css

Gör en iframe enbart med css – skrollbar div

Postad: 21.12.2007 | CSS, Uppdaterad

Lästid: 2 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Gör en iframe enbart med css – skrollbar div”

Länka till iframe

Postad: 20.12.2007 | HTML, Uppdaterad

Lästid: 2 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Länka till iframe”

Att göra en iframe

Postad: 20.12.2007 | HTML, Uppdaterad

Lästid: 3 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Att göra en iframe”

Vilket doctype ska jag välja?

Postad: 15.12.2007 | Doctype, Uppdaterad

Lästid: < 1 minut Nu för tiden används övervägande HTML5. Gällande doctype är då <!DOCTYPE html>. När du ska göra en hemsida får du aldrig glömma ett doctype. Man använder en doctypedefinition för att underlätta webbläsarnas valideringsverktyg samt att dessa ska kunna utläsa i vilken form hemsidan är konstruerad. Ett utelämnat doctype innebär att sidan visas i något som … Fortsätt läsa ”Vilket doctype ska jag välja?”

Dela stilmallen för bästa resultat

Postad: 02.07.2007 | CSS, Uppdaterad

Lästid: 4 minuter En stilmall hos nybörjaren brukar inte vara så stor, men vart efter kunskaperna växer finns det en fara för att den utökas till att bli ofantligt stor, och lång, ibland nära en meters skrollande. Ur en designers perspektiv är detta inte bara arbetsamt, det är också förkastligt. Många skyller också på webbläsarna för att sidan … Fortsätt läsaDela stilmallen för bästa resultat”