Articles by Joshua Rapp

Josh is currently the Creative Director at Rappsody Studios located in Jacksonville, FL and has been working in across the web for close to eight years. He has a soft spot for front-end development and comics.

Legacy Browser Compatibility for HTML5

As long as Internet Explorer will be around holding onto their share of the market in the world of legacy browsers, you'll have to face the facts and develop your CSS to work around versions of Internet Explorer 7 and 8. We have had a ray of hope with the shunning of Internet Explorer 6 as it has now begun to join Netscape in the graveyard of browsers past. I understand, getting Internet Explorer to comply can be infuriating at times. And I've had to take a stance against developing in Internet Explorer 6, as...

Wrapping Your Head Around Canvas: Part 6

It's been sometime since I've updated this HTML5 Canvas series, but this article should round out the tutorial series as article 6. We've covered creating 2D shapes, images, how to animate said shapes and images, and WebGL basics. In my example from Part 5 we coded together a basic cube with materials. With these foundations set in place we can start diving deeper into WebGL through animating the objects and even piecing together particle effects. If you have any questions please take a moment to revisit...

Wrapping Your Head Around Canvas: Part 5

The WebGL portion of Canvas isn't so much a fringe as an add on to Canvas. Since we've been working in the 2D API over the course of this series, we can now move on to working with 3D. Much like it's 2D counterpart, WebGL portions of the Canvas API are still in their infancy ,in my opinion, which leaves a lot of room for improvement. Then again what technology really ever starts out at the top of its game? Three.js, created by Mr. Doob (whose examples I have showcased in the...

Wrapping Your Head Around HTML5 Canvas: Part 4

If you've made it this far in the series you should have a core understand on the basics and how all of them fit together inside of Canvas. Unfortunately for you, you're used to my terribly dry sense of humor as well. Congratulations are in order though if you've stuck it out, because today we'll be diving into some of the more advanced 2D Canvas API features. To be a tad more specific I'm talking about beginning to use the animation. The animation features that we see coming out of Canvas have been referred...

Wrapping Your Head Around Canvas: Part 3

We've only truly begun to scratch the surface of possibilities with our little series about Canvas, and as we journey deeper into the API you can see the benefits that it has over Flash technology concerning mobile device/browser support. Today I'd like to continue our adventures in learning the basics by talking about working with images and text. Working with Images ... It's time to introduce the drawImage method that does exactly what you thought it would, it inserts images. Just like with patterns...
CSS

CSS3 Media Queries: Part 2

With an emerging market of innovative mobile devices it has become more important to create responsive designs. In my last article (Part 1) we started with the setup of our HTML and our media queries. The pad.css was the easiest to format due to the change in the screen resolution. I saved the formatting of the handset for the last part of this series because it's the device that will start to see changes to our fluid layout. Every site developed without flash content is mobile compatible but is the content...

Wrapping Your Head Around HTML5 Canvas: Part 2

In my last article, part 1 of this HTML5 Canvas endeavor, we got our feet wet and learned about some of the basic foundations using Canvas in correlation with JavaScript. I'd like to pick up where we left off in today's article and go further down the rabbit hole, but first let's take a moment to highlight some of the things that you picked up in part 1. We learned that there is a work around to your Canvas compatibility in Internet Explorer through the use of excanvas.js You learned how to setup your canvas...

Wrapping Your Head Around Canvas: Part 1

HTML5 is no longer a 'way of the future ' as it is more common place now that most of us, if not all of us, are starting to implement it into the things we create. One of the newest features that have most of you cooing, aside from the new video and audio tags, is Canvas. It has been dubbed a convenient replacement for the use of flash in the browser, and it translates well across multiple devices. The name of the HTML tag sums up the basis of its implementation. Canvas provides a 2D drawing API for images, text,...
Load more
Home CSS Deals HTML HTML5 Java JavaScript jQuery Miscellaneous Mobile MySQL News PHP Resources Security Snippet Tools Tutorial Web Development Web Services WordPress