Winnipeg Web Design
a winnipeg website design company.
a winnipeg website design company.
Reading time: < 1 minute
Since the update of WordPress from version 2.9 to WordPress 3.0 one of the main noticeable improvements (to make it into more of a CMS system) is the ability to add a new custom post type into your WordPress system.
Reading time: 3 – 4 minutes
You’ve undoubtedly heard of HTML5 multiple times in the past. It was started in June 2004 and is currently in the ‘Working Draft’ state. Ian Hickson (a Google Inc. employee) is the editor of HTML5, and he estimates that HTML5 will become a Candidate Recommendation in 2012, and a W3C Recommendation in 2022. Seems like I’ll be old and gray by the time it’s the norm!
The great thing is that despite the fact that HTML5 will not be a W3C Recommendation until 2022, you can use many of the elements of it today! The website caniuse.com reports that this percentage of features in HTML5 are currently supported:
I’ll be using Safari 5.0 as it currently has the highest percentage and seems to run the best in my current setup. Let’s dive right in, shall we?
Geolocation is already being used all over the web today. Many websites will ask for your current location to display information like weather or local news. Some or all of your information including your IP address, RFID, MAC addresses, GSM/CDMA information will be used to determine your information. It can only be used if the user gives permission.
Try it here.
One of the main reasons why Apple is not supporting Flash on any iOS devices is because they believe so strongly in the HTML5 Video element. It couldn’t get any simpler than this markup:
<video src='movie.mp4' autoplay controls></video>
Provided the feature is fully supported, video plays smoothly, fullscreen works great, and it doesn’t eat up your CPU cycles like some HD flash players can.
Try it here.
Creating simple graphics for the web in Photoshop then saving and inserting them in the correct place in your web page can be a complete time waster, especially if you get it wrong and have to go through the whole process again. That’s where the Canvas element comes in.
Take the simple ‘loading’ image. Instead of searching high and low for the perfect looking image, you can create exactly what you want with a canvas element. Here’s an example: link.
@font-face is really more of a CSS feature, but it ties in directly with HTML5. Inserting custom fonts into web pages is always a pain. My tool of choice is Cufón, for its sole use of JavaScript. There are others that get more complicated like sIFR using Flash all to get a font on a web page. No more! Custom Web Fonts are now as easy as uploading the .ttf or .otf file to your server, linking it into your CSS file and creating a font-family, and displaying your text! Typography lovers unite!
@font-face {
font-family: 'LeagueGothic';
src: url(LeagueGothic.otf);
}
header {
font-family: 'LeagueGothic';
}
Try it here.
All of the demo links included in this post are courtesy of Google, Inc. Check out the rest of html5rocks.com for some great resources!
These four features are just a taste of what HTML5 really can do. I look forward to what the world’s web developers will be making in the years to come!
Reading time: 1 – 2 minutes
At Yogile they have developed a new photo sharing service that makes it incredibly easy to share images privately and within groups.
While established photo sharing sites already exist, Yogile is different because it lets multiple people contribute with ease. Once you create an album, you get a customizable URL and e-mail address to share with anyone who wants to add photos, either as e-mail attachments or uploads through the site. There’s no need for these users to register, keeping the process simple and hassle-free.
Take a wedding, for example. Dozens of attendees take their own photos, all from different cameras and angles. While you might try asking everyone for their shots afterward, Yogile offers a smart alternative. Visit http://www.yogile.com to try it out!
Reading time: 1 – 2 minutes
Jeffrey Way from Nettuts has another quick tip that is definitely worth me posting. Please follow him @nettuts, and myself @brenelz.
Here is his quick intro to this tip:
Did you know that we can achieve multiple borders with simple CSS, by using the :after amd :before psuedo-classes? This is something I recently learned myself! I’ll show you how to add more depth to your designs, without images, in just a few minutes.
- Nettuts.com
Reading time: 2 – 3 minutes
“Video Edit” for iPhone 3GS lets you trim, organize and stitch together camera roll videos to create fun and share-worthy video compilations. Video Edit is lightning fast, easy-to-use, and lets you quickly edit your video compilation to be shared with your entire network.
This app is great for bloggers, parents, vacationers, sports enthusiasts, basically anyone who loves sharing media with their network. Designed specifically for speed and ease of use, the developers have removed extraneous features to emphasize the art of storytelling and enable the fastest possible rendering speed.
App Name: Video Edit
Release Date: June 1st, 2010
Company Name: DHI Inc.
Category: Photography
Cost: $4.99
Release Details: In Review as this time, but hopefully soon!
Visit the Video Edit App website for more details on the iPhone app.
Yes, there are some free copies of the app available but they are limited. Leave a comment below, and you never know!
To top it all off the great folks that created the app are running a contest! Here is what you have to do:
Leave your comments below.
Twitter
Follow me on Twitter to keep up to date!
RSS Feed
Keep up with all of our updates by subscribing to our RSS feed!
FaceBook
Join our group on Facebook and become a fan of us!