Category Archives: Safari
This tutorial builds on a previous post for creating a rounded inset image from a square picture, this tutorial adds a complex border to make the image look like a stylish porthole. The parts of the (w)hole The final image is made up of: The original image which has a drop-shadow and border applied via css. A 5px wide border that is grey on 3 sides and white at the top. A dark grey 1px border to define the outer … Continue reading
It’s easy to create round pictures from square ones using just CSS. It does mean using some proprietary css, but it’s relatively well supported – FireFox, Chrome, Safari, Opera, and IE9 are all OK with it. Adding an inner-shadow to make it look like the image is embedded into the page is just as easy, but not quite as well supported with just css (Chrome has problems). Finally adding a shine effect means creating a special image first, and it’s … Continue reading
The jQuery version of the page peel script has been very popular on SmartRedFox.com, and I’ve finally got round to making some updates and changes to it. Since I wrote the original article I found this site, which seems to have the original Flash files for the peel effect, as well as a copy of the non-jQuery version of the files. So, if you want to edit the .fla files, or you don’t want to use jQuery to display the … Continue reading
UPDATE 24/08/2010: Various fixes and updates have now been incorporated, and the instructions below have been updated. SmartRedFox is pleased to announce it’s first ever jQuery plugin – the Totaliser. It’s a simple plugin that takes a text box and turns it into a fruit machine style number updater. It’s easier to see than explain, so take a look at the demo. There are a couple of things you need to know to use it: 1> Include the js file … Continue reading
For a while now I’ve been working on a simple way for people to record their working hours and create timesheets automatically, and now it’s finally ready for release. Timebot is an automated system that checks to see if someone is onsite by looking for their mobile phone or bluetooth enabled device. Timebot is easy and quick to configure, and saves a users time out to Google Calendar for easy management and sharing. Take a look now – any feedback … Continue reading
UPDATE: I’ve made a couple of changes to the script to make it easier to use and there’s now a demo available. A few weeks back I was looking for a nice simple way of adding tooltips to some buttons on a site – sometimes an image alone doesn’t quite convey what the button does in enough detail. I found the excellent coda popup bubbles on jQuery for designers, this seemed to do everything I wanted it to, but it … Continue reading
UPDATE 09/10/10- There is an updated version of the jQuery page peel script now available. Just recently I needed a page peel script for a client. A look around the ‘net lead me to a script that seemed to do everything I needed it to, but it used the document.write method which I’m not a big fan of, and it all seemed a bit inefficient. My client was already including jQuery in their pages so it made sense to rewrite … Continue reading
Today I ran into a strange bug that saw me and another developer pulling our hair out, and reverting back to older and older code trying to work out when we introduced the bug. The problem is this: we have a drag and drop desktop page that does an ajax call when a module is moved (it’s based on Jquery and Ajaxpro). It all worked fine a few days ago, and it worked fine on our test server that runs … Continue reading
We all know the problem: You need to set a minimum height on an object but IE6 ignores it and ruins your layout. Well worry no more, there is a simple fix: selector { min-height:500px; height:auto !important; height:500px; } This takes advantage of two IE6 bugs: IE6 ignores the !important and sets the height using the last line. IE6 treats height like it should treat min-height and lets child objects cause the parent to expand. I found this helpful solution … Continue reading