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

jQuery Syntax Highlighter

If you’re looking for a nice syntax highlighter for your website or blog, you should definitely check out jQuery Syntax Highlighter by Benjamin Lupton. It’s extremely easy to implement and has some excellent built in styles for formatting your syntax. I’ve actually started implementing it here on cardeo.ca. You can check it out in action on my post Best Practices for Positioning Icons with CSS. Let me know what you think.

Touch Gallery Mobile Lightbox

Touch Gallery is a touch-based, minimal image gallery. It’s made specifically for mobile devices and has built in touch controls, similar to the iPhone’s iPhoto app. If you are viewing the gallery on a regular browser, you can use your cursor keys to navigate the images. It’s built using jquery and looks super easy to implement. Overall, one of the cooler image gallery plugins I’ve seen in awhile.

jQPad | An iPad Web Development Framework

jQPad is a free iPad web development framework. It’s available for download from code.google.com. Definitely worth taking a look if you are doing web development for the iPad. Continue Reading »

10 Must Read Free eBooks

There’s a ton of great eBooks around the internet, and better yet a ton of them are free! Here’s my list of 10 must read, free eBooks. Continue Reading »

20 Most Useful Scripts From CodeCanyon.net

Have you heard of codecanyon.net? It’s another great stock website from the people at envato.com. Codecanyon.com is an awesome source for Javascript, PHP, .NET, and Plugin code, at super reasonable prices. Below is a list of the 20 must useful code snippets on the website.
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 »

the web design process: parts 3 & 4

I thought it would be better to get this series done by friday, so I’ve decided to roll parts 3+4 into one post. We’re going to cover the last 5 parts of my web design process today. Check out the overview of all the steps below:

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

Make sure you check out part 2 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 »

Free WordPress Theme: Meta Morphosis

Continue Reading »