Alpha PNGs in Internet Explorer 6

Category: CSS Questions    |    0 views    |    Add a Comment

That elephant in the room is losing some weight. The forever scorned IE6 has always had issues with alpha PNGs, those semi-transparent images of goodness. The market share of IE6 is surprisingly big, especially for more mainstream sites and web developers such as you and me are still left holding the bag to support them.

Stoyan Stefanov, one of the people behind Smush.it, has posted the fifth installment of image optimization on the the YUIblog. This time on AlphaImageLoader. Stoyan discusses the performance issues involved in using the IE-only filter with some really interesting information. It’s definitely worth a read.

Drew Diller, of whom took my VML rounded corners to the next level with DD_roundies, is back with another script, specifically aimed to fix the alpha PNG issue. After noticing that the VML supported alpha PNGs, Drew took on the task of isolating the functionality and to ensure that background-position and background-repeat were properly supported as well. Check out DD_belatedPNG for more info and lots of examples.

Share/Save/Bookmark

 

Mail.app vs Entourage

Category: CSS Questions    |    0 views    |    Add a Comment

It’s been a few weeks since I’ve been on this lovely MacBook Pro. It’s a fabulous little laptop. And probably one of the tasks I’ve spent the most time doing is sending and receiving email.

Keep in mind, this is from the point of view of a die-hard Windows user of many years. I’ve been using Microsoft Outlook and had really gotten to like the most recent version in Office 2007.

My default view in Outlook 2007 gave me all of my information at a glance: my inbox, a list of favourite folders that I used to track current projects, a quick view of upcoming appointments, and my to-do list which included flagged emails (which could be further categorized by colour).

Mail.app

My first idea was to skip having to use Office for the Mac altogether. I paid for iWorks which gave me all the apps I felt I’d need in the beginning. Mail.app fit the bill, for the most part. Some things, though, were different from what I was used to. I didn’t like that email, the address book, and the calendar were all separate apps. I used to do all of this within a single application.

I do like the design of Mail.app. It’s clean and easy to navigate. It’s also simple and straightforward and really gets out of your way, focusing only on the important task: the email.

I don’t like that Mail.app nor Calendar.app send responses to calendar appointments that I confirmed and it stops me from moving an event on my schedule that was created by somebody else. In Outlook, I’d be able to move it and then send an update to the person who originally sent the invite requesting a time change.

I hate the way Mail.app handles attachments by placing big chunky previews right in my email. Ick. I prefer them to be named attachments listed somewhere else, out of the content of my email. (I’ve since discovered that you can change this via a terminal command.)

There doesn’t seem to be support for email to be sent at a different time. It’s not unusual for me to be up in the middle of the night writing out an email (or a blog post, as the case happens to be) but I don’t actually want to send the email until 9am so that clients don’t think I’m up 24/7 and at their beck and call.

Entourage

When I first installed Entourage, there was an initial sense of comfort. Ah, the familiar 3 column view! But that comfort was short-lived. Overall, the design of Entourage is horrendous. It doesn’t seem to follow Mac conventions, the purple accents are ugly (and unchangeable), default font sizes were too big and line spacing was too large. Very little of the interface seems to be customizable.

A number of the elements provide way too much spacing and in other places, not enough. It’s missing the favourite folders feature that I liked so much in Outlook, or rather, is now a toolbar but my folder names are longer and sometimes I’d have too many to display horizontally. I just want a vertical list.

It looks like Entourage supports delayed emails but no, I don’t think it does. There’s a Send Later feature but all it does is send the email the "next time you connect to the server", which just happens to be every 10 minutes when I check my mail. I don’t really need to delay sending an email just for that.

I do like how it handles attachments. Being able to see the file names in a list at the top is nice. Why Mail.app insists on attachments being viewed inline, I have no idea.

And why can’t Entourage import from an Outlook .pst file? They’re from the same company! Thankfully, it pulled everything in from Mail.app just fine and the syncing of address book and calendar was nice once I discovered how to enable the feature in Entourage. (I had been busily looking for 3rd party apps to do it when, in the end, I didn’t need to do that at all.)

There’s a mini-application called MyDay to give you a quick synopsis of your day and can sit in the menu bar but it’s also quite ugly.

I have no doubt that Microsoft has plenty of designers and they probably put this application through lots of user testing but, to me, it could use an overhaul from top to bottom to help simplify the application and make it fit better with the Mac aesthetic.

Share/Save/Bookmark

 

Slicing in Photoshop and Fireworks

Category: CSS Questions    |    0 views    |    Add a Comment

Last night, I put together a really quick screencast on exporting slices from Photoshop but decided this morning to put something together that I thought might be even more interesting: exporting slices from Photoshop and Fireworks.

Over the years, I’ve been a fan of Fireworks and export any of my own work right from Fireworks but I’ve aso had to work with designers who use Photoshop. In order to get their designs sliced, I stick with using Photoshop.

So, in this quickie screencast, you get to see how I slice up a file from both Photoshop and Fireworks.

View Slicing Screencast.

If you guys like it, I’ll definitely look to put together some others. I did this using Screenflow and exported into a Quicktime format. Let me know if you have any problems viewing the screencast or have any recommendations on how to improve for next time.

Share/Save/Bookmark

 

HTTP Monitoring with Charles

Category: CSS Questions    |    4 views    |    Add a Comment

With Ajax applications, there’s often a need to see what information is being transported back and forth. Am I sending what I’m supposed to? Am I getting back the right response?

Most JavaScript developers have Firebug locked and loaded but its requirement to post data back to the server just to inspect the request isn’t always a very pracitical solution. The information you get back may not always be the complete picture.

Alternative otions include firefox addons Live HTTP Headers and HttpFox. These are great options for quick and dirty sniffing but for a more thorough and featureful solution, there’s only one tool that I go to: Charles.

The Charles application on the Mac with the Sequence tab selected shows two panes of status information.

Charles ia a cross-platform desktop application that acts as a proxy for all web requests, no matter what browser they come from; it can even inspect Flash-originated requests and Adobe AIR application requests. As the proxy, it’s able to see all the information flowing back and forth and provide a detailed peek at every request and response.

One of my favourite features — and where it stands out from the Firefox addons — is the ability to view XML, JSON and even AMF data structures. It’s easy to see right away if a request was successful or not and you get access to all of the request and response headers.

Firefox manages its own proxy server settings and requires a Charles addon which can be downloaded from the Charles web site. This will allow Charles to automatically turn on the proxy with no other intervention.

I have two minor issues with it, though. For one, Charles can cause SSL certificate error messages for HTTPS connections. Secondly, while it can replay a request (and allow you to edit what information is sent in that request), you can’t see that replay within the browser. For this reason, I like to use Live HTTP Headers in this situation, which does allow you to do this, although its interface is awkward and prone to generate server errors.

Otherwise, Charles is a staple of my toolset and one o f my favourite tools for request and response inspection.

Share/Save/Bookmark