Decretada a morte do Google Page creator

Noticiado em: sábado, 27 de junho de 2009

Hoje, dia 27 de junho de 2009, fui notificado pelo Google que todos os serviços do Google Page Creator serão cancelados definitivamente.
Até então, mesmo não aceitando novas inscrições, o Google Page Creator, guardava os arquivos de antigas contas.

Mas o aviso já foi dado. Os arquivos contidos na antiga conta serão migrados para o Google Sites. Infelizmente nem todos os arquivos são suportados pelo Google Sites. Principalmente arquivos javascript.

Arquivos CSS, XML, SWF (flash), imagens, arquivos de áudio... São alguns dos arquivos que eu já testei suportados pelo Google Sites.

O conselho que eu dou é não esperar pela migração de seus arquivos pelo Google, pois dessa forma (caso você não tenha um backup de seus arquivos) você poderá perder arquivos importantes.

Para quem usa arquivos javascript – plugin lightbox, emoticons, etc... – aconselho os serviços logo abaixo.

• Ripway 
• Dropbox 
• SkyDrive – Basta ter uma conta no Hotmail.

Com o Dropbox eu não obtive sucesso. O Skydrive eu nunca testei, mas já li relatos de pessoas que usaram e se deram muito bem.

Já com o Ripway eu não tive nenhum problema. Aliás, foi tudo muito fácil. Recomendo esse serviço para as pessoas que usam plugins do tipo Lightbox, pois é bem cômodo e intuitivo usar o serviço Ripway.

Alguns prints logo abaixo para vocês perceberem essa facilidade (clique na imagem para ampliar):

 

 

Várias versões do IE em um único programa: IETester

Noticiado em: sexta-feira, 26 de junho de 2009

Dores de cabeça com versões antigas do Internet Explorer. Isso já se tornou costumeiro entre web designers e programadores.

E com o insucesso do Vista, ainda há muitas pessoas que usam o Windows XP e consequentemente o Internet Explorer 6 (que em vários casos, consegue ser pior que o IE 5.5) que vem junto com o sistema operacional.

Em outro post eu havia mencionado o MultipleIEs. Mas faz um tempo que uso outro programa para testes. Que é o IETester.

As vantagens são muitas em usar o IETester. Ele por exemplo é capaz de simular as várias versões do IE (5.5, 6, 7 e 8 ), tudo em uma janela.

Ainda em fase de desenvolvimento, apresenta um problema parecido que acontece no MultipleIEs relacionado a animações flash no IE6 (olha ele de novo).

Recentemente li em um artigo que a Microsoft venderá novo Windows sem Internet Explorer na Europa. Fico imaginando se isso tivesse sido feito já na época do lançamento do Windows XP. Que maravilha seria o mundo hoje para todos os desenvolvedores web.

Aprendendo WebDesign e Programação – Profissionais em ação (Parte3)

Noticiado em: sexta-feira, 29 de maio de 2009

  Tendo em mente que você está acompanhando os posts - Aprendendo WebDesign e Programação - e já leu a introdução, a primeira e segunda parte da sequência, entro agora então na terceira parte que irá mostrar os profissionais em ação.

  Nesse texto disponibilizarei alguns links de video-aulas (e de alguns podcasts para complementar). Esse material pode ser de grande importância, pois essa é uma maneira de você observar e assimilar diferentes técnicas de diversos profissionais da área. 

  Uma ótima ferramenta para montar o design e layout do seu site é o Fireworks. Vai uma dica? 

Comece o layout com ele, acerte e acrescente detalhes do design com o Photoshop e finalize com o Fireworks.

Vamos à lista de link:

Fireworks:

• MX Studio - Aqui você irá encontrar tutoriais que ensinam técnicas importantes de várias ferramentas do programa de forma simples e bem explicada.

Photoshop:

•  Becck Design - Já escrevi um texto sobre esse site. Clique no link e confira.

Web Standards:

• Becck - (Agora para fazer download de algumas aulas é necessário o preenchimento de um pequeno formulário) Site completo (parte1) | Site completo (parte 2) | Site completo (parte final)

MXMasters -

• Criando um site completo
  

• Tableless - Estruturação de um layout de 3 colunas
  

PodCast

• Guanabara - Técnicas de SEO - Parte 1 | Técnicas de SEO - Parte 2

  Com essa terceira parte eu finalizo a primeira etapa que consiste em aprender o básico da área de webdesign. Pretendo atualizar sempre esses posts com novos links.

 Programação é o próximo assunto a ser abordado. Mas isso ficará para um próximo post.

(E desde já, conto com a ajuda de meus amigos programadores) :)

Até a próxima!

Campanha para eliminar browsers antigos do mercado

Noticiado em: sexta-feira, 20 de março de 2009

Lendo o Blog de meu camarada Lázaro Santos :-), tive conhecimento da campanha que o site IMasters está fazendo desde o começo deste ano de 2009.

A campanha consiste em você inserir um código que alertará a pessoa (com uma barra com opções de navegadores para download) que ele está usando um navegador fora dos padrões atuais da Web.

A idéia é ótima, tanto que já coloquei o código no meu e indico para o site de outras pessoas.

Veja a barra em ação e logo abaixo o artigo retirado do IMasters.

O uso de navegadores desatualizados por parte de alguns internautas faz com que desenvolvedores ainda percam muito em produtividade. Isso porque esses browsers não possuem suporte às funcionalidades e às tecnologias atuais para alcançar seus clientes, limitando soluções e criando dores de cabeça desnecessárias.

Lançado em 2001, o Internet Explorer 6.0 ainda abocanha 35% do mercado de navegadores. Infelizmente, trata-se de um browser que não acompanha o estágio atual da internet, pois apresenta falhas de segurança e limita todo o potencial de uma internet melhor para todos os usuários.

Chamada de Campanha CrossBrowser, a iniciativa visa a excluir navegadores desatualizados do mapa da internet do Brasil.

Para participar, basta inserir o código abaixo em todos os seus sites e de seus clientes. Assim, será exibida uma barra simples, sem marcas, para todo usuário que acessá-los utilizando navegadores desatualizados, que irá orientá-lo para atualizar o seu navegador e falar da importância desta atitude.

Ajude a tornar a internet ainda melhor. Divulgue em seu website a faixa da campanha, avise os amigos e cole o código na sua página:

<script src="http://imasters.uol.com.br/crossbrowser/fonte.js" type="text/javascript"></script>

Espero que tenham gostado da dica (e que transformem o uso dela em um hábito até que não existam mais pessoas usando navegadores ultrapassados).

Aprendendo WebDesign e Programação - CSS (Parte2)

Noticiado em: sexta-feira, 27 de fevereiro de 2009

Seguindo os posts sobre como aprender WebDesign e Programação pela internet, vamos agora ao CSS... Mas antes visite os sites logo abaixo para já ter uma noção do que pode se fazer através dessa técnica:

CSS Zen Garden

Painel com todos os layouts do Zen Garden

E para uma introdução ao assunto, nada melhor que escutar a explicação do mestre e dinossauro das CSS Maurício Samy Silva, a.k.a. Maujor.  :-)

O link logo abaixo irá lhe redirecionar ao Blog do Maujor onde você poderá escutar o Podcast (on-line ou fazendo o download) com uma entrevista com o Maujor feita pela Agência GrifeMídia.

Podcast: Entrevista com o Maujor

Logo abaixo 2 dos principais sites que tratam sobre o assunto com a maior competência e dedicação:

Maujor : Bem... O que dizer sobre o Maujor?

Se você quer realmente aprender CSS não há para onde correr, pois é aqui onde o assunto é tratado em sua forma mais abrangente. Do básico ao avançado, esse site é a parada obrigatória para qualquer desenvolvedor web.

Tableless : Aqui você irá encontrar notícias e novidades sobre tecnologia e principalmente sobre CSS e Web Standards.

Tutoriais e vídeo-aulas fazem parte de seu conteúdo também, bastando somente uma navegada para encontrá-los.

Bem... Existem centenas de Sites/Blog que disponibilizam material sobre esse assunto.

Nestes você encontrará tutoriais e diferentes técnicas de como montar um menu ou como construir um layout.

Para encontrar esses sites, basta ir ao Google e ser feliz!

Como disse o Maujor: “CSS não é uma tecnologia muito fácil, é uma tecnologia fácil”!

Então vamos aos estudos.

Abraço e até o próximo Post! ;-)

Aprendendo WebDesign e Programação - HTML (Parte1)

Noticiado em: terça-feira, 20 de janeiro de 2009

Após uma pequena introdução (feita no post anterior) sobre como aprender WebDesign e Programação pela internet, começo agora de fato - nessa primeira parte - a mostrar onde encontrar alguns bons tutoriais e vídeo aulas.

Começaremos então com HTML. E a primeira dica é:

Esqueçam o Dreamweaver, pois ao contrário do que é dito nos cursos técnicos, ele não ajuda em nada para quem está começando.

Depois de muito navegar procurando por um material a mais sobre HTML, acabei percebendo que o que eu já tinha em mãos era suficiente.

A primeira dica deste post, são as vídeo aulas de HTML do Blog Guanabara.info.

Não tenho dúvida em afirmar que essas são as melhores vídeo aulas sobre o assunto disponíveis na internet.

E todo o código usado nas aulas, é feito no bloco de notas. Na unha, como deve ser feito em qualquer linguagem de programação.

O tempo de cada vídeo aula - que dura em média de 7 a 9 minutos - é muito bem aproveitado devido à clareza e ao dinamismo das explicações do professor Gustavo Guanabara.

Se eu tivesse que destacar algum "problema" seria pelo simples fato das aulas ainda não estarem completas, mas creio que isso não durará por muito tempo. Até porque se trata de um curso ainda recente.

Exemplo logo abaixo do vídeo de inauguração das aulas de HTML do Guanabara.info.

Visitem o Blog para assistir o restante.

Para quem tem pressa e não quer esperar pelas próximas vídeo aulas do Guanabara, basta visitar essas páginas com tutoriais sobre HTML.

 No site HTML.net  você encontrará um tutorial traduzido pelo Maurício Samy Silva, o Maujor.

Lá você terá a noção dos comandos básicos do HTML, e já ter uma noção também de como inserir o CSS (?... Calma, isso será abordado no próximo post) no código HTML.

 O outro site é o Criar Web.com. Mais especificamente na página que trata sobre formulários. Nesse tutorial você saberá o significado de cada tag usada para montar um formulário.

Depois de lido e entendido esse tutorial, você poderá até ganhar um tempo construindo seus formulários no Dreamweaver. :-)

Introdução - Parte 1 - Parte 2 - Parte 3

Então é isso pessoal. Essa foi a primeira parte com dicas sobre como aprender WebDesign e Programação pela internet.

Na próxima aula, CSS.

Aprendendo WebDesign e Programação (Tutoriais – Vídeo Aulas – Dicas)

Noticiado em: sexta-feira, 16 de janeiro de 2009

Com a onda já consolidada da web 2.0, onde qualquer um com o mínimo de conhecimento pode montar um blog, surgem cada vez mais pessoas interessadas nas linguagens voltadas ao desenvolvimento web.

Para quem está começando e tem o real interesse de aprender e trabalhar com isso, minha opinião é que essa pessoa procure um curso técnico. E não digo isso nem pelo aprendizado em si, pois existem pela Net vários cursos e vídeo aulas fantásticas (que é sobre o que se trata esse post, mas aguardem), mas sim pelo networking.

Conhecer pessoas nesse meio, ainda mais para quem está começando é fundamental, pois é a partir daí que irão surgir futuras parcerias e até mesmo propostas de trabalho.

Mas nem tudo é tão simples. Fazer um curso técnico desses não quer dizer que você sairá um expert no assunto. Alguns cursos pecam, não por ensinar técnicas ultrapassadas, e sim por não ensinar as novas. Vai depender só de você correr atrás e se aprofundar mais no assunto.

E um outro porém, e creio que esse é o que mais pega na hora de fazer um curso técnico, são os preços que na maioria das vezes são salgados.

Pretendo então a partir deste post mostrar algumas (ótimas) alternativas que podem ser adotadas por aqueles que têm vontade de aprender essas linguagens, mas que por algum motivo ($$$ :-)) não podem freqüentar um desses cursos técnicos.

No próximo post começo com essas dicas e comentários a respeito de cada site/blog indicados por mim.

Até! ;-)

Google Pages ganha limite de tráfego

Noticiado em: quinta-feira, 8 de janeiro de 2009

Faz um tempo que eu venho tendo certo tipo de problema com o Google Pages. E como em alguns tutoriais eu venho sempre o indicando, me senti então na obrigação de relatar o que vem acontecendo.

O que eu não imaginava é que esse problema já vem de longa data.

Esse artigo logo abaixo, foi publicado pelo Blog Google Discovery em julho de 2007.

O produto Google Pages ganhou um limite de tráfego impossibilitando que possa usar o produto como um sistema de compartilhamento de arquivos, esta limitação também afeta aqueles usuários que possuem um site de fotos online na qual deverá visualizar o bloqueio temporário de seu conteúdo(The bandwidth or page view limit for this site has been exceeded).

Essa limitação vai contra a própria idéia do produto Google Pages, segundo a Central de Ajuda do produto, umas das sugestões de utilização do serviço seria a criação de um álbum online de fotos. Estranho não é?

Update: Segundo Mike, membro da equipe de suporte aos usuários do Google Pages, o Google não fornece até o momento nenhuma informação a respeito do limite de tráfego mas informa que recentemente foi implantado um sistema anti-spam para evitar abusos e outros problemas.

Com isso me sinto “gentilmente” obrigado a migrar de vez para o Google Sites. O problema é que lá ainda não é aceito a hospedagem de certos arquivos! :-(

A notícia é velha, mas o recado foi dado.

Becck Design: Download de video aulas de Photoshop (e muito mais...)

Noticiado em: quinta-feira, 18 de dezembro de 2008

Para quem aprende e pratica Photoshop através de tutoriais e vídeo tutoriais já deve ter percebido alguns problemas.

Para não me alongar comentando cada caso, resolvi somente citá-los:

• Um tutorial sobre um simples efeito no Photoshop requer várias páginas com comentários e dicas. As várias imagens também são necessárias no passo-a-passo;

• Há sempre o risco, para a pessoa que divulga o tutorial, esquecer algum detalhe que atrapalharia no resultado final;

• O problema dos vídeo tutoriais, embora feitos com muita boa vontade, é que são feitos de forma amadora.

Esses são só alguns que eu pude notar, embora acredite que existam mais.

Essa pequena introdução foi necessária, pois agora irei mostrar a vocês uma ótima dica de site (brasileiro) que acabará com grande parte desses problemas. A Becck Design.com.

Na Becck Design você encontrará vídeo tutoriais sobre as várias ferramentas da Adobe, bastando somente preencher um pequeno formulário de cadastro para fazer os downloads.

Confesso que as aulas de webstandards - que hoje foram aposentadas (espero que volte um dia), mas que você ainda pode encontrá-las nos arquivos do site – foram de grande ajuda pra mim logo quando comecei.

Uma atenção especial para as vídeo-aulas de Photoshop comandadas pelo Fábio Beccari que não fica atrás de nenhum tutorial gringo.

Suas aulas costumam ser dinâmicas, e o conhecimento do assunto abordado é confirmado na clareza de suas explicações.

Esses dias eu estava assistindo a uma interessante vídeo-aula sobre os novos recursos do Photoshop Cs4, e digo para vocês que está imperdível...

Faço essa divulgação aqui da Becck Design.com por simplesmente ser um freqüentador assíduo e pelo enorme respeito ao público e ótimos serviços prestados pelo site.

Photoshop: Shapes personalizados para Download

Noticiado em: sexta-feira, 12 de dezembro de 2008

Como o assunto dos últimos posts foi Photoshop, trago até vocês um artigo traduzido do site Smashing Magazine, onde você poderá encontrar 80 conjuntos diferentes de Shapes personalizados (com mais de 2500 perfis individuais) divididos em várias categorias diferentes.

Se você pretende baixar e usar qualquer um desses Shapes, não se esqueça de verificar em termos e condições estabelecidos pelo criador.

Usuários de Photoshop se beneficiam da grande quantidade de recursos de alta qualidade que estão disponíveis gratuitamente para download.

Toda a atenção é voltada para os Brushes, mas os Shapes também são extremamente úteis para várias situações.

Encontrar um Shape já personalizado pode economizar tempo e algumas dores de cabeça na sua concepção e, felizmente, há uma grande variedade de Shapes personalizados disponíveis.

Um dos (vários e ótimos) Shapes a me chamar a atenção foi esse:

Já aproveito para mostrar como deve ser baixado o Shape no Deviant Art:

(clique para ampliar)

Para instalar, basta descomprimir os arquivos zipados e ir ao diretório do Photoshop/Presets/Custom shapes... E colocar os arquivos “.csh” na pasta.

E para ver como é seu Shape recém instalado no Photoshop:

(clique para ampliar)

Agora é só clicar aqui para ir à página com os links e fazer os downloads!

Divirtam-se! :-)

Maujor + Blogger = Conhecimento e Aplicação

Noticiado em: quarta-feira, 12 de novembro de 2008

Observando alguns comentários, percebi que existem dúvidas (algumas delas básicas) sobre a área de WebDesign em geral.

Algumas dessas dúvidas são de pessoas que talvez acabaram de sair de seus cursos técnicos onde aprenderam a construir layouts usando tabela ou tendo uma noção superficial de CSS.

O Blogger é a ferramenta perfeita para essas pessoas e para aquelas que estão aprendendo por conta própria na internet, pois nele você tem a liberdade de mexer no HTML e criar seu próprio CSS. Uma ótima maneira de praticar todo conhecimento já adquirido.

E a fonte quase que obrigatória onde você pode aprender todo esse conhecimento é no site do Maujor.

O site tem como objetivo a divulgação das Web Standards com foco principal nas CSS, na acessibilidade, nas boas práticas de desenvolvimento Web e em traduções de documentos do W3C e de matérias de autores consagrados.

E ainda tem o Blog do Maujor, onde são divulgados tutoriais e novidades sobre CSS, Web Standards e Tableless.

Mas o principal conselho é praticar, não adiantará nada ler livros ou conhecer ótimos sites se você não colocar o que você acabou de aprender em prática. Use e abuse do Blogger.

Mini-curso de PHP

Noticiado em: quarta-feira, 10 de setembro de 2008

Um dos grandes problemas de cursos on-line é a falta de interação entre professor e aluno. Na verdade nessas horas o que se tem é somente o aluno.

Para quem tem facilidade em baixar uma apostila pela internet e aprender por ela... Ok!

Mas que é extremamente chato aprender dessa maneira ninguém pode negar.

Uma boa pedida nessas horas são as vídeo-aulas. Infelizmente achar por uma realmente boa é difícil.

Quando não são muito superficiais, são feitas por pessoas inexperientes (tanto na matéria abordada quanto no fazer a vídeo-aula).

Mas enfim... Essa introdução toda é só para dar uma dica de um mini-curso on-line sobre PHP.

Marcelo Sabadini explica de forma clara e precisa os primeiros passos para você que quer aprender PHP .

Nesse mini-curso você vai aprender desde qual a primeira coisa a se fazer (programas que devem ser instalados em sua máquina) desde comandos básicos do PHP explicados linha por linha.

E o melhor, você terá total liberdade em discutir, opinar ou tirar qualquer dúvida com o professor através dos comentários ou e-mail.

Para conferir basta clicar aqui ou no banner do post.

Várias versões do IE no seu PC

Noticiado em: sábado, 9 de agosto de 2008

Para quem trabalha com desenvolvimento de sites e não quer correr o risco de seu layout aparecer quebrado no navegador de algum ser-humano que ainda use uma versão antiga do Internet Explorer, uma ótima dica é usar o MultipleIEs.
Tudo muito simples. Basta instalar em seu PC, escolher as versões do IE que você vai querer usar para teste e pronto.

Agora a má notícia... Infelizmente o programa só roda no Windows XP.
Para maiores informações e download, basta acessar o site da tredosoft (em inglês).