Selektorer, optimering, ID och CSS-parsing, HTML-hierarkin, CSSOM

Postad: 22.05.2020 | CSS

Lästid: 3 minuter Handen på hjärtat. Hur ofta tänker du på hur du skriver din CSS? Vi puttar in några selektorer i stilmallen, ger dem en egenskap och ett värde, och för det mesta så fungerar det. Det är ju i kaskaden (CSS – Cascading Style Sheets) de olika typerna ärver varandra i fallande skala. Det är också … Fortsätt läsaSelektorer, optimering, ID och CSS-parsing, HTML-hierarkin, CSSOM”

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?

Lösningar på äldre CSS-problem

Postad: 12.05.2020 | CSS

Lästid: 2 minuter Modern CSS Solutions for Old CSS Problems – Moderna CSS-lösningar för äldre CSS-problem Så heter Stephanie Eckles spännande serie om hur vi kan ta oss an äldre CSS och med nutida lösningar få dem att fungera. För tillfället finns det nio (9) avsnitt men det lovar för många fler. Låt oss snabbkika på ett avsnitt! … Fortsätt läsa ”Lösningar på äldre CSS-problem

50+ gratis Coronafonter

Postad: 28.04.2020 | Design

Lästid: < 1 minut Dessa tider ger upphov till många kreativa designers skaparlusta. Såväl vectorillustrationer som fotomanipulationer av olika slag slåss om utrymmet på nätet. Jag tänker inte lista dem alla utan jag tar hjälp av Hyperpix.net som listar 50+ fonter vid namn Corona. Om de sedan är lika taggiga som själva viruset är upp till betraktarens öga. Någon … Fortsätt läsa ”50+ gratis Coronafonter”

Förebygg obehörig insyn av kataloglistning (parent list) WordPress

Postad: 21.02.2020 | .htaccess, Data och säkerhet

Lästid: 2 minuter Förebygg för obehörig insyn i din kataloglista genom att tala om för servern att visa en 403 “Forbidden” respons vid alla förfrågningar om att visa en katalog. Skulle du exempelvis inte ha en index-sida så kommer allt i din rotkatalog vara synlig och tillgänglig för dina besökare. Denna post innehåller kod-snippar som du kan använda. … Fortsätt läsaFörebygg obehörig insyn av kataloglistning (parent list) WordPress”

Funderingar kring Gutenberg Blockredigerare

Postad: 05.02.2020 | Wordpress

Lästid: 2 minuter Med temat Twenty Nineteen blev blockredigeraren Gutenberg standard i WordPress från och med version 5.0, och det är i mitt tycke en av de största och bästa förändringarna som hänt WordPress. Det skulle bli lättare att bygga sidor med olika sorts block, både i stil som struktur. Tidigare var det de populära premium sidbyggarna (Page … Fortsätt läsaFunderingar kring Gutenberg Blockredigerare”

Bygg dig ett barntema till WordPress! Jag förklarar här varför

Postad: 31.01.2020 | Wordpress

Lästid: 3 minuter Vill du bygga ett uppdateringssäkert tema så är det ett barntema du vill ha. De har dessutom blivit populära idag och det krävs inga jättestora kunskaper för att göra ett enkelt fungerande tema. Men jag ska börja med att förklara vad ett barntema är och varför du bör ha ett. Så, vad är då ett … Fortsätt läsa ”Bygg dig ett barntema till WordPress! Jag förklarar här varför”

Välkommen 20-talet

Postad: 05.01.2020 | Design

Lästid: < 1 minut För ganska precis 10 år sedan gjorde jag denna layout till kaxigt, som faktiskt blev väldigt uppmärksammad tack vare sin design och val av färger. En automatisk ”bildväxlare”, det vi idag kallar slider, finns uppe till vänster. Det här är väldigt annorlunda dagens typ av design, men kul att göra. Säkert känner en del av … Fortsätt läsa ”Välkommen 20-talet”

CSS Grids

Postad: 14.08.2017 | CSS

Lästid: 6 minuter Vad är en CSS Grid-layout? Det finns väl ingen idag som inte har använt ett rutat A-4papper i skolan. Vid subtraktion (minus) ställs talet upp från vänster till höger (radvis), ruta för ruta och rad för rad. Men när vi räknar ut talet gör vi det uppifrån och ned (kolumnvis). En grid är alltså en … Fortsätt läsa ”CSS Grids”

CSS4-selektorer

Postad: 07.08.2017 | CSS

Lästid: 2 minuter När, eller mer om, CSS4 kommer så är det en del nya selektorer som vi får bekanta oss med. Vissa används delvis som CSS3. Med CSS4 får de fler och logiska funktioner. Vissa menar att CSS4 bara är CSS 3.2. Vad tycker du? CSS4-selektorer Denna post innehåller kod-snippar som du kan använda. Det är alltid … Fortsätt läsaCSS4-selektorer”

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”

Nya kunder hos NuNames Webbhotell får rabatt

Postad: 12.12.2012 | Bloggat

Lästid: < 1 minut Varför inte ge bort 1 års webbhotell? Alla nya kunder hos NuNames – före detta Manufrog Webbhotell – får 10% rabatt om de uppger DD1224 och kaxigt.com vid beställningen. Läs mer om erbjudandet. No visits yet

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 …”

Text-shadow – mer än att bara skugga texten med

Postad: 04.09.2011 | CSS

Lästid: < 1 minut Sedan CSS3 slog igenom med buller och bång använder många egenskapen text-shadow för att lägga en snygg skugga på texten, men det man inte tänker på är att text-shadow också ett ypperligt redskap för att snygga till pixliga typsnitt med. När vi kommer upp på rubriknivå blir inte alltid typsnittet så snyggt. Jag ser ofta … Fortsätt läsaText-shadow – mer än att bara skugga texten med”

ThemesCloud nedlagd sedan länge

Postad: 22.07.2011 | Bloggat

Lästid: < 1 minut Jag stängde ned min premiumsajt ThemesCloud för länge sedan och har (tack vare efterfrågan) försökt att variera designen på mina teman eftersom jag vet att många har efterlyst fler scrappinginspirerade layouter. Här är exempel på två efterfrågade teman. Scrappy – ett scrappinginspirerat bloggtema Comfort – ett stilrent tema/CMS De finns inte längre för nedladdning. De … Fortsätt läsa ”ThemesCloud nedlagd sedan länge”