I'm rebuilding my graphic design portfolio in CSS/HTML from scratch and it's cool to see how much easier CSS makes the process. Certain tasks like image manipulation become much easier to control and utilize less lines of code for faster load time.
I'm trying some different div grids to recreate my photoshop layout and finding I can match very closely to the pixel perfect version.
I'll post my results soon.
Wednesday, August 25, 2010
Thursday, August 12, 2010
Books + Internet = Success!
I've been using Steven M. Schafer's CSS Bible combined with the occasional google search for tags as I need them and finding a pretty good rhythm.
I've started building a website for my wife which will utilize most of the basic tags I've learned so far and some more advanced ones I'll need to learn about.
It's been pretty fun so far building the page without having to look up every single tag. I'm starting to remember more and also understand the syntax that is html and css. Basically I'm seeing patterns which help me guess at how new tags might work without having to look them up. Pretty cool.
Page layout is making more sense and leading to more control over type and elements which is a nice change from building tables in Dreamweaver and trying to use spacer gifs to control the layout (which due to browser compatibility issues, never quite worked).
[Intimidation Level: 7/10] [Excitement: 10/10]
I've started building a website for my wife which will utilize most of the basic tags I've learned so far and some more advanced ones I'll need to learn about.
It's been pretty fun so far building the page without having to look up every single tag. I'm starting to remember more and also understand the syntax that is html and css. Basically I'm seeing patterns which help me guess at how new tags might work without having to look them up. Pretty cool.
Page layout is making more sense and leading to more control over type and elements which is a nice change from building tables in Dreamweaver and trying to use spacer gifs to control the layout (which due to browser compatibility issues, never quite worked).
[Intimidation Level: 7/10] [Excitement: 10/10]
Wednesday, August 4, 2010
Things to Remember
So I'm rereading the explanation on when to use Selectors. From what I understand there are Class, ID and Type selectors.
To help me remember what I'm learning I'm adding my notes about each here:
Text: These default selectors are apparently important to search engines and browsers that ignore style sheets. They seem very limited in their offering but what do I know.
Class: This is the good stuff. It's where I can make up a term that controls style for a section of my website (As opposed to using the default selectors like H1, H2 and p). Right now I'm working on making these work the way I expect. Sometimes they seem to be 'turned off'. Most likely because I'm missing a key character like a '{' or comma.
ID: Can only be used once. Not sure of a good reason to use these except if you need to shove a bit of code into a page and be sure it has higher priority. But why wouldn't I just remove the conflicting code?
To help me remember what I'm learning I'm adding my notes about each here:
Text: These default selectors are apparently important to search engines and browsers that ignore style sheets. They seem very limited in their offering but what do I know.
Class: This is the good stuff. It's where I can make up a term that controls style for a section of my website (As opposed to using the default selectors like H1, H2 and p). Right now I'm working on making these work the way I expect. Sometimes they seem to be 'turned off'. Most likely because I'm missing a key character like a '{' or comma.
ID: Can only be used once. Not sure of a good reason to use these except if you need to shove a bit of code into a page and be sure it has higher priority. But why wouldn't I just remove the conflicting code?
Tuesday, August 3, 2010
Making Pages
Sorry for the break in posts. Life getting in the way.
I spent 4+ hours on tutorials today. Gained some real understanding of useful tags. Of course it involved some serious head banging against the desk. Here's the last page I worked on today:
http://www.greenodesign.com/blog/index2.html
The float tag and page layout was a little tricky. I really enjoyed the ability to create my own selectors which actually felt like I was artistically creating something for the first time with code.
Looking forward to getting over the hump of linear code vs old school table layout.
I spent 4+ hours on tutorials today. Gained some real understanding of useful tags. Of course it involved some serious head banging against the desk. Here's the last page I worked on today:
http://www.greenodesign.com/blog/index2.html
The float tag and page layout was a little tricky. I really enjoyed the ability to create my own selectors which actually felt like I was artistically creating something for the first time with code.
Looking forward to getting over the hump of linear code vs old school table layout.
Subscribe to:
Posts (Atom)