css – Page 3 – Learning Journal

Lisa’s Learning Journal: Week 10

Ten weeks down, six more to go…

The last two weeks of web design have gone by smoothly. I’m enjoying the design challenges, even though they sometimes leave me with a headache. It’s fun to try and figure out how to do the CSS coding correctly. I feel more confident with my coding abilities than I did at the beginning of the semester even though I feel like I don’t know how to do much. Each step is another hurdle I am slowly tripping upon. However, I am happy with how I am progressing through the class.

Responsive Web Design & Media Query

What is a Media Query?

Media query is a CSS technique introduced in CSS3.

It uses the @media rule to include a block of CSS properties only if a certain condition is true.

Week 10=22 Weeks Until Degree Completion

Ok, sometimes I need to focus on the longterm goal to get the short term items done.

Lisa’s Learning Journal: Week 8

Is the Semester Halfway Over or Halfway Begun?

The past few weeks of AAD86 have been pretty smooth. It was fun to work through the stages of the midterm project, and I had a lot of fun finalizing my design. The first taste of responsive design was interesting. I think things are going to get a little more complicated moving forward with that. The introduction of indenting in CSS is a little scary since it seems like things can get really messy really fast.

AAD-0086 wk 5&6 – Float, Flex & Grid

With the concentration on the tools of spacial design, we worked with positioning, floats, flexbox and grids.

Lisa’s Learning Journal: Week 6

Let’s talk about Flex!

Oh boy. We finally made it to flexbox. For some reason, I never cared for the flexbox layout during AAD85. I thought, “Heck, I can do this whole HTML and CSS thing without it”. I don’t know why I hated flexbox so much. Though, it is most likely because learning flexbox involves change, and change is scary.

What I learned about CSS?

First month of the course has been so exciting and productive on this web development journey. Practicing more semantic HTML has been an eye-opener. Understanding the importance of structuring content in a meaningful way not only makes the code cleaner but also improves accessibility for all users. It’s incredible how a few well-placed tags can make such a big difference.

Lisa’s Learning Journal: Week 4

This is just the beginning.

I’m not sure why, but it’s wild to think that we are already creating functioning websites. I think back to AAD85 quite often and think about how long it took to understand HTML and CSS and what they do. By this time in that class, I believe we were still trying to recognize the differences between IDs and classes. It was definitely a struggle, but I think it’s almost funny now.

AAD-0086 wk4 – Learning Journal

This is a summary of our topics of concentration for weeks three and four in Intermediate Web Design.

Web Design AAD86 – Weeks 3 & 4

These last two weeks have been fun as we’ve started out re-introduction to CSS, which is what allows us to style and design our HTML pages.

From Learning to Experimentation

I can best describe coding as a love/hate relationship for me. I love the details. I hate the details. I resist it because I become laser focused and I can’t step away. But I get to say that it’s such a great feeling to be in this class this semester.

Lisa’s Learning Journal: Week 2

How does HTML work again??

It’s been a while since I last worked with HTML, so I feel a little rusty. I took AAD85 with Natalie Rishe, and I’m so thankful she made us document everything we did in her class. I am able to refer back to a simpler time when I remember what the heck is going on.

Deeper Understanding of HTML

The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It defines the meaning and structure of web content. It is often assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.

My HTML has cobwebs

I took AAD 85 in the Spring of 2023. I also was working at a company where I had to use HTML/CSS on the daily. After the Spring, and after getting laid off, I haven’t looked at a line of code since. And it shows.

What I learned about in Week 10

Week 10 was really good , It felt like a review week and helped me get more confident with styling in general. I was able to be more specific with the styles I applied to my sites and portal page. Also helped understand code higher arks.

An Intro to Sass

Growing up I was always told I had sass, but that’s not what we’re talking about here! Sass in relation to coding has nothing to do with attitude, but everything to do with looks (of your website).

Final proposal

As the class is coming to an end the final project for the class, I’m working on right now were going to be developing our own website to a target audience and my audience will be anyone who is interest in the fantasy of the comic book world to see and understand some interesting and some non-interesting characters from the Marvel and DC universe’s. I’m excited to find and create the research for this project it’s something I’m interested in and also watched and read all the movies and comic books.

Parallax: What is it?

Parallax- an interesting name for an interesting design tool! Using parallax in your designs allow for an engaging and interactive experience for users, causing an illusion and offering some great creative design opportunities. Here’s a fun guide of resources to help you explore this world!

Parallax

When 2 or more layers are moving at different speeds in the same or opposite direction it creates a sort of gliding effect. This effect is known as parallax. There are many ways we can achieve the parallax effect using CSS.

BootStrap

This week we studied Bootstrap one of my favorite ways of coding, if you never tried coding with bootstrap, you should. I will provide you with multiple reasons for the good and bad sides of bootstrap.