BitBonsai Labs Mauricio Wolff's geekness

27Aug/100

Wolff’s Friday Link Dump (27 august 2010)

UX & WebDesign

Dribbble: What are you working on?

Show and tell for designers in 120,000 pixels or less.

http://dribbble.com/

JS, jQuery and Development

How to Test your JavaScript Code with QUnit

QUnit, developed by the jQuery team, is a great framework for unit testing your JavaScript. In this tutorial, I’ll introduce what QUnit specifically is, and why you should care about rigorously testing your code

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/

jsPerf: JavaScript performance playground

jsPerf aims to provide an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks…

http://jsperf.com/

Single Page Application

A '''SPA''' is a web application that fits on a single page, and which might be optionally enhanced by connectivity with a server

http://code.google.com/p/trimpath/wiki/SinglePageApplications

GeekFun

Under Construction Bars and Images (Careful, can hurt your eyes)

http://www.textfiles.com/underconstruction/

The Daily Mail’s Robots.txt File Contains… an SEO Job Advert(!?)

The robots.txt file on any site is how search engines discover what a site wants indexed and what it doesn’t.

Generally you won’t find many people checking the files unless they’re technically minded, passionate about SEO and curious. The Daily Mail of all sites thought it would be an ingenious idea to place a job advert in the file and SEO consultant Malcolm Coles discovered it…

http://thenextweb.com/uk/2010/08/24/the-daily-mails-robots-txt-file-contains-a-seo-job-advert/

20Aug/100

Wolff’s Friday Link Dump (20 august 2010)

UX and WebDesign

Best examples of 404 error pages

http://ht.ly/18EcOR

How People Are Signing In Across the Web [STATS]

As in its last report back in April, Google and Facebook continue to dominate websites that offer third-party login options. Across the 250,000 sites that use Janrain Engage, Google (Google) represents the preferred sign-in option for 38% of users…

What ever happened to common courtesy?

Upon updating Facebook's iPhone app last night, the first thing I immediately noticed was Pull to Refresh, the awesome UI Element created by Loren Brichter for Tweetie 2. We fell in love with this element the second Tweetie 2 hit app store, so we re-created it and open sourced it for everyone to use…

http://developers.enormego.com/view/what-happened-common-courtesy-facebook

Test Credit Card Account Numbers

Expiration Date must be a valid date in the future (use the mmyy format).

https://www.paypalobjects.com/en_US/vhelp/paypalmanager_help/credit_card_numbers.htm

Quotes and Fun

Quotes from the User

Ever have a client think that users only say the nicest things? Here's the place to prove them wrong.

http://userquotes.tumblr.com/

“Can you show us the design of what our site would look like so we can decide whether it’ll be worth it?”

http://clientsfromhell.net/

Desk for geeks

http://lifehacker.com/5617021/diy-plank-desk-inventively-hides-your-cord-clutter

13Aug/100

Wolff’s Friday Link Dump

Web, Design & UX

It’s About the Design Not the Tools

http://designm.ag/design/its-about-the-design-not-the-tools-2/

Ultimate guide to table UI patterns

http://www.jankoatwarpspeed.com/post/2010/02/26/table-ui-patterns.aspx

Thoughts About Redundancy In Web Design

http://www.vanseodesign.com/web-design/redundancy/

Line25 Sites of the Week for August 13th 2010

http://line25.com/inspiration/line25-sites-of-the-week-for-august-13th-2010

Designing for the Mind

http://designinformer.com/designing-mind/

Tools for the Job

iPhone and iPad Development GUI Kits, Stencils and Icons

http://speckyboy.com/2010/04/30/iphone-and-ipad-development-gui-kits-stencils-and-icons/

Bonus Track

What Happened to Yahoo [what went wrong with Yahoo – my title]

http://www.paulgraham.com/yahoo.html

“I remember telling David Filo in late 1998 or early 1999 that Yahoo should buy Google, because I and most of the other programmers in the company were using it instead of Yahoo for search. He told me that it wasn't worth worrying about. Search was only 6% of our traffic, and we were growing at 10% a month. It wasn't worth doing better…”

GeekFun

HR Recruiting on JavaScript (http://s.meebocdn.net/script/meebo_v88_9.js)

27May/100

How to use Google Chrome to simulate an iPhone Safari

If you want to look how a test (or any other site) will behave in an iPhone safari from the comfort of your Desktop, do the following steps:

Windows 7

  1. In Windows Explorer, go to
    C:\Users\YOUR_USERNAME\AppData\Local\Google\Chrome\Application\
  2. Create a link to chrome.exe (right click, Create Shortcut)
  3. Alter the target property in this shortcut:

From: C:\Users\YOUR_USERNAME\AppData\Local\Google\Chrome\Application\chrome.exe

To: C:\Users\YOUR_USERNAME\AppData\Local\Google\Chrome\Application\chrome.exe --user-agent="Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3"

I use the Web Developer extension, so I can resize my window to iPhone’s defaults (320x480 or 480x320)

8Apr/100

h1n1 – interessante…

Não sou muito fã de teorias da conspiração, mas achei todo esse movimento de criar uma vacina a jato e vários governos do mundo comprando milhões de unidades e fazendo campanhas mundiais de vacinação muito estranhas...

Aí achei um filme em três partes no youtube, que tem algumas informações no mínimo interessantes... deixo a decisão para o julgamento de cada um:

6Sep/093

Vivo Zap e Snow Leopard

Cheguei hoje em casa, depois de instalar o Snow Leopard no office. Espetei o modem 3G na USB e dei dois cliques no VIVO.app que aparece no CD montado. E CRASH!

O Instalador da VIVO simplesmente não funciona, nem tentando rodar com Rosetta habilitado no Get Info.

Solução:

  1. Clicar com botão direito no vivo.app
  2. Selecionar "Show Package Contents"
  3. Achar o programa Mobile_Connect_Drv_App.pkg em VIVO ZAP 3G.app/Contents/Resources
  4. Instalar

E pronto. Pode-se usar o programa da vivo ou no painel de controle configurar uma conta com os padrões da vivo:

  • Telephone Number: *99#
  • Account Name: vivo
  • Password: vivo

Espero que ajude alguém...

20Mar/090

9 passos para um website

Nada muito original, mas fiz uma compilação dos nove passos para produzir um website de forma rápida e eficiente. Com o tempo posso ir melhorando a descrição, mas pelo menos já está publicado. ;)

Os passos estão associados ao cliente (C) e desenvolvedor (D)

  1. Levantar necessidades do site, mapear num doc (C)
  2. Juntar referências visuais, e de sites que ache interessantes de acordo com a necessidade (C, D)
  3. Estimativa do total de horas do projeto (D)
  4. Aprovação da estimativa, aceitação dos Termos de Serviço (C)
  5. Layouts (D)
  6. Alterações e Aprovação dos Layouts (C, D)
  7. Design & Código (image slicing, PHP, XHTML, CSS, JS…) (D)
  8. Ajustes finais (C, D)
  9. Aprovação, Declaração de Conclusão e Pagamento
    (de acordo com o passo 4) (C)

Simples, direto e eficiente.