Archive for February, 2010
IOGraph Do your business Do art
Moscow designer Anatoly Zenkov to brighten up the routine work made a really nice application called MousePath. It was a simple Java based tool that records your mouse movements and records all your paths drawing a line as it’s goes along running in the background.
Posting it at Flickr, the tool very quickly made some noise and everyone was trying to see what was too discover in the chaotic movements of their mouse. Some of us even called it ART 
Now the tool has evolved from the little Java application to
IOGraph — is an application that turns mouse movements into a modern art. The idea is that you just run it and do your usual day stuff at the computer. Go back to IOGraph after a while and grab a nice picture of what you’ve done!
The tool works quite easy: Open, Press Start, Do your thing, Save the image…
Ever wanted to add a bottom shadow effect to some elements, shapes or images in Photoshop in just a few easy steps? Well actually is quite easy to do something like this and you don’t have to be an expert.
The main design advantage that bottom shadow effects have is that it will give you the impression of deepness to your content and elements.
Here is the desired effect
Step 1 – Open your image / document
Open your document or image in Photoshop and create a new Layer right after your main Layer. In this layer we will add the bottom shadow effect and because the new layer is positioned right after our main one it will display in the back without overlapping the main layer…
Typo - Wallpaper
Failing in my attempts to make some typography wallpaper.
Download – 1600 x 1200 | 1280 x 1024 | 1152 x 864 |
Inspired by others ideas and code and also by the need to insert a Top Link like button on my own website I managed to write a script that not only works on all major browsers but it’s also neat and animated
The expected outcome
The general idea was to try and add a link on the right side of the page that will appear and stick there after a certain percentage of the page is scrolled down and when clicked will smoothly scroll the page back to the top. Also it’s mandatory that this should work on all major browsers (including IE).
Here is an example how this should look like (example working already on this page, just scroll down to see it)
The button and the placement problems
In order to add the button to the page we just need to add this code to our page just after the <body> tag:
<a href="#header-top"> <div id="back-top" style="display: block;"></div> </a>
The DIV tag will be used to show our top link using a background-image (but you can use a text just as well) and the anchor will be used to link us to the top of the page (in this case by the most outer div tag with the #header-top id) .
I tried (lately) to separate my blog articles from funny, cool, dev, tech bla bla (meme related) videos and images and post them all on my Tumblr Profile but this one is a must see. I just stumbled upon it and this video is about A coder girl … I really can’t describe how funny and cool this one is so I will let you all to watch it and see it for your selves.
UI Honeycombbig
Am observat in ultima vreme o greseala (amestecare, confuzie) pe care o fac multi oameni cand se refera la doua concepte cu asemanari semantice, dar total diferite in ceea ce priveste conceptul si aplicarea.
User Experience vs Usability
Aceste doua “industrii” au inceput sa creasca si sa fie din ce in ce mai cunoscute odata cu dezvoltarea rapida a RIA (Rich Internet Applications). Astfel ca odata cu popularitatea aplicatiilor web acesti doi termeni au atins cote inalte in agenda fiecarui dezvoltator, dar in acelasi timp sunt percepute sau intelese gresit.
Usability se refera la usurinta cu care un utilizator poate duce la bun sfarsit un task folosind orice tool. In general acest termen are la baza analizele factorilor umani si include ideei din multe domenii cum ar fi psihologia umana si statistica. In fundament termenul de Usability este calitativ, dar se bazeaza pe datele cantitative pentru analiza si identificarea slabiciunilor si generarea solutiilor de imbunatatire.
Studiul de usability se face in general prin teste foarte detaliate si amanuntite cu esantioane/grupuri mari de oameni pentru a determina cum interactioneaza utilizatorul cu interfata si zonele specifice unde el se pierde (cateodata se aplica metode care analizeaza miscarile ochilor pentru a determina zonele de interes majore).
“Highly usable interfaces” sunt intotdeauna acelea foarte intuitive, simple si extrem de usor de invatat.
IE6-Wanted
The War against IE 6 has a very log story behind it, but from my point of view is just boring and very unproductive to sit around and talk about it all day. In the same time I agree with the fact that you should develop your web-applications without worrying about compatibility inside a specific browser, so I personally just IGNORE this one and try to convince the user to switch to a more appropriate browser. You can find more about this issue all over the net and also here, here, here and here.
Now Google joins the armada announcing that they will drop support for IE 6, so I remembered some code snippets that will actually crash your browser if the page is opened in IE 6. In no particular order here are the crashers:
<style>*{position:relative}</style><table><input></table>
<script>for(x in document.write){document.write(x);}</script>
<html> <form> <input type crash> </form> </html>
Subscribe
