A responsive CSS framework on a baseline grid

Wow! It’s been too long since I’ve published a post. Sorry guys, but I’ve been working on a few new projects. The first of them is the AnonAnon CSS Framework. Does the world need another CSS framework? Probably not, but mine has a few cool features that you won’t find elsewhere. Here’s a list:

• Minimal design and lightweight code
• Responsive for mobile
• Built on a baseline typographic grid
• Includes jQuery UI elements
• 10 column, fluid grid

To learn more or download, please head over to anonanon.org.

Cardeo Minimal HTML Email Template

An minimal email template inspired by swiss graphic design. The template comes in 10 different colors, and includes a PSD file for each version. So that’s 10 PSD files, and 10 HTML files, with supporting images. You can preview the template below. Click the add to cart button to purchase it for $2.

Cardeo Minimal HTML Email Template Preview | $2
 

Key Features

• 10 colors
• 10 HTML templates
• 10 layered PSD templates
• All major email clients supported
• Built using the Golden Ratio
• Optimal width for all email clients (600 pixels)
• Easily Customizable
• Users Helvetica System Font, Arial would also work
• Photoshop CS4 minimum required for editing PSD files
• Please leave a comment for questions or support

Colors

Yellow, Red, Blue, Black, Grey, Green, Pink, Purple, Navy, Orange

Compatibilty

Template has been tested in: Gmail, Hotmail, Yahoo Mail, AOL mail, Outlook, Mac Mail, and Sparrow for Mac.

Credits

Facebook, Twitter, and RSS icons by komodomedia.com.

If you’re looking for more minimal files, please check out my portfolio on GraphicRiver.net

This work is licensed under the Creative Commons Attribution-Share Alike 2.5 Canada License. To view a copy of this license, visit creativecommons.org or send a letter to Creative Commons, 171 Second Street, Suite 300, San Francisco, California, 94105, USA.

Most popular posts on Cardeo in 2010

Creating a Fading Link Transition with CSS3
A simple tutorial explaining how to add fading to your text links using CSS3.

Coding an Animated News Ticker with jQuery and CSS
How to build a nifty little animated news ticker using jQuery and CSS. The ticker fades through a list of news updates that you specify.

Adding an Outline to Your Text Using the CSS3 text-stroke Property
A quick tutorial showing you how to add a stroke to text using CSS3.

Do I Need to Charge HST?
A useful little post for small business owners in British Columbia. Helping to demystify some of the confusion around the new HST tax.

Using CSS3 font-face to Add Custom Fonts to Your Website
A tutorial explaining how to use non-system fonts on your website using CSS3.

How to Create Circles with CSS3 and no Images
A tutorial showing you how to use the border-radius CSS3 property to create circles.

20 Most Useful Scripts From CodeCanyon.net
A collection of the most useful Javascript, PHP, and .NET from CodeCanyon.net.

CSS3 Minimal Admin
A free CSS3 Minimal Admin template from Cardeo.

How to Create a Custom Border Using CSS3 border-image
A tutorial explaining how to create a custom border with CSS3.

5 Premium Minimal Website Templates
5 of the best premium, minimal website templates from ThemeForest.net.

View Live Demo — Download from Templatic.com

Developer’s Description

“Want to start a quick website streaming live news on some ongoing hot topic, event? Or maybe you just want to stream all the twits from one popular twitter user. PremiumThemes.net releases one more wonderful theme – “LiveTwit” that does exactly the same. Upon checking FloodFeed website, I realized – often times it happens that some tragedy, unfortunate event or at other such moment, a site like flood feed comes handy. Usually, twitter users are first to post about any such event. So, I created this free theme that helps you create such out of the box site in wordpress.”

Further Resources

• 7 Easy Ways to Add the Official Twitter Button to your WordPress Blog

Minimal Book $7 | Buy Now

What’s Included?

Here’s a list of features included in the InDesign template:

• Available in 3 colors (red, black, white). One InDesign project per color.
• Uses Helvetica system font. Arial system font would also work.
• Letter size, portrait, uses facing pages.
• Layered InDesign File.
• InDesign CS4 required for editing.
• Also includes InDesign CS3 interchange versions for editing.
• Print Ready

Preview

Minimal Book $7 | Buy Now

CSS3 Minimal Admin | Download

Make sure you check out the Cardeo Minimal HTML Email Template.

CSS3 Minimal Admin Template Features

• Valid Code
• Elastic Layout
• Minimal Design
• Make’s use of Google Font Directory
• Font being used is ‘Droid Sans’
• No Images used except for icons.
• Icons by Woofunction
• Supports all Webkit and Gecko browsers

CSS3 Features

• Round Corner boxes, images, form inputs
• Letterpress text styles, text shadow
• 1, 2 and 4 column layouts
• Fancy CSS3 Buttons
• Gradient Backgrounds
• Box shadows
• Link transtion animations
• transparent images

If you find this template useful, please consider buying me a beer :)

Licensing Info

This work by Matt Lambert is licensed under a Creative Commons Attribution 3.0 Unported License

Swiss Minimal Business Cards $6 | Buy Now

What’s Included?

Here’s a list of features included with the business cards template:

• Available in 10 color ways: white, red, black, blue, yellow, green, grey/green, orange, aqua/black, and 80’s pink/aqua
• All colors contained within one layered Adobe Illustrator file, one layer per color
• Uses Helvetica system font. Arial system font would also work
• Standard Business Card Size: 3.5”W x 2”H
• Includes 1/8” bleeds for printing
• Formats: Illustrator .ai, Illustrator .eps
• Version: Both formats saved in Adobe CS4 and CS
• Available exclusively from graphicriver.net

Preview

Swiss Minimal Business Cards $6 | Buy Now

Swiss Inspired Minimal InDesign Presentation Template $8 | Buy Now

What’s Included?

Here’s a list of what’s included with the template:

1. Available in 3 colours (red, black, white). 1 InDesign project per colour
2. 8 Template slides for building your presentation
3. Uses Helvetica system font. Arial system font would also work
4. Letter size, landscape format
5. Layered InDesign File, with preset Character and Paragraph styles
6. InDesign CS4 required for editing
7. Available exclusively from graphicriver.net

Preview

Swiss Inspired Minimal InDesign Presentation Template $8 | Buy Now

Swiss Inspired Minimal Resume Pack $6 | Buy Now

What’s included?

Here’s a list of what’s included in the resume pack:

1. Available in six color ways: white, red, black, blue, yellow, and green
2. Uses Helvetica system font. Arial system font would also work
3. Letter size 8.5×11
4. Formats: Illustrator .ai, Illustrator .eps
5. Versions: Both formats saved in Adobe CS4 and CS
6. All colors contained within 1 layered Adobe Illustrator file, 1 layer per color
7. Available exclusively from graphicriver.net

Preview

Swiss Inspired Minimal Resume Pack $6 | Buy Now

Swiss Inspired Minimal 404 Pages

The idea here was to create a series of swiss inspired 404 pages. I went with the traditional white, red and black color schemes that our common in that genre. The line Seite Nicht Gefunden is german for Page Not Found. There are 12 options in total, each is a fully layered in Photoshop CS4 format. Each 404 page is optimized for 1024×768 resolution, but they are easily editable for any size you’d like to use. The font used for all is Helvetica – if you’re on a PC, I guess you could also use Arial if you really had too. Check out the screenshot below. The cost for the whole set is $5, head over to graphicriver.net to download now.

Swiss Inspired 404 Page Templates $5 | Buy Now

Swiss Inspired 404 Page Templates $5 | Buy Now