Cardeo Design Blog, Code, Design, WordPress, Minimal, CSS, Freebies, Twitter, Facebook, Social Media

Photoshop To HTML

Are you familar with rockablepress.com? They’re a book company, from the good people at envato.com, specializing in Web Design books. They just released their latest book titled Photoshop to HTML, which is a guide to taking your website designs from Photoshop to HTML.
Continue Reading »

Coding an animated news ticker with jquery and CSS

Alright, about time that I’m back with a new post! For this tutorial, I’m going to breakdown creating an animated news ticker using a little jquery and CSS. The tutorial is based on a jquery plugin developed by textotela.co.uk, and I recently built it into the homepage of recork.org. If you head over to textotela.co.uk, you’ll notice there are some instructions on installing this plugin. The problem is (being a beginner at jquery), I had a hard time filling in all the blanks that are not described on his website. Therefore, I thought I would break it down for beginners to make it easier to understand and install.
Continue Reading »

O’Reilly books now available in the Apple App Store

I was surfing around the App Store the other day, and to my delight I noticed that O’Reilly is now offering a number of their titles as iPhone/iPod Apps! I’ve been a fan of their books for a little while now (currently I’m reading Twitter API Up and Running), so I was happy to see they had made the jump to the App Store.
Continue Reading »

The web design process: part 2

Time for part 2 of 4 in the web design process series. Today I’m going to cover Photoshop comps, reviewing your goals, and coded comps. Check out the overview below to see all the main steps in the design process.

Make sure you check out part 1 in the web design process series.

Overview

» Defining the end goal
» Navigation planning and sitemap
» Hand-drawn rough layout
» Photoshop comps
» Review comps to ensure the end goal has been met
» Coded comps (alpha)
» Dynamic content integration
» Browser testing
» Launch checklist
» Soft launch (beta)
» Launch and promotion
Continue Reading »

CSS tips round-up

Below is a list of CSS tips I’ve picked up over the past couple days. Most of them are from one of my favorite web design blogs: cssglobe.com. Here you go:

» 16 easy CSS techniques that simplify the web designers life

» 8 premium, one-line CSS tips

» 28 fantastic generators for easier web design

Mobile Device Style Sheets

There’s a great article on The Return of Mobile Style Sheets over at alistapart.com. The post will teach you how to setup a CSS style sheet geared towards your mobile users.
Continue Reading »

Most Useful Web Design Posts From 2008

What are your favorite web design posts from 2008? Feel free to post a link(s) in the comments. Here’s 5 of the most useful web design posts I came across in 2008.
Continue Reading »

5 CSS 3 Coding Techniques

Nettuts.com has an awesome post describing 5 techniques to acquaint yourself with CSS 3. The techniques are clearly explained and very useful. Subjects covered include: Round corners without the use of images, adding a drop shadow with CSS, opacity with CSS, and resizable elements with CSS. Make sure you check out 5 Techniques to Acquaint You With CSS 3

Convert Pixels to Ems with pxtoem.com

Continue Reading »

Creating A Mouse-Down Link State With CSS

Creating a mouse-down link with CSS is actually quite simple. We going to use a technique that uses the “a:active” link selector. In your CSS simply add “a:active” to your style sheet and assign it some attributes, as shown below: Continue Reading »