Posts by SauravRoy

SauravRoy

A Look at HTML5 Canvas Interactivity

May 17, 2012 at 5:00 pm By

The HTML5 canvas element allows for developers to implement interactivity and drawing which was previously undoable without the use of a third party program such as flash. In this article we’re going to be tackling the problem of interactivity, and how to accomplish it using HTML5’s canvas tag. You could expand upon this information to make a basic HTML5 game.

Placing Content in a Randomly Generated Mosaic Effect with jQuery

May 15, 2012 at 5:00 pm By

If you’ve ever visited Pinterest or 500px, one of the most striking features is how content is loaded. In this tutorial we’re going to be taking a bunch of normal div’s and placing them into a mosaic of different sizes and shapes. It won’t even be that hard!

Zoom In CSS3 Dialogue Pop Up Boxes

May 2, 2012 at 5:30 pm By

I’ve been seeing a lot of dialogue boxes recently, so I thought I’d take a shot at it. I quite like the ‘zoom in’ popup dialogues, which appear to start from a single point and zoom forward. We’ll be attempting to make that in this tutorial with just CSS.

A Rundown of CSS3 Units and their uses

April 26, 2012 at 5:00 pm By

I’ve been learning a bit more about CSS3 units over the past few days and it’s rather surprising how the web design community seems to have totally ignored their possible uses. The new CSS3 units specification is currently being refined, although the things I mention here are unlikely to change.

Quick Tips: CSS Click States without Javascript

April 24, 2012 at 5:17 pm By

There are countless moments in CSS development when you wish there was a :click psuedo class, similar to :hover. For now, that doesn’t exist, but this little hack will let you get around that.

Creating a Single Page CSS Website Without Images

April 19, 2012 at 5:05 pm By

Single page layouts are all the rage now, especially for portfolios. In this tutorial we’re going to be making something quite attractive that’ll work on a variety of platforms using no images, just CSS and Javascript. We’ll be making some awesome backgrounds too, using just Javascript. Let’s get started!

A CSS Only Image Gallery With Zooming!

April 5, 2012 at 5:04 pm By

So today we’re going to be making an image gallery where the images zoom out on click. We’ll also add a close button for closing the images after they’ve been zoomed out. Best of all, we’re going to be doing it all with just CSS! It’s best to keep this non-scrollable, since :target makes the page jump to the object,…

Making a CSS Only Accordion Image Slider

April 3, 2012 at 5:09 pm By

In this tutorial we’re going to be making an accordion slide out image slider thing with just CSS. We’ll also be looking at the alternative to the CSS :target pseudo class.

Twitter Style Internal or Inline Popups

March 23, 2012 at 6:00 pm By

External popups often connote horrible ideas of advertisements and annoyance, and in general the web design community will try to sway you never to use a popup. At the same time though, an inline popup can give the user more information about something or give the user some options depending on what they clicked, while not being a nuisance since…

An Introduction to 3D Transforms and Creating More Interactivity

March 21, 2012 at 6:00 pm By

3D Transforms are just one of the more refined parts of CSS3, although there is still quite a long way to go before all the kinks are worked out. In this article we’ll be going over the basics of 3D transforms, how to use them, and when to use them, including a bunch of examples!