@Ga_Melbourne by Johan Codinha.
Styling the wonderful World Wide Web.
When I studied electronics engineering back in high school, we spend so much time learning about old technologies just in case we had to work on old systems like the >115 years old Parisians métro or analogue A/V systems, and that’s about it actually.
This is exactly what we are doing in class today, well not a ===
exactly, more like a sloppy ==
exactly. CSS evolved a lot since it’s last variation CSS3, plus half the features are still working Draft. If I only know how to do a grid layout with the latest functionality, I won’t be able to work on code that’s only a year old been made for some browsers. And same applies to other languages, to just about everything, I guess. So let’s learn about the web of the past so that I can forget it, move on.
Every day goals :
Coding, today felt a lot more like scripting with CSS, but we always spend early morning time to do some JS exercises, just to warm-up the brain. Talking about it, I recorded another quick chat with myself, if you really have nothing better to do then check it out, walk and talk.
TIL :
-
HTML
- Landmark tags like
<main>
,<navigation>
,<search>
,… should only appear once in the page. There role is to help users navigate to the region they describe.
- Do not use “legacy” tags like<b> </b>
, instead, use more semantic ones like<em>
, another example :<br>
should not be used anymore, use the CSS margin/padding properties instead. -
CSS
- Collapsing margin, if two margin goes in the same direction, only the bigger one will take effect, the other one will colapse.
- Percentage % will deal with parents to calculate the size. -
emmet is the plugin that will help you write HTML and CSS code faster, for exemple you can make a unordered list containing three items by typing
nav>ul>li*3 + TAB
= MAGIC.
Quotes of the day :
“and… you always have a donate button.” DT
“Learn the language, not the framework.” Haidi Michael