Michael Rohde

It seems like everyone is experimenting with CSS3 these days, getting ready for the big day when all browsers work harmoniously together for seamless web design. Until then, we can play and learn from each other’s code. Today’s CSS3 animation code does work on all browsers, so that it won’t appear broken in Internet Explorer […]

This article will show the code that it takes to create CSS3 multi-columns, like those you find in a newspaper, and it will have a bonus: you’ll be able to change the number of columns and the gap in the columns with a click of the mouse. The demo can be found here. The original […]

In my travels across the internet I discover lots of cool ways to implement CSS3. Most recently, I found a site that shows a creative way to implement navigation through interactive circles. The navigation effect starts off appearing as a simple circled arrow. However, when the visitor mouses over the circle, it expands and a […]

Adobe released their Preview 3 for Adobe Edge yesterday. I had a chance to download and install it this morning. If you don’t know what Adobe Edge is, it is an animation tool for web developers to code in HTML5, CSS3 and JavaScript. The code works on all browsers except Internet Explorer 8 and lesser. […]

I’ve recently discovered Adobe Edge, a developer’s tool for creating animations in HTML5, CSS3 and JavaScript. While the software is not perfect, it’s not really supposed to be in that it’s only in Preview mode and the final retail version is not available as of yet. In my first three articles on Adobe Edge, I […]

This is the third article in a three-part series that documents the tutorial video created by Adobe Fellow Mark Anders, which will help you get started with Adobe Edge, a new animation tool that is currently released in Preview 2. If you missed the first article, you can find it here, and if you missed […]

This is the second article for the Adobe Edge tutorial. In the first article , I discussed how to create objects in Adobe Edge and provided a primer on the Properties box. In this article, I will discuss how to create an animation. This tutorial is based off Adobe Fellow Marks Ander’s video. I will pick […]

On September 7, 2011 Adobe released preview 2 for Edge, which they describe it as, “…a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.” From what I can tell at this point, there is no Flash in Adobe Edge. […]

Today’s article on how to create a dashboard menu with CSS3 and jQuery concludes HTMLgoodies’ three-part series of articles that focused on code snippets from Webstuffshare.com. This particular approach to designing a website menu is ingenious and borrows heavily from the dashboard menu found on Apple machines, in particular, Leopard. The CSS3 & jQuery Dashboard […]

In my last article, I showed you how Webstuffshare.com created a drop down menu using CSS3. In this article, I’ll highlight from the same site and show you how to create a flying menu. The talented individual who came up with these sets of CSS3 code also wrote code snippets for creating your own dashboard […]

CSS3 is such a powerful tool that it allows truly creative people to continually find new and useful means to update their websites. Recently, I discovered a method to create a drop down menu using nothing but CSS3. The trick behind the code is to hide the drop down menu so that it only appears […]

Using inset text on your site’s headers can provide a very eye pleasing experience for the reader. In researching this topic, I found several different means in which to create the effect, using nothing but CSS3, no JavaScript and no images or Photoshop. This article will present the best methodologies that I gleaned from the […]