jQuery: Sparklines Plug-in
Em 28/04/2009 by acalbuquerque
categorizado em AJAX, Tecnologia, jQuery
Edward Tufte tem tido uma longa sequência de fãs no domínio da visualização de informação.
Entre suas interessantes aplicações de visualização, a mais conhecida é o “Sparkline”.
A documentação, exemplos e o download do plug-in pode ser facilmente encontrado no site oficial.
O resultado do jQuery plug-in é muito bom.
*ps: E há também um gerador Sparkline simples para o Google-Charts no style.org.
Livro AJAX com jQuery
Em 26/03/2009 by acalbuquerque
categorizado em Destaques
Há alguns dias, um dos maiores autores do país em desenvolvimento WEB postou em seu blog o seu mais novo/futuro lançamento: O Livro AJAX com jQuery.
Finalmente alguém “domou o boi pelos chifres” e levou essa idéia adiante. É de fato o conhecimento de todos programadores web do Brasil que o atual melhor ou mais requisitado framework Javascript, o JQuery, precisava ser mais divulgado e estudado de forma CORRETA. E ninguem mais que o Tio Samy( se ele me permite chama-lo assim), o dinossauro da web, o mestre dos magos em css, o grande Maujor vai realizar esse feito junto com a editora Novatec(que para mim, é de longe a melhor na área de informática).
O livro ainda está no forno, porém a editora Novatec e o Autor prometem que em Julho de 2009 nossa bíblia nacional em jquery estará nas prateleiras das melhores livrarias do país.
Eu particularmente fiquei ansioso com a notícia e com os comentários do Maujor em seu blog sobre o livro. Para todos que desejam começar e continuar no estudo do JQuery, vale MUITO a pena obter esse livro.
Jcrop: O Crop-plugin em JQuery
Em 26/03/2009 by acalbuquerque
categorizado em AJAX, Destaques, JS/HTML, Tecnologia, jQuery
** Essa é uma tradução não oficial do manual do plugin Jcrop. Para mais informações e download visite o site oficial.
Jcrop é a maneira fácil e rápida de adicionar imagem para a sua aplicação web. Ele combina a facilidade de uso típico de um plugin jQuery com a poderosa plataforma crop-engine em DHTML. Licença FREE – MIT
Visão geral:
* Atribuição não-obstrusiva para qualquer imagem
* Suporta travamento de proporção
* Suporta definição de MINSIZE / MAXSIZE
* Desfazer a selecção feita, ou enquanto se deslocam
* Teclado nudging(com detalhes do crop) para apoio à selecção
* Características da API para criar interactividade, incluindo animação
* Suporte para CSS
Compatibilidade Cross-browser
* Firefox 3
* Safari 3
* Opera 9.5
* Google Chrome 0.2.x
* Internet Explorer 6+
- Primeiros passos
* Faça o download da versão atual do Jcrop
* Coloque os arquivos em seu servidor web para que você possa solicitar-los de sua página
* Você também deve ter instalado a biblioteca jQuery
Dentro da tag <head> você precisa carregar os arquivos necessários. Isso inclui:
* Biblioteca jQuery
* Jcrop Javascript
* Jcrop estilo CSS
* Protótipo da função
Ficando assim:
<script src="js/jquery.pack.js"></script>
<script src="js/jquery.Jcrop.pack.js"></script>
<link rel="stylesheet" href="css/jquery.Jcrop.css" type="text/css" />
<script language="Javascript">
jQuery(function() {
jQuery('#cropbox').Jcrop();
});
</script>
Vamos supor que nossa imagem esteja assim:
<img src=”flowers.jpg” id=”cropbox” />
Por padrão, o Jcrop se comporta assim como nesse exemplo1.
O jcrop possui 2 eventos:
onSelect -> chamado quando a seleção estiver concluída
onChange -> chamado quando a seleção está se movendo
Função de eventos:
<script>
// Lembre de chamar com jquery(window).load(...)
// Senão, o jquery pode não inicializar a propriedade
jQuery(document).ready(function(){
jQuery('#cropbox').Jcrop({
onChange: showCoords,
onSelect: showCoords
});
});
function showCoords(c)
{
jQuery('#x').val(c.x);
jQuery('#y').val(c.y);
jQuery('#x2').val(c.x2);
jQuery('#y2').val(c.y2);
jQuery('#w').val(c.w);
jQuery('#h').val(c.h);
};
</script>
Veja o Exemplo2
Para mais exemplos e informações, acesse o site do manual oficial
Ajax Instant Messenger
Em 18/03/2009 by acalbuquerque
categorizado em AJAX, Destaques, JS/HTML, Tecnologia
Fala galera!
Encontrei esse sistema feito em ajax com auxílio da biblioteca Prototype.
Se resume em um sistema no estilo MSN bem feito, bonito e simples de usar e modificar.
Vamos configurar a sua instalação:
1°- Abra o arquivo config-sample.php e preencha os campos relacionados à conexão com o BD.
// MySQL Database Configuration
$sql_user = 'user';
$sql_pass = 'pass';
$sql_host = 'localhost';
$sql_db = 'ajaxim';
// This is the prefix for the ajax im MySQL tables -- this can usually be left alone.
// (If upgrading from a version < 3.1, set the prefix to '')
define('SQL_PREFIX', 'ajaxim_');
$maxBuddyIconSize = 100; // in KBs, set to 0 to disable uploads
Depois de feito, renomeie o arquivo para config.php
2°- É opcional, porém caso deseje mudar alguns parâmetros de configuração como titulo do sistema, tamanhos e talz... acesse o arquivo js/config.js.
3°- Mude a permissão de pasta buddyicons/ para CHMOD 0777.
4°- Execute no Browser o install.php e siga as intruções.
5°- Após tudo feito, delete os arquivos install.php e update.php
E pronto! Agora é só adpatar e utilizar esse sistema em qualquer lugar.
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/
