Vi gick bland annat igenom Lösningsförslag för dag 3’s workshop Flexboxes Lösningsförslag för dag 3’s workshop Grundfiler för flexbox-genomgången Screencasts från flexbox-delen Mina screencasts om flexbox från dagens lektion. Länkar A Complete Guide to Flexbox CSS Flexbox Tutorial Tutorial för flexbox i video-form. Flexbox Tutorial Kan du inte få nog Läs mer…
Vi gick bland annat igenom Specificitet i CSS Selectors Google Fonts (länka in typsnitt) CSS-funktionen calc() box-sizing: border-box nya semantiska element i HTML5 Till på fredag Till på fredag vill jag ni har läst igenom https://internetingishard.com/html-and-css/floats/ (jag lovar, den är kort!) samt https://internetingishard.com/html-and-css/css-box-model/ (repetition av det vi sysslat med de senaste två Läs mer…
Vi har gått igenom klasser i CSS specificity Länkar CSS Selectors https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors CSS Specificity (för att kunna sova gott om natten 😴) https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2 Classes, Selectors & the Cascade Workshop Omvandla dina CSS-regler till att vara klass-baserade där det är vettigt. Skapa en osorterad lista med länkar och ändra så att Läs mer…
Vi har gått igenom grundläggande CSS-regler hur CSS-regler ärvs (cascade:ar ner till barn och barnbarn etc.) hur man länkar in en CSS-fil med hjälp av <link rel=”stylesheet” href=”style.css”> i <head>-taggen i ett HTML-dokument CSS-regler som vi kikat närmre på är (bland andra) background-color border, border-left, border-width/style/color color font-family font-style font-weight Läs mer…
Ladda hem och installera Visual Studio Code och AMPPS. Länkar från idag Dealing with files https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files HTML Basics https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics How The Internet Works in 5 minutes Sammanfattningar Om ni vill repetera det vi gått igenom idag och video är mer er grej än artiklarna ovan så är de här två Läs mer…