quarta-feira, outubro 20, 2004

Debug Javascript ERRATA

O javascript não consegue encontrar o método qdo tentamos implementá-lo no objeto "arguments" da funcao. Toda e qualquer linkagem à classes precisam ser refernciadas da seguinte maneira:

function trace(){

arguments.join = Array.prototype.join;
var o = document.getElementById("output");
o.innerHTML = arguments.join(" | ");
}
Poderiamos fazer simplismente:
arguments.join = [].join;

Mas isso é uma instância da classe "Array" guardada na memória, qdo que:
arguments.join = Array.prototype.join;
é simplismente a linkagem do método na classe.

HTC components in XP Service Pack 2

http://www.hoeben.net/node/view/33

CSS style guide

Boa referência.
http://www.codestyle.org/css/

Windows font sampler and survey

http://www.codestyle.org/css/font-family/sampler-Windows.shtml

OpenType Shell Extension

Software da microsoft q adiciona a janela de propriedades das fontes(.ttf) mais informações como font smoothing.

Fontes padrões da Microsoft

http://www.microsoft.com/typography/fonts/default.aspx
Mão na roda pra saber quais as fontes padrões de cada versão do sistema windows.

terça-feira, outubro 19, 2004

Debug Javascript

Para os programadores que passam trabalhos com debug no javascript, ou seja, alerts no meio do código.

function trace(){

arguments.join = Array.join;
var o = document.getElementById("output");
o.innerHTML = arguments.join(" | ");
}

O objeto "arguments" não é bem um objeto tipo Array, por isso ele não tem métodos como "join", "split". Essa é uma maneira de implementar no "arguments" esses métodos, e assim pode-se jogar dentro de algum objeto sem precisar estar dando aquele monte de "alerts" na tela pra poder ver os valores.
A implementação disso fica fácil, tipo:

trace( v1, v2, v3, v4)

Sem precisar ficar concatenando string's como faziamos

alert(v1 + " = " + v2 ...)

sexta-feira, outubro 15, 2004

Photoshop Scripting

Pra quem não sabe, é um feature do photoshop já há algumas versões.
Seria "actions" extensibilizadas, usando o CORE de programação do photoshop, onde vc trabalha com todos os objetos, metodos e propriedades, filtros, funções, histórico, layers, tudo. A documentação é bem pouca e básica, mas depois q vc pega o jeitinho, fazer algumas coisas super chatas vira automações animais, como por exemplo depois de fazer todos wireframes de um site tive que montar a navegação html com todas essas imgs dentro de cada html e linkado na capa, isso poderia facilmente ser feito pelo photoshop, ou então pegar todos arquivos imgs de pastas (e subpastas) e redimensionar (condicionalmente a proporção delas, claro) e exportar para um formato web (Ex.: Tiff's - Gif's). E o melhor tudo com a sintaxe do javascript.
Bala né, mas o negócio é complicadinho ainda mais qdo vc não tem um DOM claro do photoshop.
Referencias:
Book (Amazon)
Scripting Guide (Adobe)
Kirupa.com (bem completo)

Vou estar postanto aqui testes.

Gmail Drive

Uma feature bem legal para quem usa Gmail, crie um drive que grava direto no espaço online.

Adobe Version Cue

Estudando... quem souber mais informações agradeço.

Idéia

Isso só funciona quando vc tem colegas que pensam no mesmo ponto que vc, uma empresa que ajude, e aposte nos funcionários, e q tenha um política forte e concisa.
The Nice Agency

quinta-feira, outubro 14, 2004

Outline dinamico

Coisa básica, que a microsoft não colocou no IE, não sei pq? até pq eles usam no window explorer.
Outline

Ajuda nas horas difíceis (ASCII table)

» Table ASCII
» Compacta

CSS-OM

Aí vai o link do css-om para level 2.
Pra que não sabe o q é css-om: É forma que o software(browser) manipula as regras do estilo.

Selectors CSS2

Vale a pena dar uma olhada.
http://www.w3.org/TR/REC-CSS2/selector.html

quarta-feira, outubro 13, 2004

TAG:hover

Qualquer tag receber a pseudo-classe :hover
http://www.xs4all.nl/~peterned/csshover.html

XMP

Estudando... Adobe XMP

quarta-feira, outubro 06, 2004

User Style

Como trocar o estilo padrão do browser. Esta feature serve para ncrementar a acessibilidade do browser. Com o poder do CSS2 do motor gecko do mozilla, firefox e netscape, fica muito fácil transformar algumas coisas, como por exemplo identificar o archor que seja um link para um javascript: a[href^="javascript:"] { color: green !important }. Infelizmente a microsoft ou não sabe fazer a coisa descente ou não querem.

Mozilla
Firefox
Internet Explorer
Tools/Internet Options/General/Accessibility.

terça-feira, outubro 05, 2004

Serviços de procura

Empresa que se diz melhor que o google, clusty, serviço da Vivisimo, interessante mesmo é o preview que eles colocaram em cada item da procura, que abre um iframe já com o link daquela registro.

sexta-feira, outubro 01, 2004

Controles de fomulário e CSS, Parte I

Styling form controls
Interessante o artigo de Roger Johansson, que fala em como tornar cross-browser o css para formulários, ou seja, impossível.