fordie’s blog

Wireless Printer, Copier & Scanner - All In One Printer.

Since my old printer died a few months ago I’ve been looking for a suitable replacement. I ummed and ahhed for quite some time trying to work out what I wanted from a new device - eventually I decided that I wanted

• a colour printer
• integrated scanner
• ideally wireless printing & scanning
• cheap (<£100)

I’d almost given up on finding all these features in one device for the right price, then on Friday I spotted the HP Photosmart C4585 for £75 on the pc world website & decided it looked just the job.

Set up

Setting up the printer was surprisingly easy. Once the power was connected the printer displays easy to follow instructions for installing the ink cartridges on it’s screen.

Next I popped the set up DVD into my MacBook & followed the instructions. I was half expecting to experience pain trying to set the printer up with the Mac, but actually it was a doddle there’s a wizard that guides you through the whole process. Eventually it asks you to connect the the printer using the supplied USB cable; it asks you if you want to connect to a wireless network, if you answer yes the set up program displays the name of the network your computer is attached to and prompts to enter the network key and er, that’s it. Easy.

Note: When adding the printer under Print & Fax on your Mac OS X be sure to choose “HP Jetdirect - Socket” from the protocol drop down or you’ll get network device not ready errors when you try to print.

I thought it was a nice touch that HP provide a Mac OS desktop widget that shows you the printers ink levels.

Now that the printer was on the network it was very simple to set it up on the wife’s Windows XP rig. Again there’s a wizard to walk you through the set up, this time I told the software I wanted to install a network printer - it did a quick scan & found the printer. very, very easy.

Printing

If you buy a printer it’s a good idea to buy paper unless you’re sure you already have some. I wasn’t able to test the printing straight away. But when I did get to the shop and printed a documents I was very pleased with the text printing. I’ve also tried printing one photo (on photo paper) so far, I have to say I’m extremely impressed with the quality.

Scanning

Before setting up the printer / scanner I wasn’t entirely sure if the scanning function was goting to be available over Wifi, I was extremely pleased to find that it does. No more plugging in USB leads for me! The scan results seem very good, so far I’ve used it to upload embarrassing photos of my Sisters to Facebook.

Conclusion

I’ve only had this bit of kit for a couple of days, but at the moment I’d be more than happy to recommend it to anyone based on my limited experience.

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML it’s my weapon of choice when it comes to adding client side interactions to a site.

It has rapidly gained popularity with web developers and designers - now software manufacturers are starting to take note with industry leaders like Adobe & Microsoft adding tools to their web development environments to help make jQuery development even quicker.

Microsoft Visual Studio 2008

I spoke previously about getting Jquery intellisense in Visual Studio 2008. Since then Scott Guthrie announced that that Microsoft will be shipping jQuery with Visual Studio going forward and then just yesterday I spotted this article on the Visual Web Developer Team Blog with interesting updates to VS2008’s jQuery intellisense. The best development from my point of view is the ability to get code hints in your aspx & master pages, not just your .js files.

In order to take advantage of these improvements you’ll first need to install Visual Studio 2008 Service Pack 1and this hot fix.

Next download the jQuery IntelliSense documentation file and save it in to your website in (probably a good idea to put it in the same folder as your jQuery file).

To add jQuery intellisense to a javascript file simply add this line to the top of the file:

  /// <reference path="jquery-1.2.6-vsdoc.js"/>

To add it to aspx & master pages do add the following lines to the head of your document.

    <% if (false)
       { %>
        <script src="~/[PATH_TO_REFERENCE_FILE]/jquery-1.2.6-vsdoc.js" type="text/javascript">
        </script>
    <%} %>

Points to note:

• The “if (false)” statement will prevent the link to the reference file being rendered at runtime.  Microsoft are planning to release a hotfix to automatically search for the vsdoc file if the javascript file has a reference path in it meaning that these links in the head will become redundant.
• If you are using aspnet’s MVC framework you need to ensure that your path to the reference file starts with a tilde otherwise VS will not find the reference file.
• dding a link to the reference to a master page means all aspx pages that inherit that master page will have intellisense enabled.

Adobe Dreamweaver

CS4

Adobe have just released Dreamweaver CS4 which also has support for jQuery code hinting. Adobe have taken a different approach to Microsoft, they use “introspection” to parse any javaScript files you have linked to your page and provide code hints.

This seems to work pretty well, and even handles chaining. However, I do have a couple of minor gripes. Firstly as soon as I typed “$(” dreamweaver told me I had a syntax error which really confused me, in the end I realised that just had to keep typing and DW would eventually figure out what I was doing. The other thing is, as a VS user I’m used to to code hits appearing strait away, in DW you have to press Ctrl + [space]. It’s not a big deal but would take some getting used to.

Older Vesions

Users of older versions of Dreamweaver this extension from Chris Charlton adds excellent code hints for jQuery & jQuery UI and what’s more it prompts you as soon as you hit “.” good work Chris!

Oftentimes we ask our users to provide us with an awful lot of information in things like registration forms. It’s no wonder that every now and again the poor dears forget to fill in a box or make a mistake.

On longer or complex forms users can find it difficult to see where the errors actually are.

The other week our QA manager asked us (the front end team) to scroll to the first error on a page. I started off thinking that it was going to be difficult and time consuming to achieve, but with the awesomeness of jQuery & one little-bitty plugin I was able to achieve the desired effect in  3 or 4 lines of code.

This technique relies on you already having validated your form and added a class of “error” to you the markup, either on the form elements or an error message.

You will need

• jQuery
• The scrollTo plugin (I used the minified version)
• A web page with some errors on it
• a couple of old yoghurt pots and some sticky back plastic.

And here’s the code

add this to the head of your document:

    <script type="text/javascript" src="/JQuery.js"></script>
    <script type="text/javascript" src="/jquery.scrollTo-min.js">
    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".error:first").attr("id","firstError");
            $("#firstError").each(function (){
                $.scrollTo("#firstError", 800);
            });
        });
    </script>

And Bob’s your uncle!

Please let me know if you found this technique useful.

---

Incidentally the code for this post was prepared with the very excellet postable. Check it out!

Last night at the Burlington Hotel, during the biggest thunderstorm so far this summer we had the first Worthing TweetUp.

Considering this is something that started as an idea I mentioned to David Rosam in passing two or three weeks ago I was pretty pleased with the turn out. David & I were there along with Jala68, Loudmouthman, Spidernix, Steaders and Clive Flint.

It was an informal event with everyone sat round a table chatting about everything from social networking to photography and the Russian Mafia! Loudmouthman managed to stream some of it to qik, and Clive has posted some photos to twitter.

We were also joined for a while by a lovely – very scared collie called bones who’d run away from her owner on the seafront during the storm.  She ran straight into the bar at the hotel & took up residence under our table.

It was really good to meet everone last night, I’m planning to arrange another meetup in a few weeks, probably at a different venue (hopefully somewhere with WiFi) so keep an eye on this blog and upcoming for more information.  Incidentally, if you are interested in sponsoring future events please get in touch.

Last year A List Apart ran a survey to try and get a picture of the state of the web design industry globally. The results made quite interesting reading.

This year, they’re doing it again, it should make for an interesting comparison.

It only takes a few minutes to complete, why not pop along and add your details to the mix?