Adding text-shadow To Your Type Using CSS3
Adding a shadow to your text with CSS3 is actually quite easy. In this tutorial, I’ll show you how to use the text-shadow property to do just that.
Continue Reading »
Coding Transparent Backgrounds and Images With CSS3
Transparency has always been a stumbling block for web designers. However, thanks to CSS3, that is quickly changing. In this tutorial, I’ll show you how to use CSS3 to easily add transparency to backgrounds and images.
Continue Reading »
How To Create Circles With CSS3 and No Images
Thanks to CSS3 it’s now possible to create circles with only code. Look ma, no images! In the following post, I’ll show you how to create full, half and quarter circles using only CSS. Unfortunately, the half and quarter circles only work in Firefox at this time. The trick to creating the circles, is the use of the border-radius selector.
Continue Reading »
CSS3 rounded corners using the border-radius property
Round corners, without the need of images, is one of the most exciting new features of CSS3. In the past, a web designer would have to use images and tons of code to use rounded corners in their designs. Thanks to the new border-radius property, designers can easily add rounded corners to their layouts.
Continue Reading »
Optimizing your images for Google and SEO
Image optimization for SEO is something that often gets overlooked in website optimization. There are a number of simple techniques you can apply to your images to make them easier for Google and other search engines to find. Therefore, improving the overall optimization of your website for search.
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 »
Fixing backspace in VIM for OSX
Finally, I figured this out! It’s been driving me nuts for months. On my MacBook, in VIM, the default backspace (actually labeled delete) key has deleted the letter the cursor was on. I’ve always wanted this to behave as a regular backspace button, where it deletes the character to the left of the cursor. Well my friends, thanks to , I’ve finally figured it out. Check out the instructions below for how to set this up.
Continue Reading »
Easily insert special characters into your code using copypastecharacter.com
The awesome, free tools just keep on showing up in my rss feeds today. is a great little free service for quickly generating special characters. If you’re like me, I’m sick of looking up ascii codes when I want to insert a character, and I’m even more sick of trying to memorize them!
gives you the option of copying the html code to your clip board, which you can then easily paste into your html code. This tool is going to save me alot of frustration!
Continue Reading »
All about floats
There’s a great article up over at on everything CSS float related. Floats are generally easy to deal with, but if you have items floating within a parent element, there is the collapse issue to deal with. Here’s a little summary on what a float is:
“Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. This is commonly and appropriately called “text wrap”. Here is an example of that.”
Open Source Bridge links of interest
I came across a ton of great new content at , and I thought I would share some of the best links with you guys. Also, make sure you check out the Open Source Bridge website, it’s pretty nice. Here we go:
»
non-profit whose mission is to connect people, non-profit organizations, and resources
»
Canadian association for open source
»
Open source microblogging platform
»
Coming soon – hosted, premium solution for the laconica platform
»
An open standard for microblogging movement
»
“The Open Source Business Resource (OSBR) is a free monthly publication of the Talent First Network. The OSBR is for Canadian business owners, company executives and employees, directors of open source foundations, leaders of open source projects, open source groups, individuals and organizations that contribute to open source projects, academics and students interested in open source, technology transfer professionals, and government employees who promote wealth creation through innovation.”
»
Producing Open Source Software – How to run a successul, free open source project.
»
Code Igniter is an open source PHP framework to help you build PHP programs.
»
A simple little tool to see if website is down, or if it is a local problem.
»
This is an open source project directory. Great place to start if you are new to open source.
Follow me