Javascript blog CMS : blogger

To build any webpage on internet there are three most important languages viz. HTML, JavaScript and CSS. JavaScript is one of the most commonly used client-side programming language that may communicate asynchronously (i.e. independently of other processes) to web browser.

If you are using BlogSpot.com blogger blog then you have lots of option to include JavaScript codes. It will depends on where you want to render it and for which purpose you are using that JavaScript files or codes.

See this present "ex-ample" blog.


http://www.superwebtricks.com/add-javascript-codes-to-blogger-template/

All about "How to post mathematics?" mathML, LaTeX, MathJax with Chrome/Firefox and Best online/offline rich text editors (webmail, word processor); Comparison of off-line on-line HTML/text editors and browsers.

outline:
1-----free and multi-platform HTML editors
2-----Rich text/html editors inside blogger, Gmail, Knol, wordpress.com, webmail...
3-----Web-based word processor
4---- Two commercial applications & free equation editors
5-----Browsers and MATHML viewers
6-----Free javascript library for math on web pages: JavaScript display engine for mathematics that works in all browsers.
 
7-----Some interesting links 


8-----Inserting Characters (unicode, Math Font Styles)



How to post mathematics or web applications with mathematica and matlab, see :
http://ex-ample.blogspot.com/2011/06/web20-services-mathematica-and-matlab.html

How to post mathematics in wikipedia or in MediaWiki? , see:
http://ex-ample.blogspot.com/2011/07/mediawiki-api.html

How to post music with LateX?
http://ex-ample.blogspot.com/2011/07/how-to-post-music-with-latex-in-blogger.html

An "ex-ample" : the online  NIST Digital Library of Mathematical Functions {Abramowitz and Stegun’s (1964) Handbook of Mathematical Functions with Formulas, Graphs, and Mathematical Tables}.
http://ex-ample.blogspot.com/2011/07/best-ex-ample-nist-digital-library-of.html

read this article (@1999, updated 2002) :
Approaches to WWW Mathematics Documents
http://hutchinson.belmont.ma.us/tth/webmath.html
------------------
preface:
ex-ample1 (mathML3): http://ex-ample.blogspot.com/2011/07/mathml3-sample.html
(this example comes from https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test.html
but this URL does not work with Chrome 14+STIX font+MathJax but works with firefox; MathML code without return must be included in HTML code of a post).

ex-ample2 (mathML2): http://www.w3.org/Math/testsuite/mml2-testsuite/TortureTests/Complexity/complex1.xml

ex-ample3: this blog (left sidebar and matML latex labels):
http://ex-ample.blogspot.com/2011/07/symbols-tex-1.html

Math ML(Mathematical Markup Language)  is an XML language designed to present complex equations:
http://en.wikipedia.org/wiki/MathML
http://www.w3.org/Math/
http://www.personal.psu.edu/ejp10/blogs/tlt/tutorials/mathml.html

Wikipedia uses LaTeX (and limited MathML).
 MS Office 2007 and OpenOffice.org (via OpenOffice.org Math: http://en.wikipedia.org/wiki/OpenOffice.org_Math), as well as mathematical software products such as Mathematica supports MathML.
Knol use LaTeX:
http://knol.google.com/k/stef42-ex-ample-blogger-com/mathematics-and-web-html5-latex-mathml/2fdyfc9mft4ir/1?hd=ns# 

MathML 3.0 was officially released as a W3C Recommendation (@Oct 2010). It is backward compatible with MathML 2.
MathML deals not only with the presentation but also the meaning of formula components (the latter part of MathML is known as “Content MathML”). Because the meaning of the equation is preserved separate from the presentation, how the content is communicated can be left up to the user.
If you work in science you probably know LaTeX. LaTeX is gorgeous; enabling scientific authoring in an unrivaled way. Nevertheless, LaTeX is somewhat outdated. It doesn't support the clear separation between content and style that modern standards imply. Editing complex equations can become a tedious job. An alternative might be the combination of DocBook with MathML.
DocBook is an XML language (http://en.wikipedia.org/wiki/DocBook). It's a semantic markup language for technical documentation (http://www.docbook.org/tdg/). It was originally intended for writing technical documents related to computer hardware and software but it can be used for any other sort of documentation.

List of document markup languages:http://en.wikipedia.org/wiki/List_of_document_markup_languages
Comparison of document markup languages:http://en.wikipedia.org/wiki/Comparison_of_document_markup_languages

As a semantic language, a DocBook document does not describe what their contents "look like," but rather the meaning of those contents. For example, rather than explaining how the abstract for an article might be visually formatted, DocBook simply says that a particular section is an abstract. It is up to an external processing tool or application to decide where on a page the abstract should go and what it should look like. And, indeed, to decide whether or not it should be included in the final output at all. It provides a vast number of semantic element tags. They are divided into three broad categories: structural, block-level, and inline. Because DocBook is an XML format, conforming to a well-defined schema, documents can be validated and processed using any tool or programming language which includes XML support.
The current version is DocBook, 5.0.DocBook 4.x documents are not compatible with DocBook 5, but they can be converted into DocBook 5 documents through the use of an XSLT stylesheet.
Source: http://sourceforge.net/projects/docbook/
A group of XSLT stylesheets for transforming DocBook into various viewable formats: http://en.wikipedia.org/wiki/DocBook_XSL

This post is focused on "how to publish mathematics" not on "document languages", beyond of the scope. And then we focused on these languages : 

• "your screen image": browser rendering engine and javascript rendering engine (in this blog the javascript library MathJax), 
• HTML, HTML5, CSS... (quality of the code source of the page)
• MathML (quality of the code source of the page), 
• laTeX (quality of the code source of the page).

------------------------------------------------------------------------------------
MathML is too verbose to edit using a text editor then we need a MathML editor.

Comparison of HTML editor (stand alone); 

http://en.wikipedia.org/wiki/Comparison_of_HTML_editors

http://en.wikipedia.org/wiki/List_of_HTML_editors
List of math editors:
http://www.w3.org/Math/Software/mathml_software_cat_editors.html

Comparison of open source and commercial WYSIWYG web-based editors (by replacing a textarea or by adding their own editable block): 
http://geniisoft.com/showcase.nsf/WebEditors). 



Some packages and Mathematics environments (also some corrections of bad rendering):

If your document requires only a few simple mathematical formulas,  LaTeX has most of the tools that you will need. If you are writing a scientific document that contains numerous complicated formulas, the amsmath package introduces several new commands that are more powerful and flexible than the ones provided by LaTeX. The mathtools package fixes some amsmath quirks and adds some useful settings, symbols, and environments to amsmath.

http://en.wikibooks.org/wiki/LaTeX/Mathematics

Chrome=a source code HTML editor? Some Developer EXTENSIONS

A) Chrome is a web browser, not a source code editor (you cannot edit the source code when viewed in Chrome) but you have a "code editor egg": there is an "Edit HTML" in the browser Inspector. 

1) Right click on the page (or ctrl (mac user)), and choose Inspect Element
2) Click on the Elements tab
3) Right click on the HTML element and choose "Edit as HTML"
4) Do whatever you want and press ENTER, now you have everything saved.

You can manipulate the DOM in any way possible. Such as adding nodes, deleteting nodes. You can alter CSS and see network traffic.

(ref: http://www.google.com/support/forum/p/Chrome/thread?tid=2cc92bb429395ec8&hl=en)


B)some developer extensions for Chrome 


iMacro:
https://chrome.google.com/webstore/detail/cplklnmnlbnpmjogncfgfijoopmnlemp?hl=fr


NoteBook Professional (Images, Text, HTMLs, Note anything you want, A powerful HTML editor, have easy accsess to Google NoteBook or Google Docs):
https://chrome.google.com/webstore/detail/elkgcninebemfhajfhmiffbndloiacbe?hl=fr#


HTML Instant:
https://chrome.google.com/webstore/detail/hfgifphlikdnjfcegkkmhohddfjhnpjd?hl=fr
http://htmlinstant.com/

live editor:
https://chrome.google.com/webstore/detail/lmbnpidmeknioaojjlbneohdflgilhnf

Scraper is a Google Chrome extension for getting data out of web pages and into spreadsheets.
Scraper is a simple data mining extension for Google Chrome™ that is useful for online research when you need to quickly analyze data in spreadsheet form.
https://chrome.google.com/webstore/detail/mbigbapnjcgaffohmbkdlecaccepngjd?hl=fr
https://github.com/mnmldave/scraper/blob/master/LICENSE.txt

service page s(about: or chrome:)
https://chrome.google.com/webstore/detail/fjmhjjohhiehaoljianalpmfcceojaff?hl=fr

Chrome Sniffer
https://chrome.google.com/webstore/detail/homgcnaoacgigpkkljjjekpignblkeae?hl=fr

The Web Developer EXTENSION for firefox and chrome:
 http://chrispederick.com/work/web-developer/
download the extension for chrome:
https://chrome.google.com/webstore/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm#
The Web Developer extension adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

firebug lite:
https://chrome.google.com/extensions/detail/bmagokdooijbeehmkpknfglimnifench

C)Some Apps in chrome:



Sourcekit (with dropbox):
https://chrome.google.com/webstore/detail/iieeldjdihkpoapgipfkeoddjckopgjg?hl=fr
Embedded is the excellent Ajax.org's Ace text editor component. This allows for a very natural text editing experience while retaining Chrome's amazing JavaScript performance.

BeFunky Photo Editor allows everyday people to easily create photographically rich and artistic results from their digital images without the need for any technical knowledge.

Photo Effects: Get Creative with 190 easy-to-use photo effects in 30 different categories.

Photo Editing Tools: Adjust: contrast, brightness, exposure, hue, saturation and colors. Fix common photo problems like bad lighting, digital noise, fuzzy colors and details with one click.

Add speech bubbles, frames and cool shapes: Give your digital creations extra character and pizzazz with BeFunky Goodies, Frames and Text tools.

Photo Storage and Tracking: Keep track of your previous uploads and store an unlimited number of your edits.

Save and Share: Save your creations to your computer or share them on your favorite social networking and photo sharing sites.

https://chrome.google.com/webstore/detail/apfkepiiddolifkgjmfdgpnipgnfejab?hl=fr

3Dtin:

https://chrome.google.com/webstore/detail/algoakekcdmbbikdjgjdahbfihboglmi?hl=fr

TinyMCE - AJAX Javascript wysiwyg editor-

http://tinymce.moxiecode.com/

TinyMCE has the ability to convert HTML TEXTAREA fields or other HTML elements to editor instances. TinyMCE is very easy to integrate into other Content Management Systems.

jQuery integration.

file manager

image manager

This example displays all plugins and buttons that comes with the TinyMCE package.

Styles Heading 1 Font family Font size