Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf ·...

18
Stupid Browser Tricks Sean Coates Web Architect – OmniTI

Transcript of Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf ·...

Page 1: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Stupid Browser TricksSean Coates

Web Architect – OmniTI

Page 2: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

• Web Architect at OmniTI (http://omniti.com/)

• Former Editor-in-Chief of php|architect and former organizer of their conferences

• PHP Community (php.net), Habari, Phergie

• Other conferences

• the Twitter: @coates

• Beer Lover (and brewer)

• (I speak too quickly)

Who is this Sean guy?

Page 3: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Stupid Browser Tricks

Page 4: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Stupid Browser Tricks

Page 5: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Who is this Sean guy?

MADD PHOTOSHOP

SKILLZ

• Web Architect at OmniTI

(my slides aren’t nearly as nice as Chris’s)

• Former Editor-in-Chief of php|architect and organizer of php|tek and php|works (+P3)

• PHP Community, Habari, Phergie

• Twitter: @coates

• Beer Lover (and brewer)

• (I speak too quickly)

Page 6: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug & Selenium IDE

Page 7: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug & Selenium IDE

Page 8: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug & Selenium IDE

• High-level Overview

• Introduction, appetite whetter

• If you know these tools already, feel free to get up and leave now... or stay here and heckle—that’s probably what I’d do.

• Focus on demo (not slides)

Page 9: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector

• Net Monitor

• Console

• YSlow, Profiler, Changelog

• FirePHP

• Debugger

Page 10: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector• Net Monitor

• Console

• YSlow, Profiler, Changelog

• FirePHP

• Debugger

Page 11: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector

•Net Monitor• Console

• YSlow, Profiler, Changelog

• FirePHP

• Debugger

Page 12: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector

• Net Monitor

•Console• YSlow, Profiler, Changelog

• FirePHP

• Debugger

Page 13: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector

• Net Monitor

• Console

•YSlow, Profiler, Changelog

• FirePHP

• Debugger

Page 14: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector

• Net Monitor

• Console

• YSlow, Profiler, Changelog

•FirePHP• Debugger

Page 15: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Firebug

• Inspector

• Net Monitor

• Console

• YSlow, Profiler, Changelog

• FirePHP

•Debugger

Page 16: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Selenium IDE

• In-browser testing

• Browser automation

• PHPUnit

Page 17: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Other Non-Browser Browser Tricks

• Komodo IDE

• Greasemonkey

Page 18: Stupid Browser Tricks - Sean Coatesfiles.seancoates.com/sean-coates_stupid-browser-tricks.pdf · Stupid Browser Tricks Sean Coates Web Architect – OmniTI ... • PHP Community (php.net),

Questions? Contact...

• http://seancoates.com/

[email protected]

• http://omniti.com/is/sean-coates

• IRC: scoates (Freenode and EFNet)

• @coates on Twitter (if it happens to be up)

• http://joind.in/