ourlil.com

A web site for tutti noi (all of us!)

  • Home
  • About
  • About – sample
  • Healing Christofer – Fun’-Raiser
    • Gallery
  • JP’s Page

Archive for the ‘HTML’ Category

Dreamweaver: Configuring Third-Party File Compare (aka `diff`)

Monday, May 21st, 2007

Adobe – Developer Center : Configuring Third-Party File Compare

This article gives step-by-step instructions to enable the ‘Compare with Remote’ menu item (for Mac & Windows ;-) . It also provides information on where to get and configure file comparison: WinMerge (Windows) and FileMerge (Mac).

NOTE: FileMerge is available free via Mac OS X Developer Tools XCode package, available from http://developer.apple.com/ (free registration).

Posted in CSS, HTML, Hacks, Interactive Team, WebTech | Comments Off

Mystery Bug – css-discuss

Monday, May 21st, 2007

The article below outlines a useful technique in identifying and resolving CSS ‘bugs’ and other problems.

From the article overview:

Mystery Bug – css-discuss
CSS bugs can be obscenely difficult to isolate, especially when they are located amidst a large, complex page with many external style sheets. Compounding this is the fact that few coders have enough experience to be sure that what they’re seeing really IS a bug, and not just incorrect coding.

Often people will, when facing the Mystery Bug, just thrash about almost blindly, and only by pure luck will the answer be found. This need not be.

By following the procedure below, a clear understanding of the problem may be quickly obtained, freeing the coder to find a workaround or avoid the bug altogether.

Posted in CSS, HTML, Hacks, WebTech | Comments Off

A couple of useful WebDev links…

Monday, May 21st, 2007

I thought I’d post a couple of links to some WebDev sites & tools I use every day…

FireFox Extensions

Most of these are available on Mozilla’s Recommended Addons site.

  • Web Developer – Powerful Web Development tools for outlining DIVs, TABLEs, CSS, etc.
  • User Agent Switcher – change the User Agent on a site or page (pretend your MSIE 6 or 5)
  • Firebug – edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…
  • GreaseMonkey – customize pages & sites by adding your own ‘user scripts’
  • AdBlock Plus – block ads & flash
    NOTE: If you need to show blocked ads (i.e., you need to see/test OAS ads -D ), there’s an ‘ABP’ button next to the Google search bar (looks like a red or green stop sign). Click the little disclosure triangle next to the ABP button, and choose ‘Disable on [site-url]’. If you need help, just ask!
  • FlashGot – File/Image/Link downloader
  • Fasterfox – page load timer (right-side of statusbar)

CSS Resources

  • AlistAPart.com – A great place for learning & pilfering^H^H^H experimenting with CSS techniques.
    • Taming Lists
    • Elastic Design
    • CSS Drop Shadows
    • …the list goes on!
  • meyerweb.com/eric/css – Eric Meyer’s CSS site
    • CSS Edge – life on the edge!
    • …there’s much more here…
  • SelectORacle – a nifty online tool for learning how CSS2 & CSS3 selectors work
  • Rijk’s panelizer – adds W3C’s CSS & HTML specs to your Mozilla Sidebar
    • Just download the panelizer.zip, place it somewhere handy & unzip it. Then open the included ‘panelizer.html’ file, and click ‘Add Panel’. I created a ‘Sidebars’ bookmark folder in my Bookmark Toolbar, and placed the ‘bookmarks’ in there.

Mac Tools

NOTE: The following contains Mac-only tools. If you are afraid of Macs, or have aversions to heights, please close your browser now. This message will self-destruct in five seconds. Good luck team!

  • TinkerTool (hidden Mac OS X settings, like double x double scrollbars):
    http://macupdate.com/info.php/id/5721
  • WebDevAdditions for Safari (Like Mozilla Web Developer for Safari):
    http://macupdate.com/info.php/id/17672
  • BatChmod (batch Chmod GUI for Mac OS X – Bonus: enables you to empty stubborn Trash)

    http://www.macupdate.com/info.php/id/6440

  • Pseudo (run apps as `sudo`):

    http://www.macupdate.com/info.php/id/5620

  • TextWrangler (freeware text editor–BBEdit’s little brother)

    http://barebones.com/products/textwrangler/

Need help with any of the above? Just ask!

Posted in CSS, HTML, Hacks, Interactive Team, WebTech, nifty | Comments Off

A couple of useful WebDev links…

Monday, May 21st, 2007

I thought I’d post a couple of links to some WebDev sites & tools I use every day…

FireFox Extensions

Most of these are available on Mozilla’s Recommended Addons site.

  • Web Developer – Powerful Web Development tools for outlining DIVs, TABLEs, CSS, etc.
  • User Agent Switcher – change the User Agent on a site or page (pretend your MSIE 6 or 5)
  • Firebug – edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…
  • GreaseMonkey – customize pages & sites by adding your own ‘user scripts’
  • AdBlock Plus – block ads & flash
    NOTE: If you need to show blocked ads (i.e., you need to see/test OAS ads -D ), there’s an ‘ABP’ button next to the Google search bar (looks like a red or green stop sign). Click the little disclosure triangle next to the ABP button, and choose ‘Disable on [site-url]’. If you need help, just ask!
  • FlashGot – File/Image/Link downloader
  • Fasterfox – page load timer (right-side of statusbar)

CSS Resources

  • AlistAPart.com – A great place for learning & pilfering^H^H^H experimenting with CSS techniques.
    • Taming Lists
    • Elastic Design
    • CSS Drop Shadows
    • …the list goes on!
  • meyerweb.com/eric/css – Eric Meyer’s CSS site
    • CSS Edge – life on the edge!
    • …there’s much more here…
  • SelectORacle – a nifty online tool for learning how CSS2 & CSS3 selectors work
  • Rijk’s panelizer – adds W3C’s CSS & HTML specs to your Mozilla Sidebar
    • Just download the panelizer.zip, place it somewhere handy & unzip it. Then open the included ‘panelizer.html’ file, and click ‘Add Panel’. I created a ‘Sidebars’ bookmark folder in my Bookmark Toolbar, and placed the ‘bookmarks’ in there.

Mac Tools

NOTE: The following contains Mac-only tools. If you are afraid of Macs, or have aversions to heights, please close your browser now. This message will self-destruct in five seconds. Good luck team!

  • TinkerTool (hidden Mac OS X settings, like double x double scrollbars):
    http://macupdate.com/info.php/id/5721
  • WebDevAdditions for Safari (Like Mozilla Web Developer for Safari):
    http://macupdate.com/info.php/id/17672
  • BatChmod (batch Chmod GUI for Mac OS X – Bonus: enables you to empty stubborn Trash)

    http://www.macupdate.com/info.php/id/6440

  • Pseudo (run apps as `sudo`):

    http://www.macupdate.com/info.php/id/5620

  • TextWrangler (freeware text editor–BBEdit’s little brother)

    http://barebones.com/products/textwrangler/

Need help with any of the above? Just ask!

Tags: CSS
Posted in HTML, Hacks, Interactive Team, WebTech, nifty | Comments Off

Next >>

  •  

    May 2012
    S M T W T F S
    « Apr    
     12345
    6789101112
    13141516171819
    20212223242526
    2728293031  
  • Pages

    • About
    • About – sample
    • Healing Christofer – Fun’-Raiser
      • Gallery
    • JP’s Page
  • Archives

    • April 2012
    • November 2011
    • July 2010
    • February 2010
    • November 2009
    • August 2009
    • July 2009
    • June 2009
    • May 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • October 2008
    • September 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • December 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
  • Categories

  • Favorites

    Here're a few sites I like to visit:
    • WPMU.org
    • Holy Shmoly
    • AppleInsider.com
  • Meta

    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org

Copyright © 2012 - ourlil.com | Entries (RSS) | Comments (RSS)

WordPress theme designed by web design