Arquivo para CSS

Editor de código livre com suporte à várias linguagens de programação

Posted in Downloads, editores de programação, Programação, Software Livre, Utilitários, Webdesign with tags , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , on 19, julho 2008 by deianaweb


O Notepad++, desenvolvido por Don HO, é um editor de código livre (e um substituto do Notepad), que suporta várias linguagens de programação, rodando sobre o ambiente MS Windows.

Este projeto é baseado em um componente para editor de texto, o Scintilla (um componente muito poderoso), escrito em C++ com pura api win32 e STL (o que garante alta velocidade de execução e pequeno tamanho de programa), está sob a licença da GPL.

Veja abaixo as características do Notepad++ :

1) Destaque de Sintaxes e Sintaxe de Blocos

Linguagens suportadas :

C, C++, Java, C#, XML, HTML, PHP, CSS, makefile, ASCII art (.nfo), doxygen, ini file, batch file,  Javascript, ASP, VB/VBS, SQL, Objective-C, RC resource file, Pascal, Perl, Python,  Lua, TeX, TCL, Assembler, Ruby, Lisp, Scheme, Properties, Diff, Smalltalk, Postscript, VHDL, Ada, Caml, AutoIt, KiXtart, Matlab, Verilog, Haskell, InnoSetup, CMake, YAML.

2) WYSIWYG (O que você vê é o que você tem)

Se você tiver uma impressora colorida poderá imprimir seu código fonte (ou qualquer outra coisa) em cores.

3) Destaque de Sintaxes Definida pelo Usuário

Isto permite ao usuário definir sua própria linguagem: não somente sintaxe de palavras chaves, mas também sintaxe de blocos (ex : If / endIf) , comentários e operadores. ( imagem1, imagem2, imagem3, imagem4 ).

4) Auto completar

Para quase todas as linguagens suportadas, o usuário pode criar sua própria lista de api (ou baixar os arquivos na sessão download). Uma vez que o arquivo api estiver pronto, digite Ctrl+Espaço para executar esta ação (veja a imagem). Para mais informações sobre o auto completar, por favor veja a sessão Auto completar.

5) Múltiplos Documentos

Você pode editar vários documentos ao mesmo tempo.

6) Múltiplas Visualizações

Você tem duas visualizações ao mesmo tempo. Na qual você poderá visualizar/editar 2 documentos diferentes ou o mesmo documento (imagem). Você pode visualizar (editar) em 2 vistas um documento, em posições diferentes. A modificação de uma das vistas acontecerá na outra também. (ou seja, você modifica o MESMO documento quando você está no modo clone, veja a imagem).

7) Suporta Expressões de Busca/Substituição

Você pode buscar a substituir uma string (frase) no documento usando expressões regulares.

8 ) Suporta o Arrastar e Soltar

Você pode abrir um documento arrastando e soltando. Você pode também mover seu documento (ou visualização) de uma posição a outra usando o Arrastar e Soltar.

9 ) Posição Dinâmica de Visualizações

O usuário pode escolher a posição de uma visualização dinamicamente (somente em 2 modos : separação horizontal ou vertical), veja a imagem.

10) Auto detecção de Estado do Arquivo

Se você modificar ou apagar um arquivo que esteja aberto no Notepad++, você receberá uma notificação para atualizar seu documento (recarregar o arquivo ou apagar o arquivo).

11) Avanço/Recuo de Zoom

Esta é uma outra fantástica função do componente Scintilla. Simplesmente veja a imagem.

12) Ambiente com Suporte a Múltiplos Idiomas

O chinês, japonês, coreano, árabe e hebraico são suportados no ambiente Windows. Veja o Notepad++ sob o Chinês – Windows , sob o Árabe – Windows e sob o Hebraico – Windows em ação.

13) Marcadores

Basta clicar na margem para inserir um marcador (no lado direito da margem junto ao nº da linha) ou digitar Ctrl+F2 para inverter o marcador. Para ir até um marcador, digite F2 (Próximo Marcador) ou Shift+F2 (Marcador Anterior). Para excluir todos os marcadores, clique no Menu Localizar->Excluir Marcadores. Veja a imagem.

14) Chaves, Colchetes e Parênteses com Destaque

Quando o cursor se apróxima de um desses símbolos { } [ ] ( ) , o símbolo que está próximo ao cursor e o símbolo simetricamente oposto são destacados, assim como sua guia de identação (se houver) fazendo com que a localização de um bloco seja mais fácil. Veja a imagem1imagem2 .

15) Grava e Reproduz Macros

Você pode salvar várias macros e criar atalhos de tecla para o próximo uso.

DOWNLOAD: Para baixar o programa Notepad++ (v.5.0) e obter maiores detalhes sobre  arquivos de ajuda, arquivos de api, arquivos binários, arquivos de estilos, arquivos de imagens, códigos fonte, temas, plugins,  vá diretamente do site do desenvolvedor: clicando aqui

Já existe a versão 5.0.1 do programa Notepad++ disponível no Baixaki, porém, testamos o executável e o mesmo apresentou erro na hora da instalação, assim, não disponibilizaremos o link dessa versão.

O programa tem 2,03MB, não possui limitações, é totalmente gratuito e funciona nos sistemas: Windows XP/98/2000.

Sites que ajudam comparar fontes, estilos e muito mais…

Posted in CSS, Fontes, Tipografia, Web2.0, Webdesign with tags , , , , , , on 6, março 2008 by blogcacalinks

Se você é webdesigner e sempre se depara com aquela velha dúvida sobre qual fonte usar em um determinado projeto, encontramos 2 boas dicas que poderão facilitar seu trabalho. São 2 sites que trazem uma ferramenta em comum, cujo objetivo é comparar fontes, tamanhos, cores, estilos, fundos, espaçamentos… tudo online, gratuito e sem cadastro.

Agora é você quem decide qual o melhor ferramenta para suas necessidades. Clique nos links abaixo e confira os serviços:

Font Tester
Font Tester


Type Tester
Type Tester

Tutorial de HTML – gratuito

Posted in HTML, Tutoriais, Webdesign with tags , , , , , , , , , , , on 12, fevereiro 2008 by blogcacalinks

Tutorial de HTML
Quer aprender HTML?

 O site HTML.NET oferece um Tutorial de HTML traduzido para o Português, que vem dividido em lições e exemplos bem explicativos.

Confira abaixo o índice do tutorial:

  • Introdução
    Uma breve introdução ao tutorial e o que você aprenderá.
  • Lição 1: Vamos iniciar
    As ferramentas que você precisa para desenvolver seu próprio website.
  • Lição 2: O que é HTML?
    Entendendo o que é o que significa HTML.
  • Lição 3: O que são tags HTML?
    O que são e para que servem as tags HTML.
  • Lição 4: Criando seu primeiro website
    Aprenda a criar seu primeiro documento HTML – o template básico para páginas.
  • Lição 5: O que você já aprendeu?
    Recapitulando o que você já aprendeu e antevendo o que aprenderá nas próximas lições.
  • Lição 6: Mais tags HTML
    Conhecendo as sete tags HTML mais usadas.
  • Lição 7: Atributos
    Aprenda como adicionar informações extras às tags e a projetar comandos de um modo explícito.
  • Lição 8: Links
    Como criar links para suas próprias páginas e para a Internet.
  • Lição 9: Imagens
    Descubra como é simples e fácil inserir imagens em uma página web.
  • Lição 10: Tabelas
    Construindo tabelas HTML para apresentar dados tabulares.
  • Lição 11: Mais tabelas
    Criando tabelas avançadas.
  • Lição 12: Layout (CSS)
    Entendendo como Cascading Style Sheets (CSS) pode ser usada para construir fantásticos layouts para suas páginas
  • Lição 13: Uploading páginas
    Como publicar páginas na Internet para serem vesualizadas por todos.
  • Lição 14: Web standards e validação
    Conheça as normas para HTML e como verificação a correção do código.
  • Lição 15: Dicas finais
    Algumas dicas adicionais para seus projetos web.

    lupa1.jpgCaça-Links indica: HTML.NET

  • Aprenda CSS sem sair de casa

    Posted in CSS, Dicas, Tutoriais, Web2.0, Webdesign with tags , , , , , , , , , , , , on 3, fevereiro 2008 by blogcacalinks
    Maujor o dinossauro das CSS

    De acordo com a Wikipédia,  Cascading Style Sheets, ou simplesmente CSS, é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é fazer a separação entre o formato e o conteúdo de um documento. Ao invés de colocar a formatação dentro do documento, o desenvolvedor cria um link para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas de um site. Quando quiser alterar a aparência do site basta portanto modificar apenas um arquivo.

    Se você é um auto-didata e deseja aprender CSS sem sair de casa, indicamos o site do Maujor, que ensina desde os conceitos fundamentais até os mais avançados sobre o tema. Vale ainda conferir o Blog do Maujor que traz dezenas de dicas e discussões sobre CSS. Empenho e exercício para aprender é primordial!!!

    lupa1.jpgCaça-Links indica: Site do Maujor e Blog do Maujor

    Templates Gratuitos em CSS

    Posted in CSS, Templates, Web2.0, Webdesign with tags , , , , , , , , , , , on 2, fevereiro 2008 by blogcacalinks
    Templates Gratuitos em CSS

    Atualmente a tendência dos layouts da grande maioria de sites e blogs é o uso de CSS (Folha de Estilo em Cascata), que separa a marcação HTML da apresentação visual do site, o que traz muitas vantagens e benefícios. Mas se você quer criar um blog e ainda não sabe muito sobre o uso das CSS, utilize um template gratuito. O site Free CSS Templates oferece hoje 264 modelos de templates gratuitos feitos em CSS. Para os usuários do WordPress, existem temas gratuitos em CSS disponíveis também. Confira!

    lupa1.jpg

    Caça-Links indica: Free CSS Templates e WordPress Themes

    Introdução ao CSS (versão espanhol) – Livro em PDF

    Posted in CSS, Livros, PDF, Programação, Webdesign with tags , , , , , , , , , on 15, janeiro 2008 by blogcacalinks

    Livro em PDF - Indroducción a CSSPara os que tem conhecimentos básicos de HTML e desejam iniciar aprendizado em CSS (Cascading Style Sheets ou Folhas de Estilo em Cascata)(*), aqui vai uma boa dica. O site LibrosWeb.es disponibiliza um livro em pdf para download gratuito, no idioma espanhol, que inclui até exercícios para aprimorar seus estudos. Você pode baixar o arquivo do livro completo, ou ver os capítulos online.

    Título: Introducción a CSS
    Autor: Javier Eguíluz Pérez
    Páginas: 220
    Dirigido a: Programadores e Webdesigners sem experiência em CSS
    Pré-requisitos: Conhecimento básico de HTML

    Para ter acesso aos capítulos e ao download do livro: clique aqui

    (*) Veja definição de CSS na Wikipédia