técnicaWEB : : AJAX, CSS, CURSOS, DICAS, EDITORES, FIREWORKS, FLASH, FONTES, ICONES

Em breve!!! Moldere sistema de gestão para freelancer e agências

2011-04-05T06:42:00.000-07:00

Moldere é um sistema nas nuvens de gestão para microempresa e freelancer (profissionais autônomos) com diversos aplivativos (financeiro, ordem de serviço, agendas e muito mais). Tudo isso irá ter uma versão FREE (grátis) Cadastre seu e-mail receba novidades. www.moldere.com

2009-07-21T19:29:00.000-07:00

Às vezes é apenas divertido para brincar com as linguagens de programação que sabemos e ver o que podemos criar. Veja no link abaixo.

Demo:
http://nettuts.s3.amazonaws.com/378_jqueryKeyboard/demo/index.html
Download:
http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/

Gráficos dinâmicos em FLASH

2009-07-13T18:08:00.000-07:00

Drag-able Chart + JavaScript

Neste exemplo, simular as receitas lucrativo cenário de uma organização utilizando Coluna 2D Chart. Você pode modificar visualmente a receita e o lucro números sobre o gráfico e, em seguida, apresentar os dados para locais funções JavaScript presentes na mesma página.

Demos
http://www.fusioncharts.com/Demos/DragColumn/Default.html
Download
http://www.fusioncharts.com/Downloads/Demos/DragColumn.zip

PowerCharts + JavaScript Integration

Os FusionCharts pode integrar seamlessly com JavaScript para criar aplicações Web dinâmicas. Neste exemplo, ligar o gráfico de Dispersão Selecione PowerCharts suite para funções JavaScript. As funções JavaScript são responsáveis pela leitura dos dados escolhido na tabela.

Demo
http://www.fusioncharts.com/Demos/ScatterReturn/Default.html
Download
http://www.fusioncharts.com/Downloads/Demos/ScatterReturn.zip

FusionCharts + JavaScript (AJAX) Integration

FusionCharts v3 oferece enormes potencialidades integração com JavaScript. É perfeitamente ligado com JavaScript / AJAX para permitir que você atualize tabelas no lado do cliente, sem ter que atualizar a pagina.

Demos
http://www.fusioncharts.com/Demos/JS/Index.html
Download
http://www.fusioncharts.com/Downloads/Demos/FusionChartsJS.zip

Airline Dashboard

Este painel serve para a empresas aérea. Aqui, temos a combinação do FusionCharts e FusionMaps em uma maneira eficaz de show business e de dados estatísticos para uma empresa aérea - FusionAir. Em FusionMaps, temos usado o marcador Connector característica de mostrar várias rotas de voo para a companhia aérea.

Demos
http://www.fusioncharts.com/Demos/FusionAir/
Dowload
http://www.fusioncharts.com/Downloads/Demos/FusionAirDashboard.zip

Sales Dashboard

FusionCharts pode ser efetivamente usado para criar altamente intuitiva e dashboards interativos no financeiro. Usando uma variedade de gráficos e mapas disponíveis em FusionCharts Suite, você pode dar um rosto alegre para todos os seus dados escarear tabelas. Neste exemplo, temos usado para criar uma FusionCharts Vendas Dashboard.

Demo
http://www.fusioncharts.com/Demos/FusionAir/
Download
http://www.fusioncharts.com/Downloads/Demos/FusionAirDashboard.zip

FusionCharts Blueprint Application

Esta aplicação utiliza intensamente o FusionCharts gráficos para uma empresa comercial, que as importações e exportações de alimentos especialidade em todo o mundo. Temos efectivamente combinada FusionCharts, JavaScript (AJAX) e os comerciantes de dados para tornar sem costura uma experiência de navegação.

Demos
http://www.fusioncharts.com/Demos/Blueprint/
Download
http://www.fusioncharts.com/Download.asp

Seleção de site de icones para websites

2009-07-12T15:54:00.000-07:00

Chalkwork HTML Royalty-free Icons
Chalkwork HTML é um conjunto de livre HTML-themed ícones, perfeitamente desenhado para complementar todos os outros conjuntos no Chalkwork Família. Com 31 representações gráficas de marcação elementos comuns, esta é uma completamente livre ícone conjunto disponível para uso pessoal e comercial projectos similares (embora os termos de licença Chalkwork costume ainda se aplicam). O conjunto está disponível em 3 tamanhos e 6 formatos de arquivo: transparente PNG, TIF, GIF, BMP, ICO Windows, Mac e ICNs.
Hand Pointer Icons
Livre ícone conjunto que inclui 36 ícones mão ponteiro de 6 tipos diferentes, com 6 cores variantes. Ícone conjunto inclui também. Psd arquivo fonte.MinIcons

Flavour Extended: The Ultimate Icon Set For Web Designers
Contendo 177 ícones em uma resolução de 48 × 48 pixels. Neste post nós libertar a versão atualizada do ícone conjunto, agora com 452 ícones, livremente disponíveis para uso em projetos privados ou comerciais.
Basic Set

42 ícones de alta qualidade em 64 × 64, 32 × 32 e 16 × 16 tamanhos. Mac OS, e Vitória. PNG-formatos.
Web Injection

Esta Free Icon Pack é para uso em seus projetos pessoais e comerciais, e pode ser utilizado sem atribuição. Não pode ser redistribuído. O conjunto inclui 26 ícones elegante desenhado por Midtone Design Studio. Cada ícone é um. Png de 48 × 48px. Os ícones foram tediosamente mão crafted pelo designer Jonatan Castro Fernández.
File Status Icons

Status do arquivo Ícones conjunto inclui 16 ícones que podem ser utilizados para aplicações web-based que implantar Subversion projectos.
2experts Icons Set

Estes ícones são criados a partir do zero usando o Adobe Fireworks. A embalagem contém zipado 48 × 48 imagens PNG, que pode ser usado gratuitamente.
Danish Royalty Free

Conceitos de Design

2009-07-12T15:52:00.000-07:00

Um bom slide sobre o design para conhecer a função das cores, letras e formas mais adequadas

http://www.slideshare.net/edu_agni/conceitos-de-design-presentation

técnicaweb agora com twitter

2009-07-11T05:50:00.000-07:00

Vejá todas as novidades que o tecnicaWEB trás para você no twitter

http://twitter.com/blogtecnicaweb

Um novo pageflip free da MegaZine

2009-07-11T05:32:00.001-07:00

MegaZine 3 é um pageflip motor. Há muitas como ela, uma versão livre. E de código aberto, também. Isto significa duas coisas, basicamente: você não tem que pagar por ela, e você pode até mesmo modificá-lo de qualquer forma você vê o ajuste.

Dito isto, se você deseja utilizá-lo comercialmente, uma versão licenciada customly está disponível para compra, também.

O site
http://megazine.mightypirates.de/?c=home&l=en
Demo
http://megazine.mightypirates.de/demo/index.html

Passo a passo para atualizar Drupal 6.x para uma versão mais recente

2009-07-11T05:30:00.001-07:00

Tutorial da comunidade brasileira de Drupal com o passo-a-passo da atualização de forma correta e segura.
Isso é muito importante uma vez que, as novas versões dos módulos dependem de versões recentes do Drupal.

http://drupal-br.org/suporte/drupal/passo-passo-de-como-atualizar-drupal-6x-para-uma-versao-mais-recente

Sites para você conhecer

2009-07-11T05:27:00.000-07:00

Check My Colour: como o nome sugere, o site checa as cores da sua página, basta escrever a sua URL e o Check My Colour irá dizer os erros cometidos quanto a contraste e legibilidade. Uma ferramenta útil para designers que não querem cometer erros que as vezes passam desapercebidos.

Conveythis: a partir desse site você cria facilmente um botão para traduzir a sua página para 40 línguas diferentes, basta copiar o código gerado e colar no site.

Confiômetro: site que reúne relatos dos consumidores sobre as empresas web, local ideal para checar se uma empresa é confiável na hora de fazer uma compra web.

Como tudo funciona: versão brasileira do How Stuff Works, é o site para os curiosos que querem saber como as coisas funcionam nas mais diversas áreas como saúde, eletrônicos, ciência, carros e outros.

Exemplo criativo do uso do microfone pelo flash

2009-07-10T17:50:00.000-07:00

Agora a criaticidade no FLASH com JAVASCRIPT foi longe de mais, para que tem microfone veja o link abaixo.

http://jsexperiments.appspot.com/files/mouth.html

Como Criar um Tema Para Drupal 6

2009-07-10T17:40:00.000-07:00

E ai galera que gosta do melhor CMS do mundo para websites, vejá como criar tema para a verão 6

http://drupal-br.org/tutoriais/como-criar-um-tema-para-drupal-6-parte-01

Câmara aprova texto base do projeto com mudanças na lei eleitoral A principal novidade é a regulamentação da propaganda pela web

2009-07-10T17:36:00.000-07:00

A Câmara dos Deputados aprovou nesta quarta-feira (08) várias modificações à lei eleitoral em vigor. A principal novidade é a regulamentação da propaganda pela web. Os parlamentares também aprovaram as doações por cartão de crédito para pessoas físicas e pretendem exigir a apresentação do título de eleitor e de um documento com foto na hora do voto.

As mudanças aprovadas constam do texto básico do relator do projeto deputado Flávio Dino (PCdoB-MA) e os deputados ainda podem mudar o texto aprovando destaques ao projeto, que ainda estão sendo votados. Após a votação dos destaques, a proposta ainda precisa ser aprovada no Senado. Para entrar em vigor já em 2010, isso precisa acontecer até o final de setembro.

Pela proposta aprovada no texto básico, os candidatos poderão usar todas as ferramentas disponíveis na Internet como blogs, redes sociais, sites de mensagens instantâneas para fazer campanha. Contudo, essas ferramentas só podem ser aplicadas usando conteúdos produzidos pelo próprio candidato, pelo partido ou pela coligação.

Se um eleitor também quiser apoiar um candidato com uma ferramenta da web será permitido, desde que o conteúdo seja produzido individualmente e não faça referência contra outros candidatos.

A propaganda paga pela Internet continua proibida. Os candidatos também podem enviar mensagens eletrônicas para endereços cadastrados gratuitamente por eles, pelos partidos ou pela coligação. Nesse caso, o candidato é obrigado a dispor de mecanismo que permita ao eleitor rejeitar o envio dessas mensagens e sair do cadastro em até 48 horas.

Os candidatos não podem veicular propaganda eleitoral em sites de pessoas jurídicas, mesmo que gratuita. Nem poderão divulgar suas campanhas em sites oficiais ou naqueles hospedados pela administração pública.

Os portais de Internet com conteúdo editorial ficam autorizados a promover debates entre os candidatos. Para isso precisam obter a concordância de pelo menos dois terços dos candidatos aptos para o pleito, no caso das eleições majoritárias (governador, presidente e senador). No caso das eleições proporcionais (deputados estaduais e deputados federais), é preciso anuência de pelo menos dois terços dos partidos ou coligações com candidatos aptos.

Essa mesma regra foi estendida para debates na rádio e na TV.

Documento: os deputados aprovaram ainda uma mudança que obriga os eleitores a apresentarem o título de eleitor e um documento com foto para ter direito a votar no dia da eleição. Um dos objetivos é inibir possíveis fraudes na votação.

Cartão de crédito: os parlamentares também autorizaram a doação por cartão de crédito para as pessoas físicas, desde que respeitem o limite de 10% da renda bruta da pessoa. Antes, as doações só podiam ser feitas por cheques nominais ou transferências e depósitos identificados.

Propaganda: os deputados também ampliaram a lei eleitoral para impedir a veiculação de propaganda eleitoral em árvores, jardins localizados em áreas públicas, muros, cercas, e tapumes.

O uso de áreas particulares para anúncio de propaganda eleitoral deve ser espontâneo e gratuito. O candidato não pode pagar, em nenhuma hipótese, para ter acesso ao espaço. No uso de propriedades particulares, as propagandas não podem ser maiores que uma área de 4 metros quadrados.

Os candidatos podem fazer propaganda eleitoral até às 22 horas do dia anterior à eleição. Os trios-elétricos só poderão ser usados durante os comícios.

Os pré-candidatos também poderão participar de prévias partidárias internas, de encontros e seminários custeados pelos partidos e que não tenham divulgação externa ao ambiente partidário. Eles também ficam autorizados a conceder entrevistas na condição de pré-candidatos.

Elegibilidade: os deputados também aprovaram mudança na lei eleitoral para permitir que mesmo os candidatos que tenha sido condenados pela justiça em mais de uma instância possam registrar sua candidatura, desde que a ação não tenha transitado em julgado.

Fonte: G1

6 MELHORES EDITORES DE FOTO ONLINE

2008-10-19T13:56:00.000-07:00

Editores de fotos e imagens baseados na web já são utilizados por muitas pessoas. Para quem está no trabalho, faculdade ou cyber café e não pode instalar programas esta pode ser a única solução quando é necessário editar fotos. Segue aqui uma lista dos melhores sites de edição de fotos grátis.

Sumo Paint
www.sumopaint.com/app/

Este nós já falamos aqui no Dicas do Dia. Ele tem ferramentas que lembra o Photoshop e além de editar fotose é perfeito para desenhar. Este editor tem diversos brushes e trabalha com camadas.

Fotoflexer
www.fotoflexer.com

Este é bem mais simples de usar e tem muitos recursos para editar fotos. Você pode tornar suas fotos mais divertidas para colocar no Orkut ou em sites de relacionamento. Ele trabalha integrado com sua conta no Flickr, Picasa, Photobucket, etc.

Pixer.us
www.pixer.us

Este aqui oferece simplicidade mas com todas as funções para quem precisa fazer uma edição rápida de fotos e imagens. Você pode fazer ajuste de cores, brilho, contraste, etc. Seu trabalho pode ser salvo em PNG, JPG, GIF ou BMP.

Phoenix
a.viary.com/tools/phoenix

Para utilizar você precisa abrir uma conta gratuita no serviço. O programa lembra muito um software de edição de fotos e sua utilização é bem intuitiva. A aplicação trabalha com camadas ou layers.

Splashup
www.splashup.com/splashup/

Este aqui é perfeito para quem já possui fotos guardadas em sites como o Flickr e Picasa. As fotos que serão editadas podem ser acessadas remotamente por este serviço. Assim você não precisa enviar fotos por upload. O editor também tem uma função que permite capturar imagens do seu computador através da sua webcam.

Pixlr
http://www.pixlr.com/app/

Um dos mais conhecidos e completos. Todo desenvolvido em flash, é um ótimo editor de imagens que permite criar desenhos online. Quem já é usuário do Photoshop terá muita facilidade com seu uso.

MODELO CAMISETA BRANCA PSD - DOWNLOAD

2008-10-19T13:55:00.000-07:00

Se você deseja exibir no seu site um modelo de camiseta para por estampa deve estar procurando por ai um imagem de camiseta branca. Fica mais simples criar o desenho no Photoshop ou em outro editor gráfico para exibir no site. O resultado final também fica melhor do que a fotografia da camiseta pronta.

Pensando nisto este site aqui está oferecendo um modelo de camiseta branca em arquivo PSD para você editar da forma que desejar. Para copiar o modelo clique no botão “download” no menu do lado esquerdo.

CRIAR FORMULÁRIO COM Background

2008-10-19T13:54:00.000-07:00

O objetivo do artigo publicado no site jankoatwarpspeed.com é lhe orientar sobre como criar um formulário de contato utilizando background ou imagem de fundo em todos os campos. Veja como fica o resultado final. Neste exemplo o formulário lembra um cartão postal feito de papel.

Usando sua criatividade é possível colocar qualquer tipo de imagem pano de fundo. O modelo utiliza html e CSS e o exemplo pronto está sendo oferecido gratuitamente para download no final do artigo.

98 Estilos de Tabela em CSS

2008-07-18T08:56:00.000-07:00

Tenho certeza que esse vai para o seu favoritos. Se você procura fazer uma tabela bonitinha em sua página ( tablelessmaníacos, estou falando de tabela mesmo hein ) agora isso não será mais problema.

Apresento a vocês 98 estilos diferentes de construção de tabelas, de diferentes cores e tipos. Basta clicar, visualizar e pegar o código. Simples, não?

Para visualizar os 98 estilos, clique aqui.

DESENHAR MENU ESTILO WINDOWS VISTA

2008-07-18T08:54:00.000-07:00

O tutorial apresentado na página psdtuts.com (tradução) mostra de forma ilustrada como criar um menu com o mesmo estilo visual dos menus do Windows Vista. São apenas 9 etapas para você aplicar utilizando o Photoshop. Todas estão ilustradas. Observe que este tutorial só orienta como criar o desenho do menu. Ele não inclui informações sobre animações em javascript que podem ser necessárias para animar o menu em algum site.

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

2008-07-17T04:26:00.000-07:00

Neste artigo publicado em woork.blogspot.com (tradução) você encontrará os códigos html e css para criar um formulário sem uso de qualquer tabela. Tem muita gente não gosta de usar tabelas em seus sites. O fato é que criar formulários em tabelas html é bem mais rápido e prático. Mas a forma rápida de fazer as coisas na maioria não é a melhor forma. Para quem não gosta de perder tempo e prefere o CSS estas dicas são perfeitas.

CALENDÁRIO AJAX PARA CAMPO DE FORMULÁRIO

2008-07-17T04:25:00.000-07:00

Uma forma fácil de padronizar o preenchimento de campos de formulário destinados a data é o uso de um mini calendário para que o visitante do site possa selecionar a data no lugar de digitar a data.

Isto é muito útil quando o visitante precisa saber qual é o dia da semana da data que será escolhida. Em sites onde a data de um evento é fundamental este tipo de recurso é muito importante para facilitar a vida do visitante e evitar o preenchimento incorreto. Exemplo: sites de hotéis, empresas de transporte, locadoras, empresa de eventos, etc.

Você encontrará uma boa solução no site dev.base86.com. Veja diversos “demos“. Clicando em “show code” nestes demos você pode visualizar o código que deve aplicar. Não esqueça de carregar os arquivos javascripts no da página. Veja como aqui.

SCRIPT PARA MOSTRAR FOTOS COM TRANSIÇÃO

2008-07-08T10:41:00.000-07:00

Existem muitos tipos de sites onde as fotos são importantes para o sucesso do mesmo. O site de um hotel precisa ser repleto de bonitas fotos. Mas como apresentar estas fotos de forma elegante para os visitantes? Este script que você encontrará no site http://lifedraft.de/projekte/dhonishow/ faz isto muito bem. Ele é perfeito para colocar uma apresentação de fotos na capa de um site de hotel, restaurante ou qualquer que se venda através de uma bela foto. Basta visitar o site para ver na mesma página uma demonstração, o botão para download e alguns códigos prontos para fazer o script funcionar.

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

2008-07-08T10:40:00.000-07:00

Neste artigo publicado em woork.blogspot.com (tradução) você encontrará os códigos HTML e CSS para criar um formulário sem uso de qualquer tabela. Tem muita gente não gosta de usar tabelas em seus sites. O fato é que criar formulários em tabelas html é bem mais rápido e prático. Mas a forma rápida de fazer as coisas na maioria não é a melhor forma. Para quem não gosta de perder tempo e prefere o CSS estas dicas são perfeitas.

+300 Texturas e Pincéis estilo antigo July 3

2008-07-08T10:38:00.001-07:00

Você está procurando por texturas ou pincéis/brushes antigos? Aquelas que nos remetem aos anos 20, 30, 40? Então você vai encontrar aqui mais de 300 opções.

São mais de 300 pincéis e texturas no estilo “vintage” para você que tem um projeto que exige este estilo.

Para ter acesso a esse monte de texturas, clique aqui.

10 MELHORES TIPOGRAFIAS EM CSS

2008-07-02T08:52:00.000-07:00

O site 3point7designs.com publicou um artigo com 10 belos exemplos de estilos de fonte e espaçamentos para colocar no seu site. Os códigos de cada CSS estão a sua disposição juntamente com um exemplo. Quase todos os estilos tipográficos utilizam fontes comuns a todos os computadores como o Verdana, Lucida Grande, Helvetica, Arial, Georgia, etc.

Os espaçamentos das fontes é que vão dar um toque de elegancia a cada estilo.

GALERIA DE IMAGENS COM MOOTOOLS

2008-07-02T08:51:00.001-07:00

O moo.rd é uma biblioteca javascript que trabalha junto com o conhecido MooTools. Com ela você poderá criar uma galeria de fotos com belos efeitos de transição iguais a esta ou esta aqui. No primeiro exemplo temos uma imagem principal aparecendo com algumas miniaturas na base da foto. Ao passa o mouse sobre qualquer miniatura a foto é ampliada em um belo efeito de transição. No outro exemplo vemos apenas as miniaturas. Ao clicar uma janela se abre deixando o restante do site escurecido. É possível adicionar textos sobre a foto com algum comentário. Links de avançar para as demais fotos facilitam a navegação. Você encontra as dicas de como usar aqui. Para download clique aqui.

MAIS DE 100 Layer Styles para Fireworks

2008-07-02T08:49:00.001-07:00

O blog dezinerfolio.com publicou um pacote com 131 estilos de layer para usuários do Photoshop. Todos possuem um estilo de cores e degradê seguinto a linha dos sites mais famosos da web 2.0. Também é um estilo presente em softwares e panos de fundo do Mac e do Windows. Para download visite este endereço e clique no botão "Download" localizado no final do artigo. Ele é compatível com o Fireworks 8 ou CS3. Se você é usuário do Photoshop baixa os mesmos estilos para Photoshop em arquivo .ASL aqui.

técnicaWEB : : AJAX, CSS, CURSOS, DICAS, EDITORES, FIREWORKS, FLASH, FONTES, ICONES

Em breve!!! Moldere sistema de gestão para freelancer e agências

Gráficos dinâmicos em FLASH

Drag-able Chart + JavaScript

PowerCharts + JavaScript Integration

Demohttp://www.fusioncharts.com/Demos/ScatterReturn/Default.htmlDownloadhttp://www.fusioncharts.com/Downloads/Demos/ScatterReturn.zip

FusionCharts + JavaScript (AJAX) Integration

Airline Dashboard

Sales Dashboard

Seleção de site de icones para websites

Conceitos de Design

técnicaweb agora com twitter

Um novo pageflip free da MegaZine

Passo a passo para atualizar Drupal 6.x para uma versão mais recente

Sites para você conhecer

Exemplo criativo do uso do microfone pelo flash

Como Criar um Tema Para Drupal 6

Câmara aprova texto base do projeto com mudanças na lei eleitoral A principal novidade é a regulamentação da propaganda pela web

6 MELHORES EDITORES DE FOTO ONLINE

MODELO CAMISETA BRANCA PSD - DOWNLOAD

CRIAR FORMULÁRIO COM Background

98 Estilos de Tabela em CSS

DESENHAR MENU ESTILO WINDOWS VISTA

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

CALENDÁRIO AJAX PARA CAMPO DE FORMULÁRIO

SCRIPT PARA MOSTRAR FOTOS COM TRANSIÇÃO

EXEMPLO DE FORMULÁRIO EM CSS FÁCIL

+300 Texturas e Pincéis estilo antigo July 3

10 MELHORES TIPOGRAFIAS EM CSS

GALERIA DE IMAGENS COM MOOTOOLS

MAIS DE 100 Layer Styles para Fireworks

Demo
http://www.fusioncharts.com/Demos/ScatterReturn/Default.html
Download
http://www.fusioncharts.com/Downloads/Demos/ScatterReturn.zip