responsive design

AAD86 – Weeks 7 & 8

These last few weeks in Web Design have been challenging but fun! From the Concentric Design Challenge to creating our Midterm Website Design to our introduction to responsive design, we have been through a lot.

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.

Turning Designs into Code

In the last two weeks we have been involved in visually designing websites and then practicing various code approaches implementing these designs. For example, along with visually designing our mid-term project website, we practiced various approaches in HTML and CSS.

Why you should make Mobile-Fist A Priority?

Mobile-first design is a web development strategy that considers the mobile user’s needs first. It creates a better experience for these users by starting the design process from small screens instead of the other way around. So instead of creating a desktop website and then forcing it to fit into a mobile phone, you start with a small screen. Also, let me assure you, it’s much easier to scale up to big sizes than scale down from big design elements to small ones ensuring that your user’s experience is seamless across devices.

Absolute Figma Basics

I tried learning Figma in a couple hours I thought I was doing well until I needed to add another section. Most of the tutorials I found were based on a multiple page website or just one page with one section so after a few hours I figured out how to design the website in figma file. So here is some absolute basic starting things to know:

Responsive design felt like a scary thing when I first thought about how you would code it, but it turns out to be much simpler than I thought.

Responsa What? Understanding Responsive Design

Layouts can be tricky. It feels so nice to finally have a design that looks good and works well… until you take a look at it on a different device. What happened to your design?! How can you fix that? The answer…. Responsive Design! Let’s take a look at what it is and some of the basic things to know surrounding responsive design. Let’s go!

update on HTML

In class we have been learning the basics of HTML and CSS of assembling it on Dreamweaver. The basic elements of creating the specific code we want as in <header> <p> <a href> <h1> <body> , etc to create and become familiar in the basics of setting up the code for a website. Also learning how to transfer files on an FTP I use FileZilla, to make our sites live has really been exciting. We are also setting up a portal page to link our projects for this semester.

here’s a little video I found that was interesting for typography

CSS Refresh and font-size.

These are two topic I have struggled with and one is resolved. I have the answer, Your Welcome. The other will probably be an ongoing learning battle.

To respond or not respond

Okay, so that’t not really a question. Clearly, in these times of digital life we need to have responsive design.

Getting Through The Challenges

These past two weeks have just been like the title says, challenging. We practiced by going through the challenges by using a mobile first approach. The main approach and learning process for this part of the semester was mainly getting through the challenges.

Pages: 12

Responsive Design

Response design is getting more important every day. Users expected more efficient, faster with clear information and navigation.websites that have consistently on all of their devices. I found the first mobile approach more efficient and so much easier to do.

Applying Responsive Design

This is such a full week! Finishing responsive design for the Sac Writers group and the Zen Music was quite a challenge and we aren’t even done with the actual design yet! It takes such great amount of patience and re-editing, googling and re-editing.

New Concept and Finishing Mid-Terms

Hello once again to a journal entry! Today on the news, AAD 86’s students have been busy doing their mid-terms while balancing other classes and learning new cool concepts on the web and design. Will they be able to get their designs how they want them to be? What did they learn in the past week? Tune in on channel…. wait this is not a news casting station??? That is ok tune in for more below!

Responsive Design

I really enjoy these last two weeks. Most of the time when I learn something from a mistake it is more effective and I learn an obvious rule of cascade for stylesheet when working on a concentric website.

Responsive Design, Midterm + Life

This week has been a definitely been a long one for me. Work has restarted and I have been in the process of moving across town into a new house when all of my major projects were due. It’s been a nightmare trying to juggle it all, but I’m slowly getting back into it again.

Tag: responsive design

AAD86 – Weeks 7 & 8

Responsive Web Design and UX

Turning Designs into Code

Why you should make Mobile-Fist A Priority?

Absolute Figma Basics

Responsive Design

Responsa What? Understanding Responsive Design

update on HTML

CSS Refresh and font-size.

To respond or not respond

Getting Through The Challenges

Responsive Design

Applying Responsive Design

New Concept and Finishing Mid-Terms

Responsive Design

Responsive Design, Midterm + Life

Midterm and Responsive Design

Mid-Term Week

Week 9 & 10 – The more I learn …

Highs N’ Lows