Showing posts with label Web Development. Show all posts
Showing posts with label Web Development. Show all posts

Saturday, 1 December 2007

24ways - Christmas for Web Developers

Good morning,

Finally a new issue of 24ways :D ! A very nice and complete roundup concerning PNG24 in IE6 and downwards.

Certainly the use for PNG24 in IE through the Alpha filter gets a bit limited and you will have to size the area that contains the transparent PNG accordingly. The Alpha Transperency filters are not of much help either. Usually i end up using “scale” as the sizing method.
Sofar it has proven good and i have been able to provide PNG24 transparency for client projects that way.

I would not start using Javascript to counter the drawbacks though. In my opinion Javascript should only be added to include functionality, but not cripple it, should Javascript not be available. That might sound as if i am talking back from way 1990, but there are still alot of places (hotels, airports, etc.) that do not allow Javascript in their browsers. Usabilty should have priority before anything.

Dear web developers, enjoy your first issue of 24ways:
Transparent PNGs in Internet Explorer 6 by Drew McLellan

Thursday, 18 January 2007

Waves of dismay crashing upon the new famous Outlook 2007 HTML support through Word HTML Processor

Sometimes we wish, we would head back to the old days and do it the way it was done then, and just say "That's just the way it's done", but then we might reconsider.
Not so for Microsoft recently! For whichever reasons that i would like to hear some clarification on, Microsoft has replaced their HTML Rendering engine for Outlook 2007 to the Word HTML Processor, though it used the Internet Explorer rendering engine in its recent versions.

Now why would that make a difference? Well, marketing branches of company websites have ever since it was possible to send HTML E-Mails, been publishing HTML Newsletters with rich HTML content up to the latest standards of CSS 2.1 and so been able to convey all there marketing features not only through the website, but also through colorful, highly designed HTML Newsletters.

With a possible growing distribution of Outlook 2007, those days are over!

Regarding to the specifiations of HTML Rendering in Outlook 2007, read these to Microsoft articles for detailed informations:

msdn2.microsoft.com/en-us/library/aa338200.aspx
msdn2.microsoft.com/en-us/library/aa338201.aspx
(thankfully rather well documented)

In short this will mean that when you create HTML Newsletters you are back to the basics, since some features will not be supported anymore as detailed in this article:
http://www.sitepoint.com/blogs/2007/01/10/
microsoft-breaks-html-email-rendering-in-outlook/


Short summary of CSS features not supported:
  • no support for background images
  • no support for CSS floats and positioning
  • no support for bullet images on lists
  • no support for forms, flash and animate GIFs
As can be seen by example of Molly Holzschlag's blog this is already producing waves of dismay throughout the web development community.

Look at the Campaign Monitor site to get a feeling for the impact on HTML Newsletters, by a simple example:
http://www.campaignmonitor.com/blog/archives/2007/01/
microsoft_takes_email_design_b.html


I was ready to scream and loose hair that i don't have anymore, until i started talking to a colleague of mine, after which we came to the conclusion, that this might not be to bad at all, well from the developing point of view, certainly not from the marketing point.

With those downsized CSS features, kicking us back to stone age in terms of HTML Rendering, we are left with the basics, meaning:
  • Table layouts
  • Images (not as backgrounds)
  • styles as tag attributes
Also this will mean that HTML Newsletters can be read by more E-Mail Clients than before and a wider coverage and possible acceptance can be achieved.

What this might also impact, would be a switching of HTML Newsletters to News feeds through RSS, although Outlook 2007 supports that too, but primarly email clients are not used as RSS feed readers nowadays. So go, go RSS!

My personal opinion: HTML was never and should never have been used for E-Mails. So "hurray" from my personal point of view.

With its strong monopoly and still remaining one of the most used operating system, Microsoft is once more rocking parts of the worlds, with small changes :)

Tuesday, 9 January 2007

Firefox: Editus Externus

I have been using this extension for quite a while now. What does it do? You can edit browser textareas using an external editor of your choice. As a web developer this has proven indespensible for me and i even waited to upgrade to Firefox 2, until someone came down with an upgraded version of this sweet little addon.
Now with the release of Firefox 2.0.0.1 it was outdated again, and noone has posted a new version yet. Simple things are so easy, so i extracted the whole thing and simply changed the version number in the install.rdf.

Happy to share this with the you through rapidshare: http://rapidshare.com/files/10914171/
editus_externus-0.9.1-fx3.xpi.html


Kudos for this addon go to https://addons.mozilla.org/firefox/1195/

Wednesday, 6 December 2006

Caching? Aint that something that Browsers do?

Well, to some this might be the obvious answer, but actually there is more to caching, than the browser cache. There is more that you can do, as a web developer!

Why is caching important? Because on sites with a wide array of content and many users you will want to deliver information as fast as possible and reuse information that has been accessed or searched for already by other users. Cache file for search query results or other dynamic information can be stored on the sites space and be accessed alot faster than by query or parsing through script languages. Reading a file is still the fastest method around to retrieve information.

There are quite a few ways to implement caching and now there is an interesting option i have found that uses some Apache modules and let the webserver handle caching. Read more about how to use those modules as askapache.com.

Search the official W3C CSS 2.1 Documentation

Something nice and useful i spotted today. Peter Freitag has launched a documentation shortcut site that has indexed the W3C CSS 2.1 Specification. The usability is increased by a script.aculo.us based auto completion feature.


Additionally there is a Plug-in for Firefox that will add cssdocs.org to your search engine favorites, making this a very handy and fast to use tool, when you are looking for attributes of a specific CSS element.

So if you are a web developer be sure to bookmark http://www.cssdocs.org and if you happen to use Firefox as your preferred developing browser get a hold of the Plug-in (from the page take the link at the top, reading "CSS Documentation") aswell.

Tuesday, 5 December 2006

Firebug 1.0 Beta (public)

Rejoice of fellow DOM tree viewers, CSS stylesheet editors and HTML tag diggers! Firebug 1.0 Beta is finally available and oh my it is a tool i will never want to miss. Combining DOM Inspector, Javascript Debugger and HTML structure viewer all in one, while beiing able to change any values on the fly or debugging your bugged javascript.

Main features:

Apart from Firebug beiing available for Firefox there is also a "Lite" Version for IE, Opera and Safari! Integrating Firebug in this way is a little bit "clumsy" though since you have to add a javascript reference into the page you want to debug. Can still be of use, should you be in a location where Firefox is not available or you are not allowed to install extensions.

Sunday, 3 December 2006

24 ways tingleing to Christmas

Once again, in followup to the first successful and funny approach of 24 ways, to bring witty CSS and Javascript examples to us, until Christmas day to us, 24 ways starts off again.

The examples given are mostly out of the natural you might want to look for, but definitely give new ideas for future development. People come up with some many different ways to use the tools given to them to model the web.

Make the wait until Christmas a bit shorter. For any webdevelopers not having a "Adventkalender" at home, this is the perfect replacement :D

jQuery a different script.aculo.us

jQuery appears like a lightweight script assortment for visual appearances tweaks similar to those of script.aculo.us . The approach is a bit different in execution, since it follows a sort of chains of commands principle. The documentation and examples cover a wide range and further investigation will reveal if its up there with script.aculo.us or not. I for one like to see a different flavor of these new generation effects arising. A little competition and learning from each other never hurt.

Another way to push some simple stuff, that was previously done with Flash, to Javascript :)

Friday, 24 November 2006

script.aculo.us 1.7 beta

With the Web 2.0 waves finally washing up more than small treasures on the digital shores, Effect.morph will cling to the beach with release script.aculo.us 1.7. Finally what once was the success of Flash is coming to the world without plug-ins, tweening and morphing of text and visual elements by changing the CSS sequentially between different states.

At work i have been using script.aculo.us for a few projects now, one that was supposed to imitate a little flash application as far as possible with script.aculo.us . The success was settled at 95%. Nevertheless making out a visual difference is hard and i was delighted to see an application that came up to the design motion tweening effects of flash, while still remaining searchable, content selectable and valid HTML/XHTML.
On my team we are trying out many of the nice elements possible with script.aculo.us on smaller projects to get to know its uses and then start to push the border further to see what can be done with the big fish. My smile grows wider with each step.

So suck it up Flash, your days are not over, but there is new code on your turf that does not only appeal to a brilliant design, but also to brilliant code and a world with a few less constraints. Yes, script.aculo.us is about freedom. Though i would like to quote Public Enemy with “Don’t believe the hype!”, i would like you to give it a chance and when you have tasted enough, you will want more.

Good night from a world with a few more worthwhile choices.

Thursday, 23 November 2006

Get a snoop at Firebug 1.0

As my first post, i would like to point out Firebug, a Firefox extension. In short you can track your Javascript, CSS, HTML easily with this tool, through a console, debugger and inspector.

Now Firebug is nearing its completion for version 1.0 with a wide array of new features, where you will be able to take more action, modifying HTML, CSS, Javascript on the fly. So the soon to be released 1.0 will be a great step forward for this nifty tool. Have a look for yourself at http://www.getfirebug.com/

Current working version for Firefox 2.0 and lower can be found at https://addons.mozilla.org/firefox/1843/ .

Adsense