Top Posts From 2010
It’s end of the year round up time again. Below are a list of the most popular posts on Cardeo.ca from 2010. What do you have to look forward to in 2011 from Cardeo? Like I mentioned in a previous post, I’m mulling over a change of format for Cardeo, and hope to have a plan in place in the near future. If you have any requests, now is the time to leave a comment. Finally, I’d like to send out a big thank you, and happy new year to all of my readers. Continue Reading »
jQuery Syntax Highlighter
If you’re looking for a nice syntax highlighter for your website or blog, you should definitely check out by . 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.
jQPad | An iPad Web Development Framework
is a free iPad web development framework. It’s available for download from . Definitely worth taking a look if you are doing web development for the iPad. Continue Reading »
Envato Birthday Bundle: Over $400 in Envato Files for $20!
If you like a good deal, then I have a doozie for you. The good people over at Envato are celebrating their 4th birthday, by offering an of files from all of their stock websites. You get over $400 worth of files for only $20!. Now that is a pretty sweet deal. There’s only once catch, the offer is only good until Tuesday August 24th. Make sure you head over there now and . 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 ? It’s another great stock website from the people at . 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 , and I recently built it into the homepage of . 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 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 ), so I was happy to see they had made the jump to the App Store.
Continue Reading »
How to add a Facebook Fan Page widget to your website
Facebook recently added the ability to add a Fan Page widget to your website. For an example, check out the Cardeo sidebar, about half way down. Using javascript, or an iframe, makes adding this widget to your website pretty easy. For this tutorial, I’m going to use the javascript example.
Updated July 1, 2010
No API key required
In the past, this widget was more difficult to setup. Facebook has simplified the process, and you no longer require an API key to setup a fan widget for your personal website. Up until recently, the widget was called a Fan Box, it’s now known as a Like Box. Read on for instructions on setting it up.
Creating the Like Box
head over to the Facebook Page that you would like to create the Fan Box for. Once you get to the page, locate the edit page link, which appears under your Page Profile image. You’ll be transferred to your admin page, on the right sidebar find the Promote with a like box link and click it.
Customizing the Widget
- Set a custom width for the widget
- Set how many connections, or fans, to display
- If you would like to display your wall stream in the widget, check the Include Stream box
- If you would like to display your find us on Facebook header, check the Include header box
Once you’re done with your settings, hit the get code button. An overlay will appear with two code options. One is an iframe and the other is FBML. FBML requires that you use the . I’d recommend going that route if you care about internet standards and validation. However, if you just want the quick answer, use the iframe.
That’s it, that’s all. This process is much easier now. Feel free to post questions below.
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 in the web design process series.
Make sure you check out 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 »
Follow me