Flexbox…

Flexbox isn’t nearly as tricky as it appears to be!

With my design based brain, learning flexbox seemed so foreign and impossible. From the 85 class all the way to 86, every time there was a lecture or information on flexbox I shut down. Much of the steps you need to take to achieve flexbox seemed pointless which led me to accidentally skip many step and led to my flexbox never working the way I wanted it to. Previously, I always resorted to using the absolute and relative positioning to position my elements. This always caused problems when there were layout changes or browser size changes.

But after months and months of practice in flexbox, I feel like I finally understand it and realize how simple it truly is and that what I once thought was very difficult, is actually simpler than my own methods! So remember to stick with it! What you think may be ridiculous now, may be a really helpful tool later down the road regardless of the learning curves!

Sleep is important!

WARNING: DO NOT WORK AND SLEEP

This week I learned the importance of rest in relation to quality of work. With a long work week, I noticed my quality of work I turned in was getting worse and worse. This was because I forced myself to get it all done beofre I allowed myself to rest as a “reward”. But when I finally let myself rest after a days work before diving into hours of homework or midterms, my brain was more awake and my quality of work increased! I really think this impacted the outcome of my midterm site design this week. My working draft I had wasn’t great and definitely not challenging my design skills. Not until later in the week when I was able to catch up on rest did fresh ideas and enthuseasum start to flow!

Be kind to yourself and relax! You will get it done in due time!

Responsive Web Design and UX

Responsive web design (RWD) refers to designing websites to adapt to a user’s device. The goal is for a website to retain its optimal usability and appearance regardless of the device it’s displayed on. Responsive web design responds to user needs by adapting to different screen sizes, orientations, layouts, and platforms. This is accomplished with the use of flexible grids and layouts, responsive images, and CSS media queries.  

Continue reading “Responsive Web Design and UX”

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. 

Continue reading “Lisa’s Learning Journal: Week 8”

Midterms Already

Time flies when you are having fun!

This week the information about Responsive Design really made some concepts and functions of building a website come together. I have always thought of designing from big to small, but never knew that developing this from small to large would be more efficient!

Personally, this week was huge! I accepted a job, not in Web Design, but see opportunities to possibly use this skill to supplement my work. I am excited….and scared…for this new adventure, but all great things have a little of both. I think this is the perfect formula for an exhilarating future!

Wk 5-6: Flexbox & Grid Layouts (Still Good)

Layouts! I remember these being the most intimidating part of Intro to Web Design for me. I felt like I didn’t actually know what I was doing and was just jury-rigging my code to get it to look the way I wanted. This time around, I’m feeling a lot better.

Continue reading “Wk 5-6: Flexbox & Grid Layouts (Still Good)”