Twitter signin com jQuery
Em 28/11/2009 by acalbuquerque
categorizado em JS/HTML, Tecnologia, jQuery
De fato o twitter trouxe sua contribuição para a WEB. Não estou falando apenas do simples porém eficaz negócio de mensagens curtas, mas também do seu design e funcionalidades.
Basta olharmos para a nova homepage com um design limpo e fácil que inspira muitos outros serviços a fazerem o mesmo. Sendo assim notamos no canto superior direito da página inicial do Twitter e veremos o sinal no botão que será suspenso o formulário de login.
Assim, Lam Nguyen ensinou como criar um login drop down com estilo Twitter utilizando jQuery aqui.
Drawter – Construtor de Wireframes
Em 28/11/2009 by acalbuquerque
categorizado em CSS, Criação, Front-end, WebDesign
O Drawter Beta 2 é uma ferramenta escrita em JavaScript e baseado na biblioteca jQuery.
Ela oferece a possibilidade de literalmente tirar o código do seu site apenas desenhando o wireframe. Roda em qualquer navegador web simples que o torna realmente útil.
Atualmente Drawter está disponível na versão Pro, o que significa que se destina para webmasters com o conhecimento de HTML e CSS é necessário.
É uma ótima ferramenta para a criação de wireframes pois possibilita apartir do desenho já a geração de código xHTML e CSS.
Teclas de atalho disponíveis:
Ctrl +1 – Draw Mode
Ctrl +2 – Edit Mode
Também há um screencast para os interessados aqui.
Cheat Sheet´s de Linguagens de Programação
Em 25/07/2009 by acalbuquerque
categorizado em MySQL, PHP, Tecnologia
Para finalizar a longa sequência de post´s com Cheat Sheet´s, segue este que será o mais completo de todos com várias LP´s e vários Cheat sheet´s de cada uma.
- Expressões Regulares (standart)
É um guia para os padrões de expressões regulares, e não é específica a um único idioma.
Esta é a segunda versão do Cheat Sheet. A versão anterior podem ser encontrados em http://migre.me/4azQ.
- Apache Mod_Rewrite
Trata-se de uma folha de referência, para a listagem flags, regras e condições de sobrescrita. Além de listar as variáveis do servidor por expressão regular e vários exemplos de regras comuns.
O mod_rewrite Cheat Sheet é distribuído sob a Creative Commons License (Attribution, Non-Commercial, Share Alike).
- Python Cheat Sheet´s
Trata-se de uma folha de referência para a linguagem de programação Python e seus métodos, funções e sintaxe e é distribuído sob a Creative Commons License (Attribution, Non-Commercial, Share Alike).
Muito boa!
- PHP Cheat Sheet´s
Trata-se de uma folha de referência para a linguagem de programação PHP e seus métodos, funções e sintaxe e é distribuído sob a Creative Commons License (Attribution, Non-Commercial, Share Alike).
Muito boa!
- MySQL Cheat Sheet´s
Funções no MySQL
Muitos desenvolvedores desconhecem que o MySQL possui um enorme número de funções built-in, para fazer tudo a partir de expressão regular com base em comparações de string. As laterais da Cheat Sheet, lista funções MySQL(nota: algumas das mais raras e menos utilizadas funções não foram incluídas devido ao espaço).
Tipos de Dados MySQL
O MySQL permite que muitos tipos de dados para as colunas e é muito fácil esquecer que existem restrições sobre estes tipos de dados. Isto é especialmente importante quando se trata de validação – muitos desenvolvedores não verificam o comprimento dos dados antes de inseri-lo em uma tabela. Esta seção lista os tipos de dados disponíveis e suas limitações.
Funções MySQL no PHP
O PHP tem o driver do MySQL e é utilizado pela maioria dos desenvolvedores PHP para conectar-se e consultar um banco de dados MySQL. Esta seção contém a lista das funções disponíveis no PHP para conectar-se e gerir um banco de dados MySQL.
- Outras
Download aqui!
Download aqui!
Download aqui!
Download aqui!
Alternativa ao Firebug: CSSFLY
Em 05/03/2009 by acalbuquerque
categorizado em CSS, Criação, Front-end
CSSFly é uma ferramenta online onde, além de você poder editar o HTML de qualquer página, pode também editar o CSS e ver as mofdificações em tempo real.
Ideal para debugar layouts quando você não tem ou não pode usar o firebug.
É uma ótima alternativa para usar no IE.
É só entrar no site desejado colar o código abaixo no browser .
javascript:what=document.URL; var re2=new RegExp('http:\/\/','g');
what = what.replace(re2,'http://www.cssfly.net/t/'); top.location.href=what;
Modelos de estrutura em CSS
Em 05/03/2009 by acalbuquerque
categorizado em CSS, Criação, Front-end
O site http://layouts.ironmyers.com/ oferece diversos templates gratuitos que podem ser utilizados como base para desenvolvimento de sites usando CSS.
São modelos simples com a estrutura básica.
Na primeira página você escolhe entre os templates de 750 pixels, 950px e 100% que tem seu tamanho modificado dependendo da resolução do monitor do visitante.
É uma ferramenta bem útil para o desenvolvimento de um layout. Pois se utiliza a estrutura escolhida e trabalha a arte gráfica em cima dela.
Facilita a vida de mto feed.
14 Aplicações AIR
Em 04/03/2009 by acalbuquerque
categorizado em Criação, Front-end, WebDesign
Desde o surgimento do Adobe AIR, uma plataforma onde você pode rodar aplicações web ou desktop, o desenvolvimento de aplicativos se tornou muito popular, principalmente entre os desenvolvedores web.
Abaixo você pode ver algumas delas que podem ajudar e muito você a obter produtividade:
Klok: Essa aplicação nos permite marcar o tempo que levamos para desenvolver determinado trabalho, ou seja, ele marca a quantidade de horas, dias ou semanas que levamos a determinado projeto. A melhor forma de calcular a quantidade de horas gastas em um determinado projeto.
ColorBrowser: Uma aplicação que nos permite criar e salvar paletas de cores para que possam ser utilizadas em projetos futuros. Possui a opção de exportação das paletas.
ColorPicker: Uma simples aplicação para gerar cores hexadecimais.
ColourLovers: As famosas paletas de cores do site ColourLovers diretamente em seu desktop.
Kuler desktop: Permite importar cores da web para o desktop, como o site ColourLovers. Além disso permite que você importe diretamente cores para softwares como Illustrator, Photoshop e InDesign.
Doominow: Funciona como uma espécie de agenda onde podemos anotar as tarefas pendentes.
Em Calculator: Ferramenta para efetuar cálculos de unidades de medida relativa em CSS.
Google Analytics Reporting Suite: Através dessa ferramenta você pode acessar as estatísticas do Google Analytics sem precisar visitar o site.
Icon Generator: Uma ferramenta para a rápida criação de ícones, escolha o texto, a cor e é só clicar em criar.
Pixus: É um programa parecido com uma régua para medir os objetos na tela. Possui skins para o Internet Explorer e Safari.
Regexr: Um ótimo ambiente de teste onde você pode testar suas expressões regulares antes de implementá-las.
Shrink-O-Matic: Altere o tamanho de suas imagens facilmente, é só arrastar a imagem para cima do programa e escolher o tamanho, formato e nome.
WebSnapshot: Permite guardar capturas de tela facilmente. Você pode escolher entre guardar miniaturas, a página completa ou a área visível do navegador.
Snippely: Armazena de forma ordenada trechos de código que sempre utilizamos em nossas aplicações.
Caso tenha interesse em conhecer mais aplicações desenvolvidas utilizando a tecnologia AIR, visite o site AIRpollo.com.
DICA: Pinceladas da Web
638 tutoriais para desenvolvedores
Em 03/03/2009 by acalbuquerque
categorizado em Criação
Para quem é desenvolvedor Web ter sempre uma( ou várias) referências sobre metodologias e ferramentas. Esse site é um repositório com 638 ferramentas divididas por categorias e linguagens de programação.
url: http://antriksh.com/resources/
24 ways: Versão 2008
Em dezembro de 2008, entrou no ar a última versão do site 24 ways.
Para quem não sabe o que significa o site 24 ways, é um site desenvolvido pelos maiores profissionais do desenvolvimento web mundial, composto de 24 dicas.
O site já existe desde 2005, e os tutoriais se iniciaram no dia 1 de dezembro e foram até o dia 24.
vale a pena conferi e conhecer os maiores nomes da Web no mundo.
dica: Pinceladas da web e DrWeb
24 ways 2008 – http://24ways.org
24 ways 2007 -http://24ways.org/2007
24 ways 2006 -http://24ways.org/2006
24 ways 2005 -http://24ways.org/2005
