Cool tip of the day: Random dummy images

The above is a random image, just refresh to see it change. 

Some times you need images in your project as you would with Lorum Ipsum but this is for images.

http://lorempixel.com/

Love it!

Cool tip of the Day: Isotope Javascript framework

This set of tags is scheduled to be part of a project I am working on ... but it is sooooo cool that I have to tell you about it!

Just try it click a few of the modes to see it in action!

Isotope

Features
Layout modes: Intelligent, dynamic layouts that can’t be achieved with CSS alone.
Filtering: Hide and reveal item elements easily with jQuery selectors.
Sorting: Re-order item elements with sorting. Sorting data can be extracted from just about anything.
Interoperability: features can be utilized together for a cohesive experience.
Progressive enhancement: Isotope’s animation engine takes advantage of the best browser features when available — CSS transitions and transforms, GPU acceleration — but will also fall back to JavaScript animation for lesser browsers.

Isotope requires jQuery 1.4.3 and greater.

http://isotope.metafizzy.co/

Cool tip of the day: Formatting source code for your blog

Oh finally!
I have pasted code into my blog & it has been a real pain to get it right.
While looking around I found a resource on blogspot http://formatmysourcecode.blogspot.co.uk/ which provides an online utility to format the script into html to include on your blog.
It has two outputs, one with inline CSS and the other with a set of styles used.
The "linked style sheet" option depends on a PRE.source-code style.

An example of this formatting is as follows:

/**
 * The HelloWorldApp class implements an application that
 * simply prints "Hello World!" to standard output.
 */
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); // Display the string.
    }
}

A second resource can be found at http://codeformatter.blogspot.co.uk/ which has similar options  but allows you to define whether you have line numbers on your code. When you don't use embedded styles it creates a style element which defines two classes pre.CICodeFormatter and code.CICodeFormatter.

An example of this output is as follow:

1:  /**  
2:   * The HelloWorldApp class implements an application that  
3:   * simply prints "Hello World!" to standard output.  
4:   */  
5:  class HelloWorldApp {  
6:    public static void main(String[] args) {  
7:      System.out.println("Hello World!"); // Display the string.  
8:    }  
9:  }  

A third which I have yet to check is "How to use PrettyPrint to format source code in Blogger" which is a utility on blogger.com which is where this site is.
But more on this an other day.

Cool tip of the day: Don't trust SSL

How good is SSL?

Not so great according to HAK5.org.
http://www.youtube.com/watch?v=PmtkJKHFX5Q

The key point on this video is don't be a n00b!
Check for real https and use SSH tunneling!

Tool tip of the day - Netsparker!

Have you heard of a tool called Netsparker ?  It will scan your site for XSS exploits, useful for testing you haven't left something wide open !

What is Netsparker?

Netsparker is the only False-positive-free web application security scanner. Simply point it at your website and it will automatically discover the flaws that could leave you dangerously exposed.

http://www.mavitunasecurity.com/netsparker/

Thanks for the tip Neil.

Cute tool of the day - Lorum Ipsum

“Lorem ipsum” dummy text is used by many web-developers to test how their HTML templates will look with real data. Often, developers use third-party services to generate “Lorem ipsum” text, but now you can do that right in your editor.
The website will just create html for you to use.
BUT if you want to get some random data in your code try http://loremipsum.sourceforge.net/ which you can connect to your code directly.

Tool tip of the day - Colour Scheme Designer

For all you budding web disigners ... a nice easy way of determining what coulours you should have on your website.

http://colorschemedesigner.com
This site based on a colour wheel allows you to design a harmonious web site.
I particularly liked the ability to export the CSS & to get a colour chart for your web site.