Susanna Codes

  "Harry Potter! You C(SS) what I have become?" Sorry for the Lord Voldemort quote as an opener... But these CSS selectors are a lot! And I needed something that would echo... the drama... CSS selectors are taking over my life!!! Part I: The latest one that I am learning is pseudo class. It's quite confusing.  This is actually really quite neat, though! I wrote the following code: a:hover {   color : darkorange; } And it made it so that whenever you hover over a link it makes it go dark orange. That was really neat! Other examples of pseudo-class selectors are: :focus :visited :disabled :active and again, once again, because I like it so much:  :hover Part II: Other Stuff I've Learned ID in CSS always overrides type and class ID's and classes are beginning to confuse me! ID applies to a specific element only Class ... I get it... but I mean like... what does it mean? Like... arrrrrgrgh I have learned about specificitY This is the order in which the browser decides...

 Slow Burn 'Slow Burn' is one of my favourite songs ever, it's by Kacey Musgraves. It embodies everything that I love, i.e. softness and gentleness. Indeed, it's what the world's missing; softness, gentleness, slowness, and stillness. Okay so why did I name my blog post after this? I have just discovered attribute selectors in CSS.  And it just. feels. like. a. slow. burn. [So complicated lol] Arrrrrgh I want to go back to bed.  Example: - <a href:"www.google.com/cheese>Cheese</a> a[href*="cheese"] {   color: yellow; } See what I did there? lol Example 2: <img src="www.google/com/bubblegum" /> img[src*="bubblegum] {   color: pink; } See what I did there again?  Okay okay final example. <h1 id="title">Hello<h1> I'm a bit lost here... Would it be  h1[id*='title] {  color: green; } Would this make my heading green?

 Nice to C(SS) you! Why do I love CSS so much? I don't know, I just love it, I just love it!! I can't explain it - I just love it so so much! It just makes so much sense to me - like so much of coding does! I just love how you can change the colours, how you can change the images, how you can change the sizes - it just makes so much more sense!  I can't wait til I can start adding lots of random shadows to images. What have I learned from CSS so far? 💓 Selectors There are a few different types of selectors. The 'type' selector (literally) This one directly refers to the element of HTML you want to programme - e.g. this might be the <p> tag to style all your paragraphs This can be referred to by 2 other names The tag name selector The element selector The general format for this is  selector {    declaration } The 'universal' selector '*' *{ declaration } The 'class' selector To do this, it seems that a 'class' attribute must be...

"I won't cry for yesterday, there's an ordinary world, somehow I have to find. And as I try to make my way to the ordinary world, I will learn to survive." - Duran Duran, 'Ordinary World' Sometimes things go wrong, very wrong Now the title may seem melodramatic. But it really has been like this. On a Thursday this has been my week so far: Sat, Sun, Mon, Tues - flu Weds - go back into work and sustain an injury Thurs - take the day off work again due to back pain Not really glamorous, right? And I'm going away for Friday and the weekend so no coding for me (unless I read my coding book, HTML & CSS: design and build websites  - recommended with the course I am doing). Nevertheless I have big news. I have fallen in love with CSS! That's right, in spite of the challenges, the trials, and the tribulations, I have managed to progress with my code!!! I have finished off the HTML module I have built lots of side projects around it I GOT A 93% IN THE HTML A...

  End of First Week Me and my wonderful coach Nitin at this week's Codebar Brighton workshop. One Week After My Meeting with Rosana What a wonderful, magical, brilliant week!  It's been extremely long and intense too but it was worth it. Here's a few highlights from it: I started work on my first 2 projects - One if the Grinch's Guide to Christmas - One is a fake fashion blog I completed (nearly) all of the first 3 Module's of my Career Path (and watch this space...) - I got about halfway through Module 3, Fundamentals of HTML.  I hope to finish it but I also did Modules 1 and 2 so nevermind. I prefer to let myself process things in time and to learn them properly. I got to see the Pull Request for a feature of my product thanks to my wonderful wonderful teammates  PLUS: My latest questions... - When will I need to do debugging? (I'm struggling to download some of the recommended online exercises) - How important are browser developer tools? - And as always WHAT...

 HTML Documentation Standards <!-- So, first things first here, I have just learned to write comments with HTML lol --> I learned 2 things in this lesson I really want to remember <!-- Again though isn't it really cool that I have learned to write comments hahahahaha --> 1) Linking At Will i.e. or when you use code to turn any object you want to e.g. an image into a link  Sooo.... if I want a picture of a cat and I want to link it to Google... I could link it like this (note: the cat below is NOT linked to Google lol): <a href="https:..www.google.com" target="_blank"><img rrc="https://images.unsplash.com/photo-1641895560697-d2edb3d34897?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="An orange cat lying down"></a> Phewph! 2) Linking Within the Same Page The name speaks for itself Soooooooo... then if I wanted to link to somewhere within t...

 Mid-Week Update + Codebar.io It's the middle of a week and it's been a long one. It's hard work balancing coding with my work. But I am so lucky to have a passion that I love so much. How could I ever complain? I finished 2 modules of my Front-End course,  Introduction to Front-End Engineer Career Path  Overview of Web Development I have now started work on - and am about 1/3 into - the 3rd module: Fundamentals of HTML I have learned a lot of things so I would like to pause to reflect here. Firstly, I went to a workshop with Codebar.io  last night. I had the most wonderful and amazing coach, Nitin. He was so kind and so patient, so thank you so so much Nitin for that! (Also here is a picture of me 2 weeks ago at the previous codebar Brighton session, working with my previous coach, Mike!) I'd started the HTML lesson before but we got stuck in together and we finished the first main unit and started the second one. (We are now both experts in Brown Bears, as this is ...

 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 ...