Developer Tools and Tips for e107

From e107 Wiki
Jump to: navigation, search

e107 Wiki: English | Русский | Deutsch | Français | Magyar | Português | Български | Česky | Nederlands | Ελληνικά | Italiano | Norske | Polska | Slovenščina | Español | Svenska | Translate: Wiki | Page

logo_wiki.png

Current Release 1.0.4 | e107.org | Download | Changelog | Forum | Plugins | Themes | RSS Feed of Latest Changes | Atom Feed of Latest Changes


Theme Development Section of e107 handbook
Main page > I : First Aid > II : Development > III : Administration > IV : How To's > V : Plugin Writing > VI : Theming & Shortcodes


A collection of tools, best practices, useful links, and tips for developing HTML, PHP, CSS and other core technologies to help create e107 plugins and themes.

Contents

Firefox e107 Debugger

Source

https://addons.mozilla.org/nl/firefox/addon/e107-debugger/

Comments

Easy debugging from the FireFox Add-on bar for the e107 Content Management System. Used in conjunction with e107, this plugin allows for easy switching between the various modes of debugging that are available. Written by dev team member CaMer0n.

Firefox Web Developer Plugin

Source

https://addons.mozilla.org/firefox/60/

Comments

Once you start using it you will never develop web sites the same way again. Seriously - it is that good. Developing for Firefox is great because it interprets the HTML as a standard better than IE. The CSS tools are awesome, particularly the Information->Display Element Information function because you can scroll over every box and identify the style parents and children. Wonder why you have that extra space or a funky color? Stop guessing, changing, and refreshing. If I had only one tool to use and notepad this would be my choice. Stop reading this, download it, and take it for a test run if you don't already have it.

Firebug Plugin

Source

https://addons.mozilla.org/fr/firefox/addon/1843

Comments

It's the best module of firefox. It can view the HTML and CSS, and modify it directly.

ConText

Source

http://www.contexteditor.org/

Comments

Great, lightweight general programming environment. Its power is its simplicity and ease of use. Allows you to instantly shift between PHP, HTML, and CSS which is great for modifingy your theme.php file where you likely have all 3. Doesn't have the extensive features of Eclipse or other tools. Also the price is right.  ;-)

Crimson Editor

Source

http://www.crimsoneditor.com

Comments

A professional source editor for Windows. Has build in PHP, HTML and CSS format highlighting and provision to add more. Multiple document, tabbed UI allows for convenient editing of many files at once. Can even edit remote files via FTP.

TkDiff

Source

http://tkdiff.sourceforge.net/

Comments

Ahhhhh!!! Where was that custom code change I made a few months ago? It is often necessary to identify the changes between files, particularly if you customise e107 source code. TkDiff is a lightweight application for comparing the differences between two files. Features are a bit clunky and the directions are not very good, but it gets the job done once you figure out how it works.

WinMerge

Source

http://winmerge.org/

Comments

From the website WinMerge is an Open Source visual text file differencing and merging tool for Win32 platforms. It is highly useful for determing what has changed between project versions, and then merging changes between versions.

PHP Development Tools (PDT) for Eclipse

Source

http://www.eclipse.org/pdt/downloads/

Comments

PDT is a fully functional PHP Integrated Development Environment framework for the Eclipse platform. PDT provides all components necessary to develop PHP-based Web Applications.

HTML Dog

Source

http://www.htmldog.com/

Comments

Nice, general tutorial on HTML and CSS. Also a great quick reference in the HTML Tags and CSS Properties sections.