Html5 and CSS3 touch card / accordian demo

November 11th, 2011

So I’ve been writing little test scripts for this double barrelled combination. It’s clear that Html5 and CSS3 are pretty powerful duo, especially for responsive design. I think it’s only a matter of time before responsive web design becomes the norm, its best to get on it now huh.

I learned quite a lot from Andy Clarke’s Workshop last month, enough to consider concentrating the rest of my final year of uni on Html5, CSS3, javascript and of course php. Taking my knew found knowledge I wrote a quick RSS parser in PHP and displayed the output using HTML5 elements, I also targeted these elements with CSS3 the “hardboiled” way, it is also responsive to what it is being displayed on so on your iPhone, Android or tablet device it will look slightly different depending on the resolution. Take a look zmastaa.com/html5demos/card.php (fails in IE10 and below for now) its currently using engadget.com‘s RSS feed.

The visual is 95% pure html5 and CSS3, and 5% jQuery to show/hide the description content (i’m not 100% sure if this could be done with CSS).

I’m still learning but right now, I can see the huge amount of potential in this.

View Demo - Warning, completely fails in IE10 and below for now

Find out who deleted you off their facebook friend list

December 30th, 2009

For the last couple of months I’ve always been intrigued into why my facebook friend count NEVER stays the same over a period of 24 hours, that is no exaggeration.

At 1pm it will be 1095, by 6pm it will be 1099 then at 12 midnight it will be 1093, this without adding any new friends or manually removing anyone. It got to me so much I thought this would be my perrfect “first” application to create using the facebook toolkit

Well let me cut to the chase, the application works like this

First time the user logs onto the app, it will take a snapshot of the users current friend list.
Second time the user logs onto the app, it will compare the current friend list with the previous snap shot, at this point the user will be given the option to “save” the friend list to create a new snap shot, or leave the old snap shot intact.
If the user has indeed been deleted by someone, the application will provide a link to the profile of the user, if the link fails and redirects to the facebook homepage then the user actually de-activated their account.

Try for yourself here

Google Wave: Just Sick

July 22nd, 2009

Okay so anyone that knows me knows im into web development etc etc, ive created a few wordpress plugins when ive looked (googled) everywhere for a type of plugin and it hasn’t been made, i get to making it. This google wave in my eyes will change the way people communicate and im looking to be part of that change by creating a wordpress plugin that will do the following:

Create a “wave” linked to a new post/page
Display that wave beneath the wordpress post (where comments would usually be)

With googles brilliant API’s and Robot tools this is definately possible , just intime for uni

Wikipedia on Google Wave

Google Wave is designed as the “next generation” of Internet communication. Instead of sending a message and its entirethread of previous messages or requiring all responses to be stored in each user’s inbox for context, objects known as “waves” contain a complete thread of multimedia messages (blips) and are located on a central server. Waves are shared and collaborators can be added or removed at any point during a wave’s existence.

ipad

webcam girls

wordpress plugins

Ipad 3

buy ipad 2

cheap ipad

ipad 2

sex chat

ipad price

ipad 2 prices

zMastaa.com

Web Developer and Designer, Graphics Designer and Photographer in Manchester