Wk 8 – Color Theory & CSS Grid

This week we learned a bit about color theory and Coolors.co, a very neat site used to create color palettes. This was especially helpful when deciding on a color scheme for my midterm microsite.

Coolors.co

Additionally, anyone who searches ‘palette generator’ will find a myriad of tools at their disposal:

On Thursday we looked at the Grid layout. The Grid layout is used to format content on both a 2D horizontal and vertical axis. The great thing about the grid layout is it can be used in conjunction with the flexbox layout. I personally am enjoying the increased flexibility with CSS 3.

Lastly, my microsite has made some progress. I continued with styling the in-page navigation links and added my first slideshow gallery, which was exciting. Just a few more tweaks and the site should be good to go!

Journey Entry – Week 7

Totally learned something cool this week. I was able to get the carousel image on my microsite to work for my midterm. Of course, I couldn’t haven’t done it without Bill’s help since I didn’t know jquery. I was also able to the background image on my microsite which I haven’t been able to do before either. This was a cool new feature that I got to learn from my fellow class mate.

It’s interesting to read my classmates post, because I see I’m not the only one having confident issues. When I’m in class I understand it and able to get the HTML/CSS to work, but as soon as I’m at home, nothing seems to work. Total buzz kill….and then I’m pulling my hair out for hours trying to figure out what I did wrong. Hopefully, by the end the semester I will start to feel better about my skills.

FTW! (For the Win!)

Last week we not only got presented our midterm microsite assignments, but we also tackled full size images and their responsiveness. Seeing websites out there big sized images and/or video, it seems that that is the direction of design people are looking for. Plus, it’s awesome!

Continue reading “FTW! (For the Win!)”

I am a drooling idiot

Ok. I totally get the way we are going through material. The spoon feeding is fine with me, I have no problem being coddled. its nice.

Unfortunately, when I go home and look at my notes and computer I feel completely overwhelmed. I stare at the screen and go DUUUUUUUHHHH.

I did go out to the site and took a quick tour over the weekend. took some snap shots on my phone and sat down and tried to make it work on my computer and simply got it into a tangle.

I tried recoding the sample project, and copying code from the photo example, and made it look like stupid.

Then I cried.

Its like I am being gently encouraged to run towards my goals, and my argument is that I just learned how to crawl. I know when I get some stuff done I will feel awesome, but right now I feel like an idiot.

I am NOT looking forward to the deadline screening towards me. I have no idea if I can finish this in time.

Micro Site, grids & flips

Never heard the words”Micro Site” until I saw the mid-term. Google it and found that “A Microsite is a website, distinct and separate from an organization’s main site, that delivers more focused, relevant content about a specific topic or to a targeted audience or even just requiring a defined action. ” per Microsite.

Continue reading “Micro Site, grids & flips”

Journey Entry – Week 6

I felt better with my confidence in coding this week. I felt like more of it sunk in this week and I was able to make some sense of the codes and why they were doing what they were doing. I still have doubts when it comes to my coding ability though. Hopefully, I won’t feel this way by the end of the semester.

It was cool learning how to do the flipping tile trick. I really liked it, so I decided to incorporate it into my midterm project.

Wk 7 – Midterm & Audio Space

This week we learned . . .

This week we were introduced to our midterm project and prompted to create a proposal for what type of site it would be for. I chose to make a ‘microsite’ for a faux catering company that serves “meat & potato” style food and alcohol. The site’s demo would be those aged 21+.

Additionally this Thursday we practiced in-class building a site using Grid layout. Grid layout is useful and better for building content with two or more rows/columns. Flexbox is ideally used and designed for content in only one row/column. The site included a CSS animation that flipped a card-image over when the mouse cursor hovered over it. This was cool, seeing how it needed no JS, but ran into problems on mobile. This was because a mouse hover is not the same a finger tap on a phone. To fix this, JS could be used.