CSS Layout

Templates for beginners

while in class were doing our final rough drafts of the website of our choosing to create about a certain topic, mine is a lawyer website and a tool that helped me use HTML and CSS to create my page and now a helpful tool for me to reference new code or refresh on the basics.

CSS Navigation Bar (w3schools.com)

Here you can look up what you’re trying to create, and it will show you how it should look like in code and in another browser window to show a live code view of how it can look on a website screen.

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!

CSS: All About Layout

There’s a lot of options when it comes to designing your layout in CSS. From flexbox properties to positioning, here’s all you need to know about CSS layout to get your designs to look awesome.

CSS page layout techniques allow us to take elements contained in a web page and control where they’re positioned relative to the following factors: their default position in normal layout flow, the other elements around them, their parent container, and the main viewport/window.

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

Is CSS the magic wand?

A lot of people think that CSS is just another language and that it’s nothing to be excited about. What do you think of when you hear CSS?

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

Weeks 5 & 6 – CSS Layout Challenges, Levels of Web Design, and more

The past couple of weeks have been really busy. I guess mid-semester always is at least a bit overwhelming.

CSS Lay outs

During the last two weeks we learn about different CSS layouts and read a very interesting article by Rachel Andrew. According to article today we have real choice for approaching our designs. This article was a little bit overwhelming for me but it opens new doors of opportunity for better designs and more knowledge.

There is still so much to learn when it comes to the flex layout…

Week 4 – Fun with Floats and Flexbox

I remember how I struggled with floats when taking the Intro to Web Design class. This topic was one of the most confusing ones to me. However…

Tag: CSS Layout

Templates for beginners

Responsa What? Understanding Responsive Design

CSS: All About Layout

CSS Layout

update on HTML

Is CSS the magic wand?

Getting Through The Challenges

Weeks 5 & 6 – CSS Layout Challenges, Levels of Web Design, and more

CSS Lay outs

Color Palettes & Grids

Week 5 – Positioning and Creative Critical Thinking

Comprehending Flexbox

Flexbox is Magic

Flex box and Floats

There is still so much to learn when it comes to the flex layout…

Week 4 – Fun with Floats and Flexbox