Using Safari 4 Web Inspector to edit your website

by Milind Alvares

Using Safari 4 Web Inspector to edit your website

by Milind Alvares on April 9, 2009

Post image for Using Safari 4 Web Inspector to edit your website

web-inspectorMost of us have blogs these days, using one of the many themes available in the WordPress community. However, even though you may find the perfect theme, you would always want to change one small thing or another, but doing so will leave you stranded.

The Safari 4 Web Inspector is a great tool to help you understand how your website is constructed, and what exactly you need to change to make things appear so. I won’t attempt to teach your HTML and CSS, but this is a great way to reverse engineer your website into modifying certain elements to look the way you want them to.

This screencast is meant for those who aren’t familiar with any HTML programming, although advanced users may check it out if they aren’t familiar with what the web inspector provides. Please give us your feedback and comments so we can get better at these ‘screenies’.

You can watch this screencast here, download it to your computer, or please subscribe to it in iTunes so that it will automatically download every time we do something new. It’s also a much better quality video than what YouTube offers.

{ 4 comments… read them below or add one }

Robin S

Well, I never knew this! How fun! I just made your site “my own” — temporarily, of course. I guess I don’t have to crank up CSSEdit or Xylescope just to check things. Thanks for the very informative video.

   

Milind Alvares

Glad you liked it. Maybe you could show us what ‘your own’ smokingapples looked like? :)

   

Lars Hundere

Fantastic! Funny how such a powerful tool can be hidden from so many people for so long. What a discovery! I was using Firefox’s Firebug all this time when I could have been doing the same and more in Safari!

   

Lars Hundere

If I could offer any suggestion for improvement it would be to include a little more info about FTP operations within WebKit. You seem to suggest at the end that a user can upload/save their changes within Safari, which I didn’t think could be done without some kind of FTP plug-in like in Firefox.

   

Leave a Comment

We'd love it if you would add your opinion to the article or discussion, whether positive or negative. If you like our work and want to say thanks (or otherwise), you can always instead send us an email. We reserve the right to moderate comments at our discretion.

Gravatars are awesome.

Previous post:

Next post: