Every other week, you will have an assignment to write a post outlining and focusing on what you learned this week, related to this class. Be open to including all kinds of learning in your posts.
Continue reading “Welcome To The Learning Journal”What I learned this week.
Designers used to design separate pages for every device that could access a site. iPads, phones, and laptops all needed their own designs, but now it is different.
Continue reading “What I learned this week.”Week 8 – Thinking Beyond the Screen
This week, we explored responsive web design and the mobile-first approach. What stood out to me was how much thoughtful planning goes into making a website work well across different devices.
I learned that responsive design isn’t simply about resizing elements. It’s about understanding how layout, readability, and usability change depending on the available space. I found the mobile-first approach especially interesting because it encourages designers to focus on essential content before adding complexity.
It was also interesting to see how concepts we’ve already studied, like Flexbox and Grid, come together in responsive layouts. I’m starting to understand web design less as a collection of separate techniques and more as a process of solving practical problems.
My goal is to become more confident making layout decisions independently and writing cleaner, more efficient CSS. This week reminded me that good design isn’t just about appearance, but about creating a consistent and intuitive experience for users.
A Beaver Perspective on Reflexive Design
For the common phrase for enacting change in the world is “think globally, act locally”, we tend to reduce the cognitive load of the world’s problems into manageable tasks, projects, and actions. Similarly, in the world of design, we entice those who visit to catalytically overcome listlessness to interact in tasks and actions. However, when we design those systems, we ought to pensively consider the best approach to design those who are taking the small steps by viewing from a phone, or investigating with a tablet, or exploring on a desktop… and who better to help design than the mighty beaver.
Continue reading “A Beaver Perspective on Reflexive Design”Week 8: What I learned
This week I learned about Responsive design and how it has changed how websites are built.
Continue reading “Week 8: What I learned”Making Websites Work on Different Screens
This week, I learned more about responsive design and how a website’s layout changes on different screen sizes.
Continue reading “Making Websites Work on Different Screens”Learning Journal
Responsive Design
This week, I learned that responsive design is about creating websites that work well on different devices and screen sizes, such as computers, tablets, and phones. A website should not only look good but also be easy to use and understand. The content and layout should adjust to the user’s screen instead of forcing everyone to see the same design.
Continue reading “Learning Journal”I Think I’m Officially a Grid Person
This week I discovered something about myself: I really, really like grids. 😄 Give me structure, organization, and a place for everything, and I’m happy. CSS Grid was definitely challenging at times, but it was also one of the things I enjoyed learning the most so far.
rEAD MOREWeeks 5 – 6: Experimenting with Flexbox and Grids
These past few weeks we dove head on into more complicated concepts, which had me scratching my head more than a few times but as we power on ahead I continue to feel more confident as a web designer.
Continue reading “Weeks 5 – 6: Experimenting with Flexbox and Grids”Gridding the Grid-Iron
We switched design styles this week to focus on Grid designs. And now that I have started to look for Grid designs, I have started to see them everywhere! And especially in the website designs of the advance NFL stat sphere.
Continue reading “Gridding the Grid-Iron”FlexBox Magic
Before flexbox, adjusting every little part of the layout took forever. Making text sections or separators line up properly always felt tedious and repetitive. Then flexbox came along.
Continue reading “FlexBox Magic”CSS Grid and Midterm Project
This week I learned more about CSS Grid and worked on my midterm design project. CSS Grid was a little confusing at first, but after practicing with it, I started to understand how it works and how it can help organize a page.
Continue reading “CSS Grid and Midterm Project”Week 5-6
Over the past two weeks, I’ve been diving deep into modern CSS layout techniques, switching from Flexbox challenges to exploring the power of CSS Grid!
Read more: Week 5-6In the recent modules, we mastered key modern layout tools: CSS Flexbox, CSS Grid, and CSS Positioning. Through practical Flexbox examples, we learned to align elements along the main and cross axes using justify-content and align-items, dynamically distribute space via flex-grow, and manage automatic spacing. Moving on to CSS Grid, we learned to build two-dimensional layouts using grid-template-columns, grid-template-rows, flexible fr units, and gap spacing. We also practiced creating complex grids using grid-area and grid lines, enabling us to completely alter the visual order of elements independently of the source HTML. Finally, we combined Grid for the page’s macro-structure and Flexbox for smaller components to create the first draft of our course project.
Week 6 – The Learnening
This week I learned about grids, and the type of designs I prefer for them.
Continue reading “Week 6 – The Learnening”Flexbox and Grid
This week, I learned more about using Flexbox and Grid to create layouts with CSS. At first, there were many different properties to remember, and some of them were confusing. After practicing them in different layouts, I started to understand how they work together and how each property can change the position and spacing of elements.
Continue reading “Flexbox and Grid”SVG, Icons, Img & Interlinks
In the most recent lesson, we explored the usage of the Icons for the typical link-tree footers using Font Awesome and an <i> tag. After viewing the W3C Schools description for the <i> tags, it is defined for an alternate voice or mood.
Continue reading “SVG, Icons, Img & Interlinks”Weeks 3 – 4: Diving Deeper into HTML & CSS
The past two weeks have been incredibly informative. There was so much that I learned and I’m hoping it all the information absorbs into me.
Continue reading “Weeks 3 – 4: Diving Deeper into HTML & CSS”What I Learned This Week
Continuing with HTML and Starting CSS and Fonts
Over the past two weeks, I have learned more about HTML, CSS, typography, and web design. One of my favorite topics was typography because I learned how different fonts, sizes, spacing, and styles can change the overall look of a webpage.
I learned how to create a typographic hierarchy by using CSS properties such as font-family, font-weight, and line-height. I also learned about kerning and line spacing and how these small details can make text easier to read and improve the overall design.
Continue reading “What I Learned This Week”Week 3-4
This week, I studied font handling and how to properly implement them in CSS. I learned how to establish a typographic hierarchy on a page using properties such as font-family, font-weight, font-size, and line-height. I also explored CSS selectors and how to use them effectively to target specific elements. I mastered basic tag, class, and ID selectors and learned to combine them to create complex styling structures. Additionally, I gained an understanding of pseudo-classes and pseudo-elements for managing interactivity (such as :hover) and styling specific elements. Applying these skills enables me to create layouts that are cleaner, more structured, and visually appealing.
What I Learned About HTML, CSS, and Web Fonts
Over the past two weeks, I learned a lot about how websites are built and styled. I practiced semantic HTML, CSS selectors, web fonts, and started learning how to put my work online. Some parts were challenging at first, but seeing everything work in the browser made it much easier to understand.
One of the biggest things I learned was how HTML and CSS work together. HTML gives a page its structure, while CSS controls how it looks. Practicing CSS selectors helped me understand how I can target specific elements without changing everything on the page.
I also enjoyed learning about typography. I learned that there are different ways to add fonts to a website. I practiced using Google Fonts as well as locally hosted fonts with @font-face. I also worked with variable fonts, which was new to me. I liked seeing how changing the font can completely change the feeling of a webpage.
Another important step was learning how website files are organized. I had to pay attention to folders, file names, images, font files, and paths in my HTML and CSS. A small mistake in a path can prevent an image or font from appearing, so I am becoming more careful about how I organize my projects.
I feel more comfortable working with HTML and CSS than I did two weeks ago. There is still a lot for me to learn, especially when it comes to publishing websites and working with servers, but I am starting to understand how all the different pieces fit together.
Learning More About CSS and Typography
Over the past couple of weeks, I learned more about how CSS can change the look and feel of a webpage, especially through selectors and typography.
Continue reading “Learning More About CSS and Typography”