This is a project I’ve been working on over a few years. I introduced my first solution back in 2008. It worked, but had some limitations. After recieving feedback and comments I once again offered another solution in May 2011 that worked great… at first. After testing myself, and reading more feedback and comments I’ve come across another limitation. When you downsize your browser window enough to require a horizontal scroll a curious thing happened. Scroll over to the right edge of the screen the header and footer no longer stretched 100% across the screen.
CSSgirl Dev & Design -
Master of CSS and Dirty Diapers
Category Archives: Articles
Jan
Tantalizing Textures: Sources for Textures, Tutorials and Inspiration!
Jun
4
Using textures in your designs is one sure way to give an item a more realistic feel and depth. Using textures, patterns and other grunge-type effects are one of my absolute favorite design methods. I end up being drawn to this type of design over any other.
Below I have gathered some awesome resources for how to use textures, and where to get them as well as a small, but awesome collection of texture inspiration. Don’t forget to check out the “Tantalizing Textures” bucket I have created on dribbble, that I will be constantly updating to collect texture inspiration.
Freebie: MyBookClub Book Club Layout – 2 PSDs
Jun
2
Like most designers not every design I create is accepted by the client the first go-round. Occasionally I am left with a design that is perfectly fine, but just wasn’t suited to the client’s taste.
A few months back I had this design left over for a library website. The design wasn’t used and there it sat forgotten on my hard drive.
I’ve decided to share the two PSDs for the design (the main page and the inside page) with everyone.
26 Useful Tools, Apps and Resources for Developers – A Little Bit of Everything
Jun
1
There are moments when you are working on a project, when you realize that you just aren’t the best at everything. Or you hit a roadblock. Or you just need a little assistance. It might be choosing a color palette, creating an certain icon or creating the perfect background pattern. Everyone could use a little help now and then.
This is by no means a comprehensive list on each topic, but places that I have found the resources I’ve needed on several occasions that are alternatives from my normal methods.
28 Stylish Article Headings, Date & Meta Data Designs
May
31
There is nothing that will grab the attention of visitor’s to your blog like a creative and thoughtful eye catching title/date/meta data design.
The most important aspect of a blog is the content within it. It doesn’t matter how great (or poor) your design is overall if the attention of your visitors isn’t being directed to your content. And the best way to get people reading your content is with a snappy title that grabs their attention by both how it looks and what it says.
That being said, good design for a blog post’s title (date and/or meta data) does not necessarily mean that it needs to be blinged out to the nth degree with graphics, icons and backgrounds/textures. Good choice of fonts, color, and arrangement of the information is the basic architecture you need to start with. Once you have your frame developed, choosing to add in accents such as background images and extra design elements that will pull the eye to the titles may be beneficial.
I did a some research and handpicked 28 different blog title designs that I believe are awesome examples of effective and well designed titles, date and meta-data designs. Some have extra design elements that pop and help draw the eye to the title. Some have no graphical elements at all – relying merely on awesome typography and the arrangement of the data. All draw the focus to the article title, where users will be able to make a decision if this is the right content for them.