Featured

kaxigt är tillbaka!

Efter en lång tids frånvaro så är kaxigt äntligen uppdaterad och i drift igen, nu med ny layout. Många gamla artiklar är borttagna eller har uppdaterats. Några nyskrivna och fräscha artiklar finns att läsa. Vad sägs om en framtid med HTML6 och CSS4? Eller hur man bygger en grid-layout? En intervjuserie med spännande personer och blandat innehåll planeras också. Välkommen tillbaka!

CSS Grids

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 yta som har delats in till ett rutnät där ett antal linjer korsar ytan såväl horisontellt som vertikalt. Utrymmet mellan linjerna där de korsar varandra är en ruta. Rutorna ligger horisontellt (rader) eller vertikalt (kolumner). Flera rutor på en rad utgör ett område. Fortsätt ”CSS Grids”

Om CSS Grid från WordCamp 17 juni 2017

Vad är CSS Grid? Hur använder man det? Vilka fördelar får vi med CSS Grid? Morten Rand-Hendriksen höll ett föredrag om CSS Grid på WordCamp i Paris den 17/6-2017.

“CSS Grid stöds nu av alla större webbläsare och allt vi vet om webbdesign kommer att förändras! Tänk dig att du kan rita ett rutnät i webbläsaren och placera innehåll i ett eller ett antal celler utan att behöva ändra HTML- eller källordningen. Föreställ dig sedan att du kan ändra det rutnätet med hjälp av media queries eller JavaScript, samtidigt som din HTML är ren och tillgänglig. Det är vad CSS Grid gör, och det är därför du borde använda det idag. Fortsätt ”Om CSS Grid från WordCamp 17 juni 2017”

CSS4-selektorer

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? Fortsätt ”CSS4-selektorer”

XHTML (Strict) – mer än en enkel kodstandard

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 dock the Internet Engineering Task Force (IETF) att standardisera språket och senare under 1995 så släpptes den första riktiga standarden för HTML i form av HTML 2.0. Här handlade det mest om en klassisk HTML-dialekt som stöddes av webbläsare typ Mosaic. Denna form av HTML stöder endast kärnelementen och förekomsten av tabeller och formulär, men tar ingen som helst hänsyn till webbläsarnas utveckling vare sig i tolkning och stöd av stilmallar, script, eller av ramar. HTML 4.0 är den hittills sista och avslutade HTML-versionen som W3C kom ut med i december 1997. Här har de flesta presentationselement från HTML 3.2 bibehållits. Fortsätt ”XHTML (Strict) – mer än en enkel kodstandard”

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

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 rubriker där typsnittet är gråsvart och bakgrunden vit. Fonten spretar, inte sällan om den är kursiv, och ibland är den så pixlig att det knappt går att urskilja bokstäverna. Har ni inte också sett det? Fortsätt ”Text-shadow – mer än att bara skugga texten med”