YZU Open Source Software Community Lecture
OSSF / MozTW / YZU CSE
The Secret in the
for Mozilla Firefox
by Littlebtc (Hsiao-Ting Yu)
The text of the slide is under CC-BY-SA-3.0.
Most photos are under CC-BY-SA compatible license,
while screenshots / logos are under Fair Use.
• Undergraduate major in EE in NTU
• A Programmer (PHP)
• A Web Developer
– Mozilla Technique (NicoFox)
→You can use, distribute and modify the software
→The source code of software should be available and
modification should not be restricted.
• A project in the Institute of Information Science of Academia
• Spread the Free / Open source software spirit
• Support Free/Open Source Software community in Taiwan
• A Community in Taiwan spreading the Firefox and Mozilla-related software
• Translate Firefox/Thunderbird/… to Traditional Chinese
• It is not so technical! It is a community devoting to improve your web
Browser War I
• I started to surf the Internet since 1997, using
• At that time, the most popular browser is
Netscape, while I am an IE fans :p
• No AJAX, no CSS (<table> layouts)
• No rich media: Speed of Internet is still very
Browser War I
• Why Internet Explorer wins: (I think that)
– FREE of charge & bundled with Windows
– Development of IE was active
– Killer Applications: FrontPage
– DHTML, CSS, VBScript support
– Netscape got in troubles: rewrite, lost AOL
CC-BY-2.0 by JP Puerta
To make Internet Better!
Mozilla and Mozilla Firefox
• Originally, it is Netscape’s codename
• 1998: Mozilla Organization: “Co-ordinate” the
development of Netscape
• Netscape 6 & 7 : Not so success
• 2003: Browser(Firefox)/Mail(Thunderbird)
Netscape closed down
Independent Mozilla Foundation
The Mozilla Manifesto
“Make the Internet an ever
better place for everyone.”
… and this is part of the the
“Main Browser Window”.
=> No, but something similar to this
• “Write” Interface in an XML
XML User Interface text format
– Just Like write web pages in
• Cross-platform interface
THERE IS NO DATA.
THERE IS ONLY XUL.
• Used in both web and
powerful • A major part of the
is able to access some
• In Web: A powerful and
modern styling language
Make Your Style
• In Firefox Core: Still
CSS powerful to design interface
– Styling toolbar, button, and
Ways to custom your Firefox?
Method Website Application (Firefox, …)
User Style Sheets (CSS) UserContent.css, Stylish UserChrome.css
Extensions Easy but powerful
Themes (Not supported) Very flexible
How developer actually develop their extension
Go for it!