A Brief Introduction to Design Hacking + Generative Design
description
Transcript of A Brief Introduction to Design Hacking + Generative Design
![Page 1: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/1.jpg)
Hello.
Guy Haviv meetgooya.com @stupidapp
![Page 2: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/2.jpg)
Design Hacking / Generative Design
a brief introduction to
Guy Haviv meetgooya.com @stupidapp
![Page 3: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/3.jpg)
Guy Haviv meetgooya.com @stupidapp
Mixing technology with aesthetics to generate awesomeness.
We’ll talk about:
Design Hacking / Generative Design
![Page 4: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/4.jpg)
Guy Haviv meetgooya.com @stupidapp
- Introduction- Ideas are fluid- Design Hacking- Generative Design
Outline
![Page 6: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/6.jpg)
Guy Haviv meetgooya.com @stupidapp
Interactive design is at the intersection between design & technology.
We usually talk about making things easy.
Instead, let’s talk about making things beautiful.
Introduction
![Page 7: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/7.jpg)
Guy Haviv meetgooya.com @stupidapp
Nowadays, kids already know all about the creative software used for design
— all we can do is teach you how to think.
I’ve heard this from several teachers at Shenkar:
Introduction
![Page 8: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/8.jpg)
Guy Haviv meetgooya.com @stupidapp
Nowadays, kids already know all about the creative software used for design
— all we can do is teach you how to think.
I’ve heard this from several teachers at Shenkar:
Introduction
![Page 9: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/9.jpg)
Guy Haviv meetgooya.com @stupidapp
Trained my eyesLearned how to thinkLearned a craft
Today we’ll explore one (new) aspect of digital craft.
In design school I...
Introduction
![Page 10: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/10.jpg)
Guy Haviv meetgooya.com @stupidapp
What I learned from my illustrator friend:
Introduction
![Page 11: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/11.jpg)
Guy Haviv meetgooya.com @stupidapp
be obsessed with the process.
Draw > Xerox to 2000% > Draw Again > Scan > Add type
Introduction
![Page 12: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/12.jpg)
Guy Haviv meetgooya.com @stupidapp
everyone’s using the same tools?
let’s tinker with the tools then!
Introduction
![Page 13: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/13.jpg)
Guy Haviv meetgooya.com @stupidapp
diving into the digital craft can give digital designers an edge over their print colleagues.
And most of this stuff is super useful for print design as well.
Why are we talking about this?
Introduction
![Page 14: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/14.jpg)
Ideas are fluid
Guy Haviv meetgooya.com @stupidapp
![Page 15: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/15.jpg)
Guy Haviv meetgooya.com @stupidapp
Ideas are fluid.they can be mixed & matched like design elements.
Ideas are fluid
![Page 16: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/16.jpg)
Guy Haviv meetgooya.com @stupidapp
Vered Mosenzon calls this ‘spinning ideas’.
IDEO developed Method Cards to support idea generation
Ideas are fluid
![Page 17: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/17.jpg)
Guy Haviv meetgooya.com @stupidapp
IDEO Method Cards app
![Page 18: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/18.jpg)
Guy Haviv meetgooya.com @stupidapp
IDEO Method Cards app
![Page 19: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/19.jpg)
Design ‘Hacking’
Guy Haviv meetgooya.com @stupidapp
![Page 20: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/20.jpg)
Guy Haviv meetgooya.com @stupidapp
Macs have revolutionized graphic design.
Design Hacking
in the 80s,
![Page 21: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/21.jpg)
Guy Haviv meetgooya.com @stupidapp
more accurately,WYSIWYG + PostScript revolutionized graphic design.
Design Hacking
![Page 22: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/22.jpg)
Guy Haviv meetgooya.com @stupidapp
We’ll focus on Mac software / hacks today.
Design Hacking
![Page 23: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/23.jpg)
Guy Haviv meetgooya.com @stupidapp
Be a screen capture ninja.
Design Hacking
hack #01
![Page 24: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/24.jpg)
Guy Haviv meetgooya.com @stupidapp
Design Hacking
Cmd+Shift+3Cmd+Shift+4Cmd+Shift+4 ... Space(Copies Windows’ drop shadows!)
also:try these with Ctrl added
use Space like in Illustrator
![Page 25: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/25.jpg)
Guy Haviv meetgooya.com @stupidapp
Be an iconcapture ninja.
Design Hacking
hack #02
![Page 26: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/26.jpg)
Guy Haviv meetgooya.com @stupidapp
Copy any file/folder in FinderOpen PreviewCmd+Nw00t.
Design Hacking
hack #02: Be an icon capture ninja.
![Page 27: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/27.jpg)
Guy Haviv meetgooya.com @stupidapp
Understand the.AI + .PDF relationship
Design Hacking
hack #03
![Page 28: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/28.jpg)
Guy Haviv meetgooya.com @stupidapp
Design Hacking
Illustrator is an incredible app - it has forward compatibility.
Each .ai file actually has a hidden .pdf file inside.
![Page 29: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/29.jpg)
Guy Haviv meetgooya.com @stupidapp
Design Hacking
.ai + pdf bundles enable QuickLook on .ai files.
![Page 30: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/30.jpg)
Guy Haviv meetgooya.com @stupidapp
Be an app bundle researcher/ninja.
Design Hacking
hack #04
![Page 31: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/31.jpg)
Guy Haviv meetgooya.com @stupidapp
The Finder has a trick called bundles.
Bundles are folders that act like single files.
They hide some good stuff inside.
Design Hacking
![Page 32: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/32.jpg)
Guy Haviv meetgooya.com @stupidapp
.app files are bundles.Let’s look at an example.
iWork files used to be bundles.Let’s extract some media from a .keynote document
Design Hacking
![Page 33: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/33.jpg)
Guy Haviv meetgooya.com @stupidapp
Fonts are usually embedded within PDFs
Design Hacking
hack #05
![Page 34: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/34.jpg)
Guy Haviv meetgooya.com @stupidapp
When you export a file to PDF, the relevant fonts are being embedded into that PDF.
And you can extract them.Get FontForge to try this stuff out.
Design Hacking
![Page 35: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/35.jpg)
Guy Haviv meetgooya.com @stupidapp
(demo).
Design Hacking
![Page 36: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/36.jpg)
Guy Haviv meetgooya.com @stupidapp
Be aPDF-everywhere ninja.
Design Hacking
hack #06
![Page 37: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/37.jpg)
Guy Haviv meetgooya.com @stupidapp
Printers speak PostScript.
Design Hacking
![Page 38: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/38.jpg)
Guy Haviv meetgooya.com @stupidapp
PDFs are PostScript wrappers.
Design Hacking
Illustrator is like a planning environment for PDFs.
![Page 39: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/39.jpg)
Guy Haviv meetgooya.com @stupidapp
Macs speak PDF quick fluently.
Design Hacking
![Page 40: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/40.jpg)
Guy Haviv meetgooya.com @stupidapp
Nearly every time you see something on screen, it’s a vector PDF.
Design Hacking
Macs speak PDF quick fluently.
![Page 41: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/41.jpg)
Guy Haviv meetgooya.com @stupidapp
GrapherDictionaryiCal
Design Hacking
Demo
![Page 44: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/44.jpg)
Guy Haviv meetgooya.com @stupidapp
(demo).
Design Hacking
![Page 45: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/45.jpg)
Generative Design
Guy Haviv meetgooya.com @stupidapp
![Page 46: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/46.jpg)
Guy Haviv meetgooya.com @stupidapp
Objects, type & images shold be fluid as well.
Generative Design
Just like ideas are fluid
![Page 47: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/47.jpg)
Guy Haviv meetgooya.com @stupidapp
We could use technology to make image, shape & type even more fluid.
Generative Design
![Page 48: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/48.jpg)
Guy Haviv meetgooya.com @stupidapp
We should master our tools, and then alter them.
Generative Design
![Page 49: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/49.jpg)
Guy Haviv meetgooya.com @stupidapp
Core Image Fun Housegenerative tool #01
Get it when downloading Xcode:http://developer.apple.com/technologies/xcode.html
Generative Design
Mac only
![Page 50: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/50.jpg)
Guy Haviv meetgooya.com @stupidapp
Take an image and stack a bunch of live pixel effects on top of it.
(originally made as a technology exploration tool)
Generative Design
Core Image Fun House
![Page 51: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/51.jpg)
Guy Haviv meetgooya.com @stupidapp
Design Hacking
![Page 52: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/52.jpg)
Guy Haviv meetgooya.com @stupidapp
(demo).
Generative Design
![Page 53: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/53.jpg)
Guy Haviv meetgooya.com @stupidapp
Generative Design
Quartz Composergenerative tool #02
Get it when downloading Xcode:http://developer.apple.com/technologies/xcode.html
Mac only
![Page 54: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/54.jpg)
Guy Haviv meetgooya.com @stupidapp
Node based visual language for mixing image, video, audio, code & other media.
Generative Design
Quartz Composer
![Page 56: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/56.jpg)
Guy Haviv meetgooya.com @stupidapp
Quartz Composer files are called Compositions.
They are used on the Mac as:Screen saversiTunes visualizersKeynote plugins
They are also playable on any Mac with Quicktime.
Generative Design
![Page 57: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/57.jpg)
Guy Haviv meetgooya.com @stupidapp
I used Quartz Composer to create an interactive poster.
Generative Design
![Page 58: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/58.jpg)
Guy Haviv meetgooya.com @stupidapp
(demo).
Generative Design
![Page 59: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/59.jpg)
Guy Haviv meetgooya.com @stupidapp
Generative Design
Processinggenerative tool #03
processing.org
Mac & PCOpen source
![Page 60: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/60.jpg)
Guy Haviv meetgooya.com @stupidapp
Maybe the most well known generative design tool.
Open Source, very well documented.
Generative Design
Processing
![Page 61: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/61.jpg)
Guy Haviv meetgooya.com @stupidapp
Write simplified Java code, get visual results.
Thousands of samples to play with.
Generative Design
![Page 63: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/63.jpg)
Guy Haviv meetgooya.com @stupidapp
Generative Design
NodeBoxgenerative tool #04
nodebox.net
Mac onlyOpen Source
![Page 64: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/64.jpg)
Guy Haviv meetgooya.com @stupidapp
NodeBox is fucking awesome.
You write Python code & generate vector graphics.
Copy as PDF to Illustrator to continue tweaking.
Generative Design
NodeBox
![Page 66: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/66.jpg)
Guy Haviv meetgooya.com @stupidapp
I used NodeBox to generate posters with infographics
Generative Design
![Page 67: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/67.jpg)
Guy Haviv meetgooya.com @stupidapp
and also in a branding project to wrap shapes around paths
Generative Design
![Page 68: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/68.jpg)
Guy Haviv meetgooya.com @stupidapp
and also in a branding project to wrap shapes around paths
Generative Design
![Page 69: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/69.jpg)
Guy Haviv meetgooya.com @stupidapp
(demo).
Generative Design
![Page 70: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/70.jpg)
Guy Haviv meetgooya.com @stupidapp
Generative Design
ScriptographerIllustrator scripting plugin
generative tool #05
scriptographer.org
Mac & PCOpen source
![Page 71: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/71.jpg)
Guy Haviv meetgooya.com @stupidapp
Scriptographer is an interactive scripting environment for Illustrator.
It adds a palette with scripts and a few tools - all of which can be edited and manipulated.
Generative Design
![Page 72: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/72.jpg)
Guy Haviv meetgooya.com @stupidapp
Generative Design
![Page 73: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/73.jpg)
Guy Haviv meetgooya.com @stupidapp
Generative Design
PostScript Hackinggenerative tool #06
![Page 74: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/74.jpg)
Guy Haviv meetgooya.com @stupidapp
What happens if you output an Illustrator file to .ps, and then play with random numbers inside?
And then open the .ps with Adobe Distiller to make it a PDF to view the results?
Generative Design
![Page 75: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/75.jpg)
Guy Haviv meetgooya.com @stupidapp
I used postscript hacking mainly to distort shapes
Generative Design
![Page 76: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/76.jpg)
Guy Haviv meetgooya.com @stupidapp
I used postscript hacking mainly to distort shapes
Generative Design
![Page 77: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/77.jpg)
Guy Haviv meetgooya.com @stupidapp
(demo).
Generative Design
![Page 79: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/79.jpg)
Guy Haviv meetgooya.com @stupidapp
Don’t treat all of thisas merely eye candy.
Always attempt tomarry code & concept.
Generative Design
![Page 80: A Brief Introduction to Design Hacking + Generative Design](https://reader034.fdocuments.us/reader034/viewer/2022052503/545b988caf79594f558b61b9/html5/thumbnails/80.jpg)
Guy Haviv meetgooya.com @stupidapp
Slides available on:http://tinyurl.com/designhacking
There’s a lot more to learn / explore:http://www.creativeapplications.net/http://www.generatorx.no/category/tools-code/
thank you.
Summary