In 2010, scientists succeeded in recreating a miniature version of the Big Bang.
Within a few years, some of the universe’s deepest secrets may be unlocked.

Genesis is another self-initiated personal project that I’ve written, designed and animated single handedly. It’s a 3D short film with a story that revolves around a machine that has the power of creating new, miniature universes. By controlling the universe rotation, it can speed up the time and evolution of the miniature worlds, and with the help of a fancy search engine it can pin point and extract terrestrial planets. Well, it’s not very scientifically correct by any means.. Or is it..? You might live in a manufactured miniature world..

Anyway, what would mankind do if they possessed the power of creating new worlds? Probably use it for creating some kind of decorative snow globe. Guaranteed gift of the year.

Well, it’s not all science fiction, I actually got inspired after reading some interesting articles about the European science agency CERN, who designed the world’s biggest particle accelerator, the Large Hadron Collider. This accelerator shoot beams around a freezing 27km concrete ring underground near Geneva, smashing atoms together in search of the elusive “God particle” believed present at the Big Bang. Since it began operating at the end of March 2010, CERN engineers and physicists have created billions of miniature versions of the Big Bang, revealing fundamental insights into the nature of the cosmos.

Also, at Lancaster University in UK, physicists unraveling the secrets of how to build a universe. In fact, they have already formed one, or something very much like it. This scientific breakthrough lies in the bottom of a chamber no larger than a pinky finger, filled with helium and cooled to 0.0003 degrees Fahrenheit above absolute zero.

There’s a short “behind the scenes” here: www.andreaswannerstedt.se/motion/genesis/breakdown

Genesis from Andreas Wannerstedt

• For the photography exhibition Ficciones Asiáticas
• Typography development for the photography exhibition Ficciones Asiáticas for our client Getxophoto held in Centro Cultural de la Universidad Católica del Perú in Lima. The typeface was used on all the communication materials, and for the exhibition signage.
  More info: www.iscreativestudio.com

All the elements from this pack are editable and available in PSD (fully layered), hence they can be easily integrated in any concept or design. This archive provides 3 sets of elements in different colors and 2 examples of web design where they have been used. You will get a better idea on how a single UI Kit can help you create plenty of different designs.

Futurico UI Pro will be a great chance for both beginner and professional web designers topractice their skills to work with every element from the set. This will help you build your own sets of design elements in the future. Please note that the font (Helvetica) used in this pack, won’t be available in the pack because we don’t have copyrights to use or sell this font.

We would like to remind you about the first version of Futurico that you can download for free. The free version can be considered as a preview for Futurico UI Pro that had an enormous success as well when it was launched.

The first step is to look for the right person to go into business with. Write down all the values and attributes that you would like your potential partner to have. This will provide a guide for you when you start to interview potential partners. Most people fail at this point because they end up picking anybody who comes along instead of analyzing each individual by comparing them with the attributes they had written down.

If you are interested in joint ventures that are based on the internet, try to find someone who has already set up a blog for their business. This is an effective way because it already indicates that the individual is knowledgeable about the kind of business that you want to set up. Contact the person and determine if they are suitable for the collaboration.

If your business involves interacting with clients in person, it is a good idea to approach people who are already targeting your target audience. This allows you to settle on ways that you can promote each other.

The internet is a great place to find potential partners to work with you in joint ventures. Get people who are already connected in the sort of business you run and note down their products, services and contact details.

Once you have a list of potential partners, you can contact them by sending them a detailed email about your business and how you can work together to benefit each other. This gives you a great starting point when you finally meet in person.

To succeed in joint ventures, you also need to make sure you communicate effectively with your partner. Communication is necessary because it allows you to determine if you have shared goals, visions and values.

If your business is not successful at the moment, you should not assume that it will become better once you enter into a collaboration. Make sure your business is already doing well. The venture is supposed to be an idea that will increase your success.

In most cases, partners have different goals when it comes to joint ventures. Think about how you will work together to achieve all the goals that both of you have set.

One of the main reasons why people enter into joint ventures is because they provide shared risk. To succeed, you need to acknowledge that risk is part of the success process and you will not always win.

Another key to help you succeed in joint ventures is by putting in place an effective strategy that you will apply when you the plans you had set at the beginning fail. Have some backup plans when you enter a collaboration.

How to install the CSS Dock Menu  - This CSS dock menu kindly coded by N Design Studio

This is a detailed  step by step tut – for the non tech savvy -install the CSS Dock Menu – so we can all have this dock .

thanks to  ndesign studio the CSS Dock Menu brings some mac flavor to our web designs. The css is easy enough to install just there is no documentation that goes in to detail and I’ve seen alot of people asking around even willing to pay for others to install this simple CSS menu. Hopefully this will be alot of help to many of you .

So to start with download the files that we need . This contains everything we need to make this CSS menu work on our site.

The next step is to unzip these files to a folder – this is so that the FTP works – if you’ve ever wondered why the files won’t transfer from a zip its because you have to unzip them before they transfer. The FTP is very easy – I think alot of people find this part puts them off – The FTP is simply a file structure just like on your machine – except its on your server, out in whichever hosts country you have it – mines in Texas – which is just another computer just like your own personal computer but I digress -

Next if you havent done so already get Filezilla its free and does FTP-ing very nicely – the setup is easy enough; you just want put in your blogs url and cpanel password set to normal login and port 21 – search you tube for a tut there are plenty around.

So now – we are ready to move the files to the website – After logging onto your server – find public html this is the main directory for your server including all add on domains – if you dont see your domain as a folder thats because your main url directory is the public HTML folder itself – I use a sub domain -trades-design.inspireify.com/   so find the sub folder / directory called trades-design – or whatever the add on or sub domain is called.The folder and  files contain the js plugin and js itself – with the html already there.

Simply drag all the files into that directory – the main one with wp-config.php in it . Thats it – Now simply put “/css-dock.html ” behind the sub/ add on domain in your browser like this http://trades-design.inspireify.com/css-dock.html and thats it – if this doesn’t work try right clicking and  copying the file css-dock.htlm URL and paste into your browser use your ftp login [cpanel] to view it – if you put the files on the directory correctly the only thing it can be is the way you typed the url – which point to the css dock menu  - it should be like this your domain ie : http://digitalartempire.com/     and after the place where the dock is on your server – from your ftp like this image:

to alter the links where the menu buttons link to and images for the dock and also the name of the hover text  simply download the html file css-dock.html  and edit the code with notepad – or press ctrl U  when at your CSS dock url ie for me its –  http://trades-design.inspireify.com/css-dock.html  to get to the source code and copy and paste it to a notepad after editing  save it as css-dock.html this is optional it still works as an example

to edit the links – find this code – after <!–top dock –> <div id=”dock”>  for the top menu and <!–bottom dock –> for the lower menu

for the link  insert where it links to  here #  between the quotations -”#”

for the image upload the image to the images folder ( for css dock in your main directory not for your theme) change the name of the image you upload to its respective place –  or alter the img source name ie  ”images/home.png”

For the hover text change the words between the <span> </span> tags – the alt tags only changed the alt text

Find and edit the red

<!–top dock –> <div id=”dock”>

<a class=”dock-item” href=”#“><img src=”images/home.png” alt=”home” /><span>Home</span></a>
<a class=”dock-item” href=”#”><img src=”images/email.png” alt=”contact” /><span>Contact</span></a>
<a class=”dock-item” href=”#”><img src=”images/portfolio.png” alt=”portfolio” /><span>Portfolio</span></a>
<a class=”dock-item” href=”#”><img src=”images/music.png” alt=”music” /><span>Music</span></a>
<a class=”dock-item” href=”#”><img src=”images/video.png” alt=”video” /><span>Video</span></a>
<a class=”dock-item” href=”#”><img src=”images/history.png” alt=”history” /><span>History</span></a>
<a class=”dock-item” href=”#”><img src=”images/calendar.png” alt=”calendar” /><span>Calendar</span></a>
<a class=”dock-item” href=”#”><img src=”images/rss.png” alt=”rss” /><span>RSS</span></a>
<a class=”dock-item” href=”#”><img src=”images/rss.png” alt=”rss” /><span>RSS</span></a>
<a class=”dock-item” href=”#”><img src=”images/rss2.png” alt=”rss” /><span>RSS2</span></a>

Find and edit the red

<!–bottom dock –>

<a class=”dock-item2″ href=”#“><span>Home</span><img src=”images/home.png” alt=”home” /></a>
<a class=”dock-item2″ href=”#”><span>Contact</span><img src=”images/email.png” alt=”contact” /></a>
<a class=”dock-item2″ href=”#”><span>Portfolio</span><img src=”images/portfolio.png” alt=”portfolio” /></a>
<a class=”dock-item2″ href=”#”><span>Music</span><img src=”images/music.png” alt=”music” /></a>
<a class=”dock-item2″ href=”#”><span>Video</span><img src=”images/video.png” alt=”video” /></a>
<a class=”dock-item2″ href=”#”><span>History</span><img src=”images/history.png” alt=”history” /></a>
<a class=”dock-item2″ href=”#”><span>Calendar</span><img src=”images/calendar.png” alt=”calendar” /></a>
<a class=”dock-item2″ href=”#”><span>Links</span><img src=”images/link.png” alt=”links” /></a>
<a class=”dock-item2″ href=”#”><span>RSS</span><img src=”images/rss.png” alt=”rss” /></a>
<a class=”dock-item2″ href=”#”><span>RSS2</span><img src=”images/rss2.png” alt=”rss” /></a>

afterwards all the code must be saved for it to work 

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
<title>CSS Dock Menu</title>
<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/interface.js”></script>

<link href=”style.css” rel=”stylesheet” type=”text/css” />

<!–[if lt IE 7]>
<style type=”text/css”>
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]–>

</head>
<body>
<!–top dock –>
<div class=”dock” id=”dock”>
<div class=”dock-container”>
<a class=”dock-item” href=”#”><img src=”images/home.png” alt=”home” /><span>Home</span></a>
<a class=”dock-item” href=”#”><img src=”images/email.png” alt=”contact” /><span>Contact</span></a>
<a class=”dock-item” href=”#”><img src=”images/portfolio.png” alt=”portfolio” /><span>Portfolio</span></a>
<a class=”dock-item” href=”#”><img src=”images/music.png” alt=”music” /><span>Music</span></a>
<a class=”dock-item” href=”#”><img src=”images/video.png” alt=”video” /><span>Video</span></a>
<a class=”dock-item” href=”#”><img src=”images/history.png” alt=”history” /><span>History</span></a>
<a class=”dock-item” href=”#”><img src=”images/calendar.png” alt=”calendar” /><span>Calendar</span></a>
<a class=”dock-item” href=”#”><img src=”images/rss.png” alt=”rss” /><span>RSS</span></a>
<a class=”dock-item” href=”#”><img src=”images/rss.png” alt=”rss” /><span>RSS</span></a>
<a class=”dock-item” href=”#”><img src=”images/rss2.png” alt=”rss” /><span>RSS2</span></a>
</div>
</div>

<!–bottom dock –>
<div class=”dock” id=”dock2″>
<div class=”dock-container2″>
<a class=”dock-item2″ href=”#”><span>Home</span><img src=”images/home.png” alt=”home” /></a>
<a class=”dock-item2″ href=”#”><span>Contact</span><img src=”images/email.png” alt=”contact” /></a>
<a class=”dock-item2″ href=”#”><span>Portfolio</span><img src=”images/portfolio.png” alt=”portfolio” /></a>
<a class=”dock-item2″ href=”#”><span>Music</span><img src=”images/music.png” alt=”music” /></a>
<a class=”dock-item2″ href=”#”><span>Video</span><img src=”images/video.png” alt=”video” /></a>
<a class=”dock-item2″ href=”#”><span>History</span><img src=”images/history.png” alt=”history” /></a>
<a class=”dock-item2″ href=”#”><span>Calendar</span><img src=”images/calendar.png” alt=”calendar” /></a>
<a class=”dock-item2″ href=”#”><span>Links</span><img src=”images/link.png” alt=”links” /></a>
<a class=”dock-item2″ href=”#”><span>RSS</span><img src=”images/rss.png” alt=”rss” /></a>
<a class=”dock-item2″ href=”#”><span>RSS2</span><img src=”images/rss2.png” alt=”rss” /></a>
</div>
</div>

<!–dock menu JS options –>
<script type=”text/javascript”>

$(document).ready(
function()
{
$(‘#dock’).Fisheye(
{
maxWidth: 50,
items: ‘a’,
itemsText: ‘span’,
container: ‘.dock-container’,
itemWidth: 40,
proximity: 90,
halign : ‘center’
}
)
$(‘#dock2′).Fisheye(
{
maxWidth: 60,
items: ‘a’,
itemsText: ‘span’,
container: ‘.dock-container2′,
itemWidth: 40,
proximity: 80,
alignment : ‘left’,
valign: ‘bottom’,
halign : ‘center’
}
)
}
);

</script>
</body>
</html>

hope this tutorial helped if you liked it promote it everywhere you can – link to it on all your fav forums and via social media inc twitter Facebook and even the other ones ;0

What colors you use in your web designs can increase conversion rates and keep people coming back to your site again and again. Color has been used effectively in art and advertising design for years. In this article we are going to explore the effective use of color in website design looking particularly at how color can influence your conversion rates and increase sales.

Use color to attract and play to your audience. Color and design should always project and reinforce the tone and character of a product or organization. For example, pinks and pastels are perfect for a wedding photographer website while fun bright primary colors make sense when selling toys on a toddler website. Black and deep blues with bright red and orange highlights work well if you were selling auto parts. Color is always part of your design package and it should work with, rather than against the rest of your content including images, fonts and graphics.

Primary to good color use in web design is using the 216-browser safe colors that will play consistently across the major browsers. If you’re not going to stick to these colors at least test the colors on each browser to see how your color schemes will look to your viewers.

Using an organized color scheme is also critical to successful website design. A unified color scheme will brand your product and website and make it clear to your viewers that they are visiting another page within the website rather than being directed off site to another website. If you are including offsite linked ads within your pages its even more critical to adopt a unified color scheme in order to decrease viewer confusion and frustration. Adopting a unified color scheme should also extend to your PPC advertising and landing pages. Tim Ash CEO of SiteTuners.com and author of “Landing Page Optimization” views upstream disconnects as one of the most common mistakes made on landing page designs (B to B, 2.8.2010, Vol. 95, Issue 2: 11-12). Your viewers should never have any doubt they have followed the proper link when they are getting ready to finalize a sale. A unified color scheme is one of the best ways to do this. Even a moment’s confusion can translate into lost revenues.

Designate a specific color for all of your call to action points and use these same GIFs consistently throughout your website. Your call to action points should be placed prominently and they should use colors that contrast with the overall design of the website. Using the same GIFs over and over leads to higher conversion rates and as a bonus you will have faster upload. Whenever possible your call to action points should be surrounded by substantial dead space to further emphasize their importance. Using dead space can be tricky and heat maps can be used optimize your call to action points and test your designs before and after you make them public.

The Power of Color

Colors are extremely powerful unto themselves and certain colors have long performance track records. Red is at the top of the list of the most powerful colors in advertising. Red is one of the first colors a baby is able to see and it has the ability to increase breathing and pulse rates. Red is used for arousal and it is an active color. Furthermore, red has the ability to stimulate the appetite so it is a powerful color for promoting food products. Red is also a passionate color associated with love and hate making it a great social color to tap into people’s emotions. Orange is the neutral baby sister to red. Orange works great in combination with blue and also spurs appetite responses like red.

Green is the color of nature and in today’s world, green is a multi-billion dollar industry. (See Brian Dougherty, Green Graphic Design, 2008). Green is great for portraying freshness, vitality and renewal. Ironically, Green is also used to symbolize economic growth and financial power.

Blue is the color of intellectual calm and serenity. It is associated with power, masculinity and efficiency. Blue is a great color to use for promoting any form of drink product or heat relief product because of its association with water and coolness.

Yellow is an intense color and it can be very powerful when used properly. However,yellow is also the color for caution and it can cause fatigue and it is difficult to read on screen. Don’t discount the power of yellow for promoting food though because yellow is also the color of butter and many delicious treats! Toys, smiley faces and sunshine all use yellow as a happy color. On the opposite side of yellow is purple. The most regal of colors, purple is great for promotional advertising and selling clothing and fashion décor.

Pink is an extremely feminine color and along with all the other pastel colors, pink is a great color to emphasis anything soft and feminine. Men often find pink as irritating as women find it soothing so know your demographic before using pink.Black is almost the opposite of pink. Black is a very masculine and formal color and it is also the traditional color of text. Using white text instead of black has become fashionable but when doing this make sure your font, spacing and justification enhance readability.

Pay attention to how and when you use color in your website designs and it will increase your conversion rates. Colors are powerful tools and with so many beautiful backlit luminous screens out there using color online is an opportunity too big and beautiful to miss!

The technology you need for online video keeps getting better, easier to use and more accessible. With a small camcorder and a home editing programme you can easily create a short video to put on Youtube and then embed on your webpage. Is that the best thing to do? Well that depends on your Video Strategy.

Like any piece of marketing or business communication, you need an effective strategy for your video to help ensure that you achieve what you need to from it. These are just some of the questions you should be asking yourself:

• Should we make our own video or hire a production company
• Shall we put the video on Youtube
• Will our video show up in search engines
• How can we get people to watch our
  video
• Will our video go viral
• How much should we spend on our video
• Can we use that song by the Rolling Stones as the soundtrack, it fits the idea perfectly
• How do we put the video on our website

The answers to these kind of questions depend on another, more basic set of questions. What is the purpose of your video? Who do you want to watch your video? What do you want them to understand from it? If you want your video to be a bit of fun for friends or colleagues then something you make yourself and upload to Youtube will be perfect. Your friends will excuse any dimly lit scenes, camera shake or the odd mistake because the video is about them, people they know or something you all share in common.

But if you are aiming to use this video for serious purposes, say for customer information, product demonstration, business news or charity fund raising, you cannot afford to risk your corporate image by having a poorly made video. So you have two choices really: either hire a video production company or learn how to make a video in a professional way. Both options are completely valid and it really depends on the results you want and the balance of time, budget and resources at your disposal.