Posted on | October 10, 2012 | No Comments
In a previous post I demonstrated a CSS Only Image Zoom. In this post I will explain how to do a CSS only overlay using the CSS3 box-shadow effect to focus the users’ attention onto the element being hovered on.
Posted on | July 23, 2012 | 1 Comment
As a web developer we should all know that Google now takes site load time into consideration when determining the position of a website in their results pages.
Posted on | July 17, 2012 | 2 Comments
Meta keywords and description used to be used by search engines to help work out what your website is about. Nowadays they are used to web applications to work out how to describe a specific page (for example, paste a link into Google+ and the meta description of the page will be fetched and shown). If you are writing a CMS that allows the user to populate the meta keywords and description of a page, but the user does not fill these fields, then it is nice to have a default value.
This post will share a custom View Helper that will check for your application adding empty meta details, and if there are, populating the values with default values from the application config.ini file.
Posted on | July 12, 2012 | No Comments
This is a nice simple effect that is used on a damned lot of websites: The image zoom!
Basically, move your mouse over the image to see a larger image.
There are two approaches to this:
- Have two images – one small, one large – and hide the large image the user hovers over it
- Have one large image, use CSS to make it appear smaller, and show the full size image when the user hovers over it
In this post, we will investigate the first method.
Posted on | July 5, 2012 | 3 Comments
Fortunately, there is an alternative.
Posted on | June 5, 2012 | No Comments
Posted on | May 3, 2012 | No Comments
Using Google Analytics it is possible to track pages as though a user had visited it, even if the page does not exist. This is useful for, for example, ajax form submissions – instead of redirecting to a thank-you page, you can leave the user on the same page and track a custom page (that does not exist) in Google Analytics.
Posted on | April 27, 2012 | 2 Comments
It is fairly common for me to read or hear of developers referring to the Zend Framework as ‘Zend’. Such as ‘what is zend?’, ‘why is zend doing x?’ and ‘how do I make zend do y?’. This post will hopefully explain the difference between Zend and the Zend Framework.
Posted on | April 25, 2012 | 10 Comments
In this tutorial, you’ll learn how to create a simple point and click game. The objective is simple: Do not let any balloons go over the top of the screen!
Posted on | April 24, 2012 | No Comments
Positioning elements on screen is a tricky process when you are doing it only by code. And even harder when you want to make the class you are writing modular or reusable. A very simple example being, you want to set the width and height of the stage to 800 x 600, then import a preloader that places some loading text at the very centre of the stage.
This post will show how to access the width and height dimensions of the stage in the preloader class.