Ai + CSS

Posted by | February 08, 2016 | Charles Wetzel | No Comments

Monday’s class will be the follow-up class to a very interesting process for generating CSS from Adobe Illustrator. I had seen something like this done only once before, but not having any prior CSS knowledge, I could not appreciate what I was watching. The cross-over from Illustrator to CSS would save me incalculable moments of time rendering my 4Ts project in HTML. I wonder, what are the limitations to this exporting process? How much additional HTML and CSS coding will it require outside of the data generated from Illustrator? I suspect that the entire project cannot just be exported perfectly from Illustrator into Dreamweaver. I hope to come away from Monday’s class with a clear understanding of the Illustrator limits, plus some clear methodology for successfully coding at least one of the 5-to-6 pages. As Colleen mentioned, file organization will be key.

Chapter 7 discuss the box models and all the ways we can add space between content. I will have to remember that browsers won’t just add two elements’ margins together, but instead apply the larger of the two values. When I first attempted laying out my 4Ts project, I realized that something was happening to throw it off. I think that this concept was definitely part of the issue.

I can also see a lot of value for the overflow:hidden command in future layout designs to keep content cleanly separated.

-Charles

 

Leave a Reply

Your email address will not be published.