Thursday, February 7, 2008
How to write & colorize html code inside post
Well, you probably have noticed that when you write a html code in your post, blogger does not show it in html format, rather it execute your html. I was facing the same problem while trying to write a html code example. Let's see how we can write html inside a blogger post. In this tutorial I will also show you how to colorize or highlight your html, Java or other syntax in a very nice format.
Way to write code inside a post
Just one thing you need to do, convert < to < and > to > from your html code.
How to convert code & colorize it automatically?
The above manual process is very time consuming. You can do this conversion automatically with CodeHTMLer. Simply paste your C#, C++, Java, JScript, VB.net, XML, Powershell and F# code into the available text box and click "Htmlify Code" button. The page will refresh and you will find your converted code at the bottom of the page. Copy them and paste it into your blog post.
Try it yourself
Let's see the process with the following html code:
<html>
<body>
<h1>Hello World</h1>
</body>
</html>
Got to this link, paste the above html code, choose code language as XML & press "Htmlify Code" button. It will return you following output:
<pre><span style=' color: Blue;'><</span><span style=' color: Maroon;'>html</span><span style=' color: Blue;'>></span>
<span style=' color: Blue;'><</span><span style=' color: Maroon;'>body</span><span style=' color: Blue;'>></span>
<span style=' color: Blue;'><</span><span style=' color: Maroon;'>h1</span><span style=' color: Blue;'>></span>Hello World<span style=' color: Blue;'><</span>/<span style=' color: Maroon;'>h1</span><span style=' color: Blue;'>></span>
<span style=' color: Blue;'><</span>/<span style=' color: Maroon;'>body</span><span style=' color: Blue;'>></span>
<span style=' color: Blue;'><</span>/<span style=' color: Maroon;'>html</span><span style=' color: Blue;'>></span></pre>
Copy & paste these codes into your blog post. Publish your post and finally you will find following output:
<html>
<body>
<h1>Hello World</h1>
</body>
</html>
Isn't it cool? This process is very good and fast. But there is a limitation of this method. It can colorize only few languages.
Now let me know how do you write code inside your post?
Tuesday, February 5, 2008
GraPHPite - Open Source PHP Graph
Creating graph in PHP is not so easy. You need to know lots of things, specially image manipulation by php. But there is a very easy solution for creating graph in PHP. It is GraPHPite. It is a free and open source graph rendering utility. Just download this script, place into your web directory and create your graph with the help of tutorial & documentation. You can create several types of graphs with it. You can create layouts with legends, fill using image or can create gradient smooth area. Another important feature of it is you can create multiple plot into a single graph. Types of graphs it can generates are:
- Line Graph
- Area Graph
- Bar Graph
- Stacked Bar Graph
- Stacked Area Graph
- Pie Graph
- Radar Chart
- Vector Function Graph
- Step Chart
- Impulse Chart
- Dot Chart
- Map Chart
- Logarithmic axis & more...
PHP4 or PHP5 with GD 2 support for optimal performance. I think this is very common to most of the servers.
Download
Download the latest version 1.2 from sourceforge.
Documentation
Full documentation is available from the site. Click here to view it.
Samples & Tutorials
Here are few excellent samples available in this link. You will find few good tutorial from here.
I think this graph utility will meet your all kind of needs for creating graph in php. You will also find that, creating graph with it is also a kind of fun. Hope you will like it.
Monday, February 4, 2008
Absolute Color Picker
Absolute Color Picker is a freeware product by Eltima Software. If you are a html designer then you must need this software. You can choose varieties of colors & get color codes easily from it to design your website. It is the one of my favorite web development tools & softwares in my Quick Launch list. So why should you need this as you can get color code from photoshop, paint or other image editing software? Well, the most important part of this ActiveX Control is, you can select color from anywhere in you screen, desktop or even from another webpage instantly & get hexadecimal or 256 color codes. To copy a color from screen click & hold down your mouse pointer on the white rectangle part above Apply button and release it above your desire location. Here is a screenshot of this software:
There are 9 color choosing options or palettes available in this software. These are - HSB brightness, HSB radial, HSB hue, RGB 3D, Sphere, HSB Hue 2, Pens, Hexagons, Palettes. Full features listed in the Eltima.com are:
- History of selected colors – up to 12 slots to save the color in
- Screen eye-dropper – pick any color directly from screen
- HTML color conversion
- Customizable color selection dialogs: select only hose color models that are convenient for you
- Many predefined color palettes
- Compare current and previous color
- Customize brightness, hue, saturation and other parameters separately to match your exact selection
Subscribe to:
Posts (Atom)
