Example isn’t another way to teach,
it is the only way to teach.

—Albert Einstein

Front Page

YUI Charts

I am developing a WP add-in to display YUI 3 charts. Below is an example of a multiple series chart. The add-in also adds a legend to the chart, a feature that is not available in YUI as of version 3.4.1. Although, legend feature is available in the YUI 3 Gallery entitled "charts-legend", I am creating one that I prefer for the purposes of blogging. Version 3.4.1 allows you to display axis titles.

The plug-in is in its infancy. I will update its progress on this blog. So far it has been tested successfully on FireFox 8, SeaMonkey 2.5, Chrome 16.0, IE 8, and IE 9.

Multiple-Series Example

Formatting Your Bibliography with CSS

  • The following is an excerpt from my resume style sheet
  • Creates a new CSS counter wrapped in "[" and "]"
  • Increments the counter with each entry
  • The counter does not reset when the list is interrupted
  • See it in action here.
moreRead the rest of this entry »

Posting Latex on the Web Gets Easier and Easier

Christian Marks provides a Bash script to supplement Latex2WP by Luca Trevisan. The output of Latex2WP is now on your clipboard. All there's left to do is paste it in your post.

Linux users will need xclip to copy the html output to the X clipboard.

I place the latex file and the bash script, which I called bl2wp for bash latex to wordpress in a folder with the Latex2WP files. If my folder is called my_files and my latex file is called article.tex, I run

~$ ./bl2wp article

The bash script will launch latex2wp.py from the my_files folder. If all goes well (no errors), Latex2WP creates article.html in my Latex2WP folder, and the bash script will return the following message on my terminal (below my bl2wp command):

~$ ./bl2wp article
Copy to WordPress with ctrl-a ctrl-v

For an example of the Latex that you can put on the web, checkout my previous post


Latex2WordPress

Look at the document source to see how to strike out text, how to use different colors.

There is a command which is ignored by pdflatex and which defines where to cut the post in the version displayed on the main page

Enabling Cut & Paste in TinyMCE (Firefox Users)

If you're a Firefox user and use WordPress, your RTE is likely to be TinyMCE. You have probably run into some annoying difficulties trying to cut and paste directly from and to the editor. To enable cutting and pasting directly from and to the editor, you need to change your Mozilla user preferences.

Mozilla.org provides directions for enabling cutting and pasting directly from and to their Mozilla editor page entitled "Setting Prefs for the Mozilla Rich Text Editing Demo".

It boils down to adding four lines to your user.js file.

moreRead the rest of this entry »

Adding Graphviz

I added the TFO Graphviz plugin by Chris Luke. You can read about it on Chris Luke's Blog Page. The installation allows you to use the shortcode [graphviz] to generate and display Graphviz graphics within your blogs

The following code between [graphviz] and [/graphviz]

digraph G {
	size ="4,4";
	main [shape=box]; /* this is a comment */
	main -> parse [weight=8];
	parse -> execute;
	main -> init [style=dotted];
	main -> cleanup;
	execute -> { make_string; printf}
	init -> make_string;
	edge [color=red]; // so is this
	main -> printf [style=bold,label="100 times"];
	make_string [label="make a\nstring"];
	node [shape=box,style=filled,color=".7 .3 1.0"];
	execute -> compare;
}

will render the following graph:

MathJax

The MathJax-Latex WordPress Plugin brings MathJax to WordPress. Directions are supplied on the plugin page and on Knowledge Blog. MathJax displays math using the Mathematical Markup Language (MathML or MML). Users enter equations using LaTeX markup. TeX macros are also supported.

If the installation is successful (and wp-latex syntax is switched on), you should be able to do the following.

Place a display equation like the following on your page

\[ C = \sum_{i=1}^{n} \sum_{j=1}^{n} \frac{a_{ij}}{T} + \sum_{i=1}^{n} \sum_{j=1}^{n} \frac{1}{2}{h_{ij}}{d_{ij}}{T} \]

To get the display equation, standard LaTeX markup is used as shown below. In this example, the equation is wrapped in \[ and \] tags.