Web Development

Articles about web development and online technologies.

HTML 5 Code Snippet

HTML5 and CSS3 — New web tools for more powerful communications

(This article originally appeared on the Creatonomy Blog.)

Acronyms like HTML 5 and CSS3 may sound like a foreign language. They actually are the newest versions of two main programming languages for websites.

HTML 5 Code SnippetHTML (short for “HyperText Markup Language”) is used to build web content, pages and sites, while CSS (short for “Cascading Style Sheets”) determines how those web pages appear by applying styles such as color, font size and much more. HTML and CSS almost always work together — it’s rare to find a web page that uses one without the other.

The changes introduced by HTML 5 will make it easier for search engines to navigate our web pages, plus make it easier to pull and display video, images and other data that exist outside of the actual web page. In a similar fashion, CSS3 will make it easier to style a web page, plus introduces several new style properties.

Both HTML 5 and CSS3 are officially still in the draft stage, but developers already are using what’s been developed. Why?

Upcoming versions of most major web browsers are being designed so that they can display all the new features found in HTML 5 and CSS3. That means eventually any website programmed with those languages should look the same regardless which web browser a person is using. As mentioned before, HTML 5 makes websites much more search engine friendly, which makes Search Engine Optimization easier. And finally, HTML 5 and CSS3 introduce a level of consistency in terms of how websites use and display rich media assets such as video, which ultimately will make it easier to add those assets to web pages.

The future of web programming is taking shape before our eyes, and things looks very promising!

HTML 5, CSS3 and WordPress 3.0

Upgrade time! Since WordPress 3.0 was recently released and I already intended to update the theme I use here on KevinABarnes.com, I decided to leverage the opportunity and also update that theme to use both HTML 5 and CSS3. What you’re looking at is the result.

No doubt I’ll write at greater length in the coming months about the various improvements and benefits of these three tools. But meantime, let me simply say it’s getting easier and easier to do more powerful things online.

Pardon our dust

Regular visitors to this website probably have already noticed that I updated the design over the weekend. The changes are intended to accomplish two things — to make the content easier to read and to reduce the time it takes for individual pages to load. That’s the good news.

The bad news is that in the previous site design, much of the content itself contained hard coded styles, meaning that content now needs to be scrubbed to display perfectly within the new design. I hope to complete that effort over the next several nights, but in the meantime all of the older (not quite pixel-perfect) content is still available to you.

Finally, all of the new design’s functionality should be working. If you experience any technical issues, broken links, etc., please drop me a line. And let me know what you think of the new design.

Thanks for visiting!

Tagged — Web 2.0 for Phishers?

I received an email this evening from an old work colleague telling me she had posted photos for me on a social networking site called Tagged1. The email struck me as just a touch strange, but couldn’t place my finger on why and decided to click through and check it out.
Tagged Registration PageThe registration page on Tagged made me feel even more strange, asking for information I would normally not share, including my email account password. That request passed my comfort threshold and I quit the Tagged website. I also sent a quick email to the friend who sent me the original Tagged invitation asking her if it was legitimate. …

  1. I’m not linking directly to the Tagged website from my blog — as you read the rest of this post, you’ll see why. If afterward you still have an urgent desire to hand over your email contacts to Tagged, I won’t be an enabler. []