Code, News, Articles and Thoughts. Recent Posts.
Subscribe to the Notebook RSS FeedArchives by Category
- Design (1)
- Freebies (1)
- OS X Workflow (1)
- Personal (2)
- Productivity (1)
- Thoughts (1)
- Web Development (3)
Archives by Year
Subscribe to a Feed
- Blog Posts Feed powered by Feedburner
- Birding Feed via ChirpTracker
- Photo Feed via Flickr
- Video Feed via Vimeo
- Bookmarks Feed via Delicious
- Combined Feed via FriendFeed
- Published in: Design
- with One comment
The events in late January and early February of 2011 in Egypt were intense to say the least. The people of Egypt started an uprising on January 25, 2011 which featured various demonstrations, labor strikes and violent disputes between protestors and supporters of Egyptian President Hosni Mubarak’s regime. After 18 days of protests, Mubarak eventually [...]
Customize Bash
- Published in: OS X Workflow
- with One comment
If you’re anything other than a beginning web developer, chances are that you use a command line. I’m a big Apple fan and I don’t even own a Windows machine anymore. That being said, I spend a lot of time in Terminal using SVN and especially if you develop in Ruby on Rails. In this post, I’d like to share a little trick that I learned on how to make Terminal easier on the eyes. It’s a simple process that has some nice results.
- Published in: Web Development
- with 40 comments
Recently I’ve been prototyping some interactive thumbnail effects for various projects. I’d like to share one of the effects with you and how I built it. It’s a nice looking effect that I’m calling “hover zoom” because it’s pretty self explanatory. I’ve seen similar effects to this one on a few sites here and there, [...]
Lessons Learned
- Published in: Thoughts
- with 4 comments
Web design and development is an ever evolving profession that is quite different than it was just a few years ago. It is a continually improving field and the competition is constantly growing more intense. If you want to stay with the best, you must improve your own skills. One exercise that I do every so often is to look back on my previous work and designs. I want to share with you some of my thoughts and lessons that I have learned in this exercise. Some of the lessons I’m about to share with you can be abstracted into life lessons and more than just development or design lessons.
Pure CSS Timeline
- Published in: Web Development
- with 117 comments
I wanted to build a CSS timeline for the “About” section of my site while using some clean and simple markup. I wanted to avoid using images as much as possible, so I spent a few minutes prototyping some options and came up with a solution using unordered lists. The result is a simple and clean looking timeline with some very straight forward markup. In this article I’ll share my approach to creating a timeline out of CSS and HTML which results in a nice looking, simple timeline.