What I Wish I Knew About CSS When Starting Out As A Front-Ender

Nathan Hardy shares when things “clicked”:

Reflecting back on this time, I think there are a few key concepts that were vital to things finally all making sense and fitting together. These were:

• The Box Model (e.g. box-sizing, height, width, margin, padding)
• Layout


The post What I Wish I Knew About CSS When Starting Out As A Front-Ender appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier

Nathan Hardy shares when things “clicked”:

Reflecting back on this time, I think there are a few key concepts that were vital to things finally all making sense and fitting together. These were:

• The Box Model (e.g. box-sizing, height, width, margin, padding)
• Layout (e.g. display)
• Document Flow and Positioning (e.g. position, top, left, etc.)

I called this my ah-ha moment a few years back:

For me, it was a couple of concepts that felt like an unlocking of real power. It was a combination of these concepts that were my “Ah-ha!” moment.

• Every page element is a box.
• I can control the size and position of those boxes.
• I can give those boxes background images.

People shared their own as well. And again.

It’s really the deal.

Direct Link to ArticlePermalink


The post What I Wish I Knew About CSS When Starting Out As A Front-Ender appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.


This content originally appeared on CSS-Tricks and was authored by Chris Coyier


Print Share Comment Cite Upload Translate Updates
APA

Chris Coyier | Sciencx (2021-09-01T23:25:45+00:00) What I Wish I Knew About CSS When Starting Out As A Front-Ender. Retrieved from https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/

MLA
" » What I Wish I Knew About CSS When Starting Out As A Front-Ender." Chris Coyier | Sciencx - Wednesday September 1, 2021, https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/
HARVARD
Chris Coyier | Sciencx Wednesday September 1, 2021 » What I Wish I Knew About CSS When Starting Out As A Front-Ender., viewed ,<https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/>
VANCOUVER
Chris Coyier | Sciencx - » What I Wish I Knew About CSS When Starting Out As A Front-Ender. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/
CHICAGO
" » What I Wish I Knew About CSS When Starting Out As A Front-Ender." Chris Coyier | Sciencx - Accessed . https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/
IEEE
" » What I Wish I Knew About CSS When Starting Out As A Front-Ender." Chris Coyier | Sciencx [Online]. Available: https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/. [Accessed: ]
rf:citation
» What I Wish I Knew About CSS When Starting Out As A Front-Ender | Chris Coyier | Sciencx | https://www.scien.cx/2021/09/01/what-i-wish-i-knew-about-css-when-starting-out-as-a-front-ender/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.