Safari 3.1 adds some important updates for web developers:
- Adds option in Safari preferences to turn on the new Develop menu which contains various web development features
- Allows access to Web Inspector
- Allows access to Network Timeline
- Allows editing CSS in the Web Inspector
- Allows custom user agent string
- Improves snippet editor
I was very happy to see that editing CSS in the web inspector is now possible – just inspect a part of your website with ctrl-click – inspect element and double click on a style in the styles bar to edit it and see the update immediately in the browser window.
Warning: you have to inspect a element and then be sure to use the styles, not the computed styles to see the changes! Unfortunately the computed styles are at the top of the window – so stay away from the computed styles, editing is not possible for these!
As you might already know, Anarchy Media Player is a way cool javascript-based player solution for playback of media files like .mp3, quicktime movies, flash movies and so on. The very cool thing about that is, all you have to do is to include the anarchy player javascript file into your html document and each and every link to a file ending with .mp3, .mov, .wmv, .flv, … will be magically converted into a media player (thanks to the HTML DOM and javascript
).
I use the 1.6.5 version and found that when you add a class with “amplink” to your link, the media player will ignore this link! This comes handy if you want to explicitly put a link to a movie file for which you don’t want the mediaplayer magic to happen. Imagine you have a link to a flash video and two links for quicktime movies in high and low quality for download. The link to the .flv should be converted into a media player, the two quicktime links should be left intact – just put a “amplink” class on the two quicktime links and you’re set!
Yousif Al Saif from tredosoft.com has programmed an installer allowing you to run multiple Internet Explorer versions in parallel on your Windows XP:
Download Multiple IE installer (10.3MB)
please read Yousif’s original article here and check out the comments on this article as well, you will find some useful information there as well.
I really love feeds. I love news feeds, podcasts, photocasts, all that fancy feed stuff, i really do
The only drawback on feeds is, you need to use a feedreader or a modern browser with the ability to display the RSS/Atom feed in a human readable manner. For that i personally use Flock, but Safari is good as well, even Firefox has some basic display of feeds. But what do all the “not-power users” out there with their Windows Internet Explorer 6 or similar “browser” do?
Some weeks ago a really cool project i was involved in with podcasting was stopped in the last minute, because the people in charge were afraid that the users can’t deal with the raw xml output in their browsers – and they were right, people don’t want to see the XML code, the feed has to be readable.
For this problem, we need to use XSLT and CSS to style our feeds, while keeping the code machine readable. A good starting point can be found here:
Beginning to Style Your RSS Feed – Monday By Noon
I will try that out and will post my experience with XSLT later in this article, so stay tuned.
I always had the problem, that i could resize (drag with my mouse) images inside kupu, but when i save the document the image has its original size
Today i found the solution to this problem here
To enable kupu to keep the resize information upon save you have to add width and height to the style whitelist in the kupu preferences in your site preferences. Your styles whitelist should look like this:
text-align
list-style-type
float
width
height
that did the trick and now resizing images is working