Waking Up This Morning
“Waking up this morning, I smile. Twenty-four brand new hours are before me. I vow to live fully in each moment and to look at all beings with eyes of compassion.”
― Thich Nhat Hanh
Fresh and Responsive - SASS and Drupal 7 Starter Themes
Hey party people. I bet you were wondering what is going on in the life of Brian Danowski's website.
Well, let me fill you in.
I just shipped out an update with some improvements.
The site is running on drupal 7. I had some weird bugs from when I upgraded from 6 to 7, but this update finally fixed those.
I went pretty minimal on the theme. It still needs some work, but it's an improvement on what I was working with.
The base theme is a sub theme of sasson.
I am indeed using sass, but I'm a little weirded out that sasson includes a sass compiler in the theme. I did check out a decent number of starter themes.
Be Careful With IDs in CSS
It’s a common belief that ID selectors are the fastest, but this comes with a big caveat: IDs are fastest CSS selector only if they’re the key selector. What’s that? Well, while you probably read selectors from left to right, browsers read them from right to left.
Sweet Trick To Wrap Text Around An Image: Faking Float Center
From Chris Coyier's CSS TricksThis is a little bit like float, as the text wraps around the image, but the text wraps around both directions, so it would be a bit like float: center; or float: both; which don't exist.
From Go check out Chris's Writeup
Apparently, this technique does not work in ie6.
Kitten via Place Kitten.
Freaking Awesome Social CSS Buttons
I linked to these buttons in my first Web Design and Development Resources post, but I am going to devote a post just to these buttons because they are so sweet.
I love the simplicity and the colors. If only the buttons a little more "chunk". Like the pinterest "log in with facebook or twitter" buttons.
The icons are done with data urls. This is an ok technique, but depending on your situation you might also want to consider using a glyph font like Pictos or Font Awesome.
Link to fiddle: regular & full screen
Web Site To Do
I have a list of things that I would like to do to improve this website.
I thought it might be fun to make the list open.
1. Move nav to left side of screen
2. Make left nav static
3. Figure out what to do with front page
4. I tried to set this site up with vertical rhythm, but I didn't know what I was doing. Now I understand a little better and would like to go back and make sure I did it right (I'm pretty sure I didn't).
5. Integrate a framework like Zurb Foundation, Chico UI, or Bootstrap.
6. If I don't go with bootstrap, get some more icons poppin: http://fortawesome.github.com/Font-Awesome/Design and Development Resources
Zurb Foundation
http://foundation.zurb.com/
http://foundation.zurb.com/docs/Nice collection of css and javascript specifically designed for rapid prototyping.
grid, buttons, ui and more
It's like a classier bootstrap with a few less features.
You can use it with just plane ol css, but it has some nice gems to use with compass and or rails (sinatra?).
I especially like their "nice" buttons.
CSS Deck
Collection of html and css based doo dads and thingamajigs that may or may not be useful. http://cssdeck.com/
It's like combination of css zen garden and dribble - sorta.
I think some of the pure css stuff is a little silly, but this has a lot of great examples of shiny buttons.
Here are a few of my favorites:
- 1 of 13
- ››
