Gods and Monsters

-

Gods and Monsters

"No-one's going to take my soul away..."

Gods and Monsters. A song by Lana del Rey, from the second edition of her first album. I.e. Born to Die: The Paradise Edition. 

I have to admit though that the original isn't for me. It's surprising to hear Lana del Rey singing so low - even though she can, I prefer it when she sings a bit higher.

BUT CHECK OUT THIS BEAUTIFUL COVER! This lady does the most consistently had beautiful covers and I have learned several AMAZING new LDR songs lately - only thanks to her!!!

Back to all the CSS stuff

I have done a bit of CSS today. 

Not a lot but at least I am learning deeply.

This is what I have done.

Padding Shorthand

Padding shorthand goes clockwise. You can do:

  • 2 values 
    •  goes top/bottom, then left/right
    • e.g. padding: 40px 10px;
  • 3 values
    • goes top, then left/right, then bottom
    • e.g. padding: 10px 50 px 5 px;
  • 4 values
    • goes top, then right, then bottom, then left.
    • e.g. padding: 10px 40px 5px 50px;

Margin and Margin Shorthand

Margin is like padding. 

But unlike padding, which goes inside the border, margins go outside the border. 

The shorthand works the same as in padding - i.e. clockwise. And can be done in groups of 2,3, or 4 values.

E.g.
  • margin: 40px 50px;
  • margin: 5px 15px 10px;
  • margin: 20px 40px 50px 65px;

Auto

This one drove me insane today. It just basically means that it centers your element. The width has to be predefined. And it can be used in conjuction with '0'. Or does it HAVE to be used in conjunction with 0?

I don't know. 😞

Margin Collapse

Margin collapse is so weird. Top and bottom margins AKA vertical margins collapse.

While top and bottom padding does not. 

Horizontal margins add up.

Vertical margins collapse.

And the 'bigger value' wins - i.e. you can think about it like this, in quite brutal terms: "The taller person is stronger" or "the taller person has longer arms than the shorter person so he can reach out to push the shorter person whereas the shorter person cannot reach out to push him".

This diagram explains it pretty well. 



Today I also learned about

Sometimes at work I learn things too you know! Lately it's been more and more.

Storybook 

a.k.a. 'Storybook: Frontend workshop for UI development'. 

a.k.a. "Builg UIs without the grunt work"

a.k.a. it's something to do with React 😬😬

React Styleguidist

a.k.a. Isolated React component development environment with a living style guide

a.k.a. Focus on one component at a time, see all its variants and work faster with hot reload
a.k.a. something that has even more to do with React. I will probably get it once I understand React a bit more. 

Why It's All Related

It's all related (Lana del Rey, CSS, Gods and Monsters) because if there's one thing I've learned in life is that only you get to define yourself. 

Only you get to define yourself. ("No-one's going to take my soul away...").

Comments

Post a Comment

Popular posts from this blog

Hello World

-
Image
 Hello from Susanna Codes! Hi everyone,  My name is Susanna and I'm a 28-year-old aspiring software engineer from Brighton! As I type this, listening to music from "Le Fabuleux Destin d'Amelie Poulain" (it reminds me of home, in Luxembourg, where I am from - I'm missing home quite a lot lately!) and look forward to some Irish Cream tea in my afternoon break, I am thinking: How lucky I am that my amazing colleague Rosana helped me out with a plan for my software engineer journey (she directed me to the front-end first). How HTML and CSS would not have been my first languages of choice had I not been guided in this direction, as in my head they were seen as 'less-serious' langages. How done I am with what other people think of me and if other people see the 'front-end' as softer then so be it! Everyone has to start somewhere. I am so grateful to be on this journey, with Codecademy's Front-End Engineer Career Path.  Thank you to Async Brighton as
Read more

Yosemite

-
Image
Yosemite I'll never forget the first time I head the song Yosemite by Lana del Rey. I very nearly clicked away.  It was quite near the start of my Software Engineering journey, right near when I start learning the Front-End/Web Development. I was listening to Arcadia by LDR before, maybe twice, and then Blue Banisters came on. I nearly clicked away in the first 30 seconds but I forced myself to keep listening anyway.  I'll never forget how that song has made me feel. It became my song of 2022 even though I only discovered it in November. I can still listen to it every day and get that complete sense of wonder and of awe that I felt the first time that I heard it. That ending of the song is completely amazing, and it just completely just blows me away every time. "Withstanding all the time, changes, and seasons..." - LDR Concise Body Arrow Functions Why am I so bad at arrow functions? Whyyyyyyyyyyy?  Just kidding, I am beginning to get them. But why are they so hard? &
Read more

Two Lines of Thought, Makes Me Wonder What I'm Missing

-
Image
Two Lines of Thought, Makes Me Wonder What I'm Missing "Lines of Bamboo, See What You Do To Me..." Bamboo by Elder Island is one of my ultimate 'becoming a Software Engineer songs'. (I prefer the original, but here is a great live version. ) There's a story behind this. I met a man named Mark. He was an SWE approaching retirement - he was down in my hometown with his wife, visiting. I won't go into the context of how we met, but it was a miracle. It was a complete miracle. It was just meant to be. We chatted for at least two hours and at the end of the conversation he said to me "All the best of luck with your new career". I couldn't believe what he'd just said - I hadn't even committed to it yet! A few weeks later, I did, though. After I walked out of that cafe where I had been sitting and talking to Mark and his wife though, I felt like - even though I didn't "feel ready" yet - Mark had predicted something that I didn&
Read more