Funky world of Juha

Bizarre and funky world of Juha

Lead UI/UX Developer – Helsinki May 6, 2011

Filed under: CSS,CSS3,Frontend,Jobs,jQuery — juhq @ 9:26 am

Company Description
DealDash – Social Game-Shopping is looking for their Lead UI/UX Developer. DealDash is an extremely fast growing high-tech startup based in Helsinki and Silicon Valley. Our mission is to make shopping fun through our innovative game-like auction model. With currently more than 150,000 registered users in the US and a dozen servers DealDash has a constant need for increasing scalability and performance. With several upcoming patents; innovation and creativity is a key driver in DealDash´s ongoing product development.
Job Description
Create and direct exceptionally great user experience design according to user-centered design principles.
DealDash, a social game-shopping company is looking for an exceptionally brilliant user experience expert. DealDash´s vision is to revolutionize the entertainment shopping market and to become a market leader. In order to do so, DealDash must provide the ultimate user experience for its users. DealDash combines social gaming with e-shopping.
– As UX lead you will be fully responsible for both the web design and user experience by DealDash users.
– You will be responsible for conceptualizing, planning and executing the entire user experience process at DealDash. This includes, user research and analysis, interaction planning, requirements definition, web design work, graphical and front-end HTML/CSS and jQuery.
– Creating project deliverables that clearly and persuasively communicate the UX strategy and the reasoning behind it. These deliverables include: project plans, discovery findings, research protocols, research findings, personas, task lists, workflows, wireframes, page maps, interaction and behavior specifications, and anything else required to describe UX plans and strategies. Creating these deliverables to Method specifications and within described project timeframes.
– Present concepts and facilitate brainstorm sessions.
– Work closely with the developers and other team members at DealDash – advocating for the best design for the end user.
– Staying abreast of industry best practices for UX design and processes, and for any project, gathering sufficient information to support appropriate UX design for the given platform and technology.
– Design graphics for web design, create clean HTML and CSS, jQuery

– Proven experience leading the UX practice on projects.
– An exceptional portfolio showcasing innovative design solutions.
– 7+ years experience designing workflow, interaction and UI for large-scale, web applications (B2C).
– Extreme obsession to detail. You must be able to work very well with both the big picture as well as the nitty-gritty details.
– BA or MA in Interaction Design, Cognitive Science, or HCI, or equivalent experience.
– Expertise in human interface guidelines, standards, and best practices as they apply to platforms.
– Effective communication skills (both in conversation and in writing).
– Ability to work with technology experts to uncover and understand technology requirements and capabilities as they relate to design deliverables.
– Use appropriate software (e.g., Adobe InDesign and Adobe Illustrator or OminGraffle) to create professional-quality, well-designed deliverables, to Method specifications.

Additional plus:
– Understand game mechanics and what brings fun and excitement into social gaming applications.

Why you should join?
DealDash is run by a small team of passionate, driven entrepreneurs with a vision to transform, grow and become the US market leader in social game-shopping. We are venture capital backed and based in Helsinki, Finland and Sunnyvale, California.
If you are driven, committed to excellence and obsessed about details then we are looking for you.
If you want to create the next-gen platform for game-shopping then we are looking for you.
Development team is based in Helsinki, Finland. Work can be done remotely
Salary and potential for early stage equity through stock options.

Apply here!


CSS Rainbows January 8, 2011

Filed under: CSS3 — juhq @ 3:18 pm

I was sitting on a bus and I started thinking.

How hard it is to create rainbows with CSS?

Is it possible?

Well, atleast for modern browsers it is possible! All you need to know is what are the colors in the rainbow (you can find it easily from wikipedia and then you might need some help from

After that, just add the box_gradient styles to your style, add enough stops (I added 6 stops, as two of the colors are almost identical) and voilà! You got some rainbows in your element!

.rainbow {
  background-image: -moz-linear-gradient(top, #9F59A1, #443090, #1E9FB6, #389C2D, #F7F619, #FB0B0B);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9F59A1),color-stop(0.2, #443090),color-stop(0.4, #1E9FB6),color-stop(0.6, #389C2D),color-stop(0.8, #F7F619),color-stop(1, #FB0B0B));

Small tip, if you want your rainbow be full height and width, add these styles.

.rainbow {
  height: 100%;
  width: 100%;
  position: absolute;

Demo can be viewed from (won’t work for IE)


CSS3 Buttons January 5, 2011

Filed under: CSS3 — juhq @ 12:34 pm

With CSS3 being supported more and more all the time, I decided to gather some links to nice articles about CSS3 buttons.

Let’s not forget css3please, which is my favorite CSS3 reference page and a great tool for anyone seeking help with CSS3 related stuff.

If you are working with mobile environment, don’t forget your number one pal, jQuery Mobile, which automatically converts your buttons into sweet looking buttons, check it out!

If you need more info on CSS3, check out