Realizing CSS3 Through a Design Book

.nav ul {
list-style: none;
background-color: #4444;
text-align: center;
padding: 0;

Reading the The Web Designer’s Idea Book on the way home from class. It’s mainly a design-focused tome that I picked up with my Kindle Unlimited subscription. It is older, about 3 years and much has changed.

When I got to the section on CSS3, which isn’t really a section on coding as it is on design, I realized I needed drop shadows to make my current site look better. Think I’m headed to CSS-Tricks once I get off the bus.

I’m also looking at changing the font to another @font-face type.

I’d like to get into deeper coding. I want to start learning Python, Objective C, Ruby, and PHP. Whatever we’re doing in the intro to programming class is taking a bit of time. We are going over Windows search and interface nuances but I’m on a Mac. Anyway the program we’re using looks like a Windows 95 program even on my MacBook Pro. Ha.

Think I’ll dive into Python tonight on where I’ve learned a lot about git for web designers, though I’m probably going to do the git course in general. It’s a snowy day in Pittsburgh and gloomy, perfect for a nice cup of coffee and a learning session…

Design Woes and LOOK AT THAT CSS!!!


Photo Credit CSS-Tricks

So I am working on my website for my off-semester freelance business that I haven’t launched yet. I am using a static web page built from scratch and linking it to a WordPress blog and a WordPress portfolio as well as some other random html pages. I decided to host the blog and portfolio at WordPress because I like the themes and it is just easy. I know. Sorrynotsorry.

I made some icons in Illustrator- circle icons with some Creative Cloud Market assets built in, some color, etc. But when I was styling them, I didn’t make them uniform. Now I am having some trouble copying appearance attributes from the main icon to subsequents icons. I have been working on it on and off for a few months. I am a total Illustrator Newb. I have watched tutorials and things on YouTube and the like but it is not working for me (user error). It is frustrating, because when I look at the site in Coda 2 preview, it looks awkward and wrong.


Learning more about CSS. I like it but it is wayyyy too verbose for my taste. That’s why adding a little Ruby and LESS and Sass would clean it up nicely.

For my web dev course last semester, we just did the basics. I’ve pretty much got I grasp on HTML and CSS though I could get a little better with CSS. No Ruby in the class. But since I am out of that class and working on the site whenever I have down time (which is almost never) I can get some training on Rails and then BOOM. Either LESS or Sass.

My favorite little CSS Trick: @font-face. It has allowed me to link Font Awesome icons to my social sites at the bottom of my landing page. Yessssss.

It is almost 1 am!!!! I am up writing articles but think I am heading to bed. I want to hit the gym tomorrow, work on homework, and finish more articles. It’s been a long first week of class…