Personal notes on software development.
For Java technologies check my dedicated site

Pages

Images

When you insert an image on your blog through the Blogger WYSIWYG editor, it uploads you images to an autogenerated Picasa Web account. In this account there will be an Album for each one of your blogs.
To see the Picasa Account just login to blogger with your account an then go to Picasa Web Albums.

Tools

Online tools (not installed on your machine):

  • Wordoff.org: strip css/style and useless markup from your html to attain raw HTML only.
    Known problems: if you have tables with empty cells () they will be removed causing alignment/display problems;
  • HTML Escape Tool: although if you paste html code on blogger "edit mode" it is automatically escaped, sometimes you may need to escape it yourself. This online tool, escapes all the html special characters, which can create problems on a web page. The HTML Escape tool escapes all special html characters, and replaces them with the correct entities.

Internet tools (desktop applications that use the web):

  • Windows Live Writter is a Microsoft freeware software that can help you publish blog post from your computer to almost any blog service provider (Blogger; Windows Live Spaces; WordPress; TypePad; etc.). Other free alternatives can be found on the article: 3 Free Alternatives to BlogJet;

Other tools:

  • SyntaxHighlighter if you want to post source code (like php, java, c#, sql) in your blog you may want to consider using this tool to display it  with color highlights like in an IDE. SynstaxHighlighter is a Javascript code-highlighter (runs in the client browser) supporting a great set of coding languages like: C#, Java, SQL, Javascript, XML, Python, PHP and many more.


Personal reminders:

Shortcuts for quick editing (copy-pasting) on my own blog.

Syntax-highlighter

LanguageSurround with
C#<pre class="brush: csharp"></pre>
Java<pre class="brush: java"></pre>
CSS<pre class="brush: css"></pre>
JavaScript<pre class="brush: js"></pre>
PHP<pre class="brush: php"></pre>
SQL<pre class="brush: sql"></pre>
XML<pre class="brush: xml"></pre>
PowerShell<pre class="brush: ps"></pre>
ActionScript3<pre class="brush: as3"></pre>
Other syntax brushes can be found here.

There are many functions you can use with syntax-highlighter:
  • to highlight some lines specify the lines like this:
    <pre class="brush: plain; highlight: [1, 3]">

CSS classes

DescriptionHTML and CSS classes
Tables
<table class="mytable">
<thead>
<tr><td></td></tr>
</thead>
<tfoot>
<tr><td></td></tr>
</tfoot>
<tbody>
<tr><td></td></tr>
</tbody>
div indentation <div class="ident"></div>
div box<div class="mybox"></div>

HTML

  • Open link in new tab: <a href="your URL" target="new">anchor text</a>
  • Link to a specific section of page:
    1. Give a name to the target section (with the name attribute):
    <a name="mysection">My target section</a>
    2. Create a link that points to the section:
    <a href="#mysection">Go to the section</a>

    Alternatively if you wish to link to a section in a new page just add the page name before the "#mysection" part:
    <a href="somepage.html#mysection">Go to the section</a>

No comments:

Post a Comment