Arquivo da categoria: JavaScript

Formatadores de CSS e JavaScript online

Muitas vezes encontramos funcionalidades e estilizações interessantes em alguns sites, que gostaríamos de saber como foram feitas. Aí resolvemos olhar o CSS e o JavaScript deles. É quando nos deparamos com arquivos de uma só linha, sem qualquer condição humana de leitura.

Um bom exemplo é a página inicial do Google. Veja um trecho:

< !doctype html><html itemscope itemtype="http://schema.org/WebPage"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"/><meta itemprop="image" content="/images/google_favicon_128.png"/><title>Google</title><script>window.google={kEI:"NIQ2T6bFFJS5twfQx53FAg",getEI:function(a){var d;while(a&&!(a.getAttribute&&(d=a.getAttribute("eid"))))a=a.parentNode;return d||google.kEI},https:function(){return window.location
</script></head></html>

Isso reduz um pouco o tamanho das páginas, tornando seus carregamentos mais eficientes e rápidos. Mas também incomoda quem queira tirar ideias.

Para isso, existem alguns sites que formatam os códigos HTML, CSS e JavaScript, tornando-os legíveis.

Continue lendo

38 Menus Drop Down com jQuery e CSS


Esses dias, pesquisando alguns recursos do jQuery, encontrei este post, com 38 modelos de menus drop down usando jQuery e CSS:

http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions

Creio que deva ser útil para alguém =)

Caso queira um layout completo, veja a extensa lista de templates do ThemeForest!

Dicas de Livros

Html 5: a Linguagem de Marcação que Revolucionou a Web – Maurício Samy Silva
jQuery – a Biblioteca do Programador Javascript – Maurício Samy Silva
Ajax com Jquery – Requisições Ajax com a Simplicidade de Jquery – Maurício Samy Silva
Introdução ao Html 5 – Remy Sharp ; Bruce Lawson
jQuery Cookbook – Comunidade de Desenvolvedores jQuery

Como postar códigos em sites usando o SyntaxHighlighter

Um recurso muito útil para blogs e sites sobre programação é o SyntaxHighlighter. Essa ferramenta, desenvolvida em JavaScript, cria caixas de texto para códigos-fonte de programas, com numeração de linha e coloracção (highlight) de código.

O SyntaxHighlighter possui módulos para diversas linguagens, dentre elas Bash (Shell Script), C#, C, C++, CSS, Delphi, JavaScript, Java, Perl, PHP, Python, Ruby, SQL e XML, com sistema de coloração específico para cada uma delas, além de possuir uma caixa de texto simples, para texto comum (plain text).

Continue lendo