Talk to me about anything. If you’d like to work with me, or
even if you just need a hug, I’ll get back to you shortly.

Please enter your name

Please enter a valid e-mail

It's cold!

Say something!

Posts Tagged ‘CSS’


Web Design Inspiration | Galleries, Websites, And More - MLC#3

So here we are, Part 3 of my Massive Link Collection articles. This one is focused around inspirational pieces, and included are links to collections and websites that showcase great web sites, logos, graphics, javascript techniques, CSS, etc. Looking at other quality work is always a great way to get started on a project of your own. If you are stuck on something and need some new ideas, you need not look any further than this post.

Once again, a description of these posts: I provide a list of links that I have collected over the past year, as well as all of the Firefox tags that I use to keep them indexed. This gives you a ton of easy and quick resources. If you are unfamiliar with Firefox’s bookmarking system and want to know how to truly take advantage of this post, click here. Also, be sure to check out the other posts from the series if you haven’t yet: Useful Javascript, jQuery, and AJAX Tutorials and Resources - Massive Link Collection Part #1 and Design Tutorials, How-tos, and Resources for Photoshop and Illustrator - Massive Link Collection Part #2.

Read the rest of this entry 24 Comments. Add one!
Apr
24

Are CSS Frameworks Really Worth Using?

I’ve witnessed the beauty of frameworks for languages like PHP such as CakePHP, and for Ruby such as Ruby on Rails, not to mention the myriad of great javascript libraries that are out there. I see the potential for making life a lot easier by using these frameworks. They prevent you from having to reinvent the wheel, and can really speed up your production. The difference between these and CSS frameworks such as Blueprint is that they impact how the site functions, and not really how it appears to the user (I’m not including js libraries in this statement). So to me, the idea of a CSS framework seems like you’d be producing some stale designs.

Read the rest of this entry 25 Comments. Add one!
Jan
15

Double Body Background CSS Trick

So, you just created this awesome fancy background for a website. The top part of the background is large and in charge, while everything below it is going to be a repeating background that goes all the way down to the bottom of the page and helps define your website’s borders. The goal is to make sure the top background sits on top of the repeating background so that you cannot see the repeating background until the top one is done, but how do you utilize 2 centered background images without the browser creating a horizontal scrollbar?

Read the rest of this entry 34 Comments. Add one!
Dec
30

CSS Navigation Rollovers With Drop-downs

This post is a continuation of Super Fantastic CSS Navigation Image Rollovers where we created CSS rollovers with a single image, so it would probably be a good idea for you to take a look at that post in order to follow along with this one if you haven’t done so yet. We’re going to take the code from that post, and adapt it to Stu Nicholls’ CSS drop-downs. He has done a great job in creating a multi-level drop-down menu that is verified to work in most browsers, and without any slow loading javascript.

Read the rest of this entry 14 Comments. Add one!
Dec
14

Super Fantastic CSS Navigation Image Rollovers

The fun part of CSS (if you’re a weirdo like me and get a kick out of this sort of thing) is coming up with the most optimized, cleanest, accessible, and compliant code that you possibly can. This tutorial will show you one of my favorite ways of doing a navigation menu with image rollovers done in CSS that uses only one image and very minimal HTML / CSS code. This is by no means the only way of going about it, nor is it the “right” way if there is such a thing, but I’ve found this to be a very quick and efficient way of accomplishing our task.

This article is the first of a 2 part series, and the second half will apply this tutorial into creating a CSS only dropdown menu navigation with the image rollovers that is compliant with IE6 and up.

Read the rest of this entry 51 Comments. Add one!
Dec
3