O Boiler Plate é o modelo profissional HTML/CSS/JS para um site rápido, robusto e preparado para o futuro. Não é um framework, nem prescreve nenhuma filosofia de desenvolvimento, é só uma coleção de truques para fazer seu projeto começar mais rápido e com o pé-direito. Tudo isso baseado em HTML5.
No site pode ser encontrado códigos e muito mais informações sobre este novo modelo:
http://br.html5boilerplate.com/
terça-feira, 29 de março de 2011
Otimize seu site em buscas do Google
Muitas pessoas desejam ter seu site em 1º lugar no ranking de buscas do Google, mas não é colocando apenas a sua página na internet que isso acontece.
Antes de mais nada você precisa ter meta tags bem elaborados com bons keywords e descrições e claro ter visitas.
Além disso você também pode ver a forma que o motor de busca do Google funciona para achar o seu website.
Para isso vá no suporte de webmasters do Google, onde você encontrará um documento sobre SEO (Search Engine Optimization) ou em português, otimização do motor de busca. Desta forma você saberá o que colocar, onde colocar para que o seu site fique melhor rankiado.
Abaixo seguem alguns links importantes:
Suporte do Google para webmasters:
http://www.google.com/support/webmasters/
Link para o pdf sobre SEO do Google:
http://www.google.com/intl/pt-BR/webmasters/docs/guia-otimizacao-para-mecanismos-de-pesquisa-pt-br.pdf
Algumas dicas para webmasters:
http://linuxjay.blogspot.com/2010/09/dez-dicas-para-webmasters.html
O futuro em relação a tags e formatação em HTML5:
http://html5boilerplate.com/
Boa sorte!
Antes de mais nada você precisa ter meta tags bem elaborados com bons keywords e descrições e claro ter visitas.
Além disso você também pode ver a forma que o motor de busca do Google funciona para achar o seu website.
Para isso vá no suporte de webmasters do Google, onde você encontrará um documento sobre SEO (Search Engine Optimization) ou em português, otimização do motor de busca. Desta forma você saberá o que colocar, onde colocar para que o seu site fique melhor rankiado.
Abaixo seguem alguns links importantes:
Suporte do Google para webmasters:
http://www.google.com/support/webmasters/
Link para o pdf sobre SEO do Google:
http://www.google.com/intl/pt-BR/webmasters/docs/guia-otimizacao-para-mecanismos-de-pesquisa-pt-br.pdf
Algumas dicas para webmasters:
http://linuxjay.blogspot.com/2010/09/dez-dicas-para-webmasters.html
O futuro em relação a tags e formatação em HTML5:
http://html5boilerplate.com/
Boa sorte!
Leitura digital vs. leitura em papel
Hoje na sala de aula foi mencionado o quanto é mais difícil ler na tela de computadores, foi então que resolvi pesquisar o porquê desta dificuldade.
Ao ler alguns textos na internet, vi que a leitura digital não é algo tão diferente da leitura comum em papel, isso dependendo do leitor onde a diferença nas leituras pode ser bem imperceptível.
Porém para a maior parte dos usuários a leitura em telas digitais é realmente um pouco mais difícil e isso é completamente normal devido os elementos envolvidos nas duas práticas.
Desde novo, o ser humano utiliza o papel para diversas tarefas, ele entra em contato com o mesmo, seus sentidos participam das atividades como desenho e leitura por exemplo, ele sente o cheiro e a textura do papel e ao mesmo tempo a luz reflete o conteúdo para sua visão. Resumindo, o seu corpo participa da leitura e normalmente há uma boa quantidade de concentração e informação é bem assimilada.
Na leitura digital, vimos uma outra forma de abordagem onde o leitor não está assimilando a leitura da maneira tradicional, é algo frio, virtual!
Um dos principais fatores que dificultam a leitura é o fato da luz não estar sendo refletida e sim emitida para a visão, desta maneira causando desconforto e cansaço para as vistas rapidamente. Outro fator é a distração, a leitura digital normalmente é acompanha de outros agentes, como elementos gráficos em destaque excessivo, programas que necessitam de atenção. Ao utilizar a leitura digital, o usuário tem mais facilidade de fugir de um conteúdo que não o está interessando graças aos outros agentes presentes na sua leitura, isso graças aos agentes distrativos que foram citados.
Um fator de extrema importância é a forma que o conteúdo será exibido, muitos sites possuem background com uma cor que entra em conflito com o texto, como fundos amarelos e fontes azuis, ou background e fontes escuras. O tamanho da fonte e a sua diagramação também influência muito na hora da leitura, um texto bom mal diagramado pode se tornar algo difícil e chato de ler.
A questão da leitura digital é um tópico muito importante pois a cada dia mais o papel está sendo menos utilizado, junto a ele o lápis e a caneta. Como podemos ver, hoje em dia algumas pessoas não conseguem nem ter uma caligrafia adequada devido ao uso em excesso do computador.
Acho que você ter lido todo este post prestando 100% de atenção foi meio difícil né?
Ao ler alguns textos na internet, vi que a leitura digital não é algo tão diferente da leitura comum em papel, isso dependendo do leitor onde a diferença nas leituras pode ser bem imperceptível.
Porém para a maior parte dos usuários a leitura em telas digitais é realmente um pouco mais difícil e isso é completamente normal devido os elementos envolvidos nas duas práticas.
Desde novo, o ser humano utiliza o papel para diversas tarefas, ele entra em contato com o mesmo, seus sentidos participam das atividades como desenho e leitura por exemplo, ele sente o cheiro e a textura do papel e ao mesmo tempo a luz reflete o conteúdo para sua visão. Resumindo, o seu corpo participa da leitura e normalmente há uma boa quantidade de concentração e informação é bem assimilada.
Na leitura digital, vimos uma outra forma de abordagem onde o leitor não está assimilando a leitura da maneira tradicional, é algo frio, virtual!
Um dos principais fatores que dificultam a leitura é o fato da luz não estar sendo refletida e sim emitida para a visão, desta maneira causando desconforto e cansaço para as vistas rapidamente. Outro fator é a distração, a leitura digital normalmente é acompanha de outros agentes, como elementos gráficos em destaque excessivo, programas que necessitam de atenção. Ao utilizar a leitura digital, o usuário tem mais facilidade de fugir de um conteúdo que não o está interessando graças aos outros agentes presentes na sua leitura, isso graças aos agentes distrativos que foram citados.
Um fator de extrema importância é a forma que o conteúdo será exibido, muitos sites possuem background com uma cor que entra em conflito com o texto, como fundos amarelos e fontes azuis, ou background e fontes escuras. O tamanho da fonte e a sua diagramação também influência muito na hora da leitura, um texto bom mal diagramado pode se tornar algo difícil e chato de ler.
A questão da leitura digital é um tópico muito importante pois a cada dia mais o papel está sendo menos utilizado, junto a ele o lápis e a caneta. Como podemos ver, hoje em dia algumas pessoas não conseguem nem ter uma caligrafia adequada devido ao uso em excesso do computador.
Acho que você ter lido todo este post prestando 100% de atenção foi meio difícil né?
quinta-feira, 24 de março de 2011
Instalando Firefox 4 no ubuntu
Para instalar o Firefox 4 no Ubuntu, basta você abrir o terminal e executar os seguintes comandos:
sudo add-apt-repository ppa:ubuntu-mozilla-security/ppa
sudo apt-get update && sudo apt-get upgrade
Depois disso, reinicie seu Firefox.
Caso esteja em inglês, instale português brasileiro com os seguintes links:
Caso seu Firefox seja versão i386:
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/4.0/linux-i686/xpi/pt-BR.xpi
Se a versão for x86_64:
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/4.0/linux-x86_64/xpi/pt-BR.xpi
E depois disso tudo reinicie o Firefox novamente.
sudo add-apt-repository ppa:ubuntu-mozilla-security/ppa
sudo apt-get update && sudo apt-get upgrade
Depois disso, reinicie seu Firefox.
Caso esteja em inglês, instale português brasileiro com os seguintes links:
Caso seu Firefox seja versão i386:
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/4.0/linux-i686/xpi/pt-BR.xpi
Se a versão for x86_64:
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/4.0/linux-x86_64/xpi/pt-BR.xpi
E depois disso tudo reinicie o Firefox novamente.
Web Developer
Descobri mais uma ferramenta para Firefox e Chrome que auxilia os web designers!
Web Developer é capaz de desativar todos os estilos (CSS) de uma página, rastrear erros, destacar elementos, redimensioná-los, desativar javascript etc.
Para mais informações:
Firefox:
https://addons.mozilla.org/en-us/firefox/addon/web-developer/
Chrome:
https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm
Caso estes links não tenham informações necessárias que você procura, existe o site oficial do addon:
http://chrispederick.com/work/web-developer/
Web Developer é capaz de desativar todos os estilos (CSS) de uma página, rastrear erros, destacar elementos, redimensioná-los, desativar javascript etc.
Para mais informações:
Firefox:
https://addons.mozilla.org/en-us/firefox/addon/web-developer/
Chrome:
https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm
Caso estes links não tenham informações necessárias que você procura, existe o site oficial do addon:
http://chrispederick.com/work/web-developer/
domingo, 13 de março de 2011
Conheça o Firebug
Firebug é uma ferramenta/extensão do navegador Firefox que verifica códigos CSS, HTML, DOM, and JavaScript de websites.
Uma excelente ferramenta para desenvolvedores pois consegue identificar erros e elementos da página exibida, tudo isso exibindo seu respectivo código.
O navegador Google Chrome já vem com uma ferramenta semelhante já instalada. Para utilizá-la basta clicar na página com botão direito e escolher a opção inspecionar elemento.
Abaixo o links com mais informações:
https://addons.mozilla.org/pt-br/firefox/addon/firebug/
http://www.google.com/chrome/
Uma excelente ferramenta para desenvolvedores pois consegue identificar erros e elementos da página exibida, tudo isso exibindo seu respectivo código.
O navegador Google Chrome já vem com uma ferramenta semelhante já instalada. Para utilizá-la basta clicar na página com botão direito e escolher a opção inspecionar elemento.
Abaixo o links com mais informações:
https://addons.mozilla.org/pt-br/firefox/addon/firebug/
http://www.google.com/chrome/
Onde criar meu portifolio on-line?
Muitas pessoas querem fazer seus portifólios de forma rápida e gratuita, por isso existem alguns portifólios on-line já feitos onde só basta o cadastro e o preenchimento de conteúdo.
Abaixo está a lista de alguns sites onde você poderá criar seu portifólio gratuitamente e exibir seus trabalhos pela internet :D
. sites já com layout pronto e bastando assim apenas preencher com conteúdo:
http://portfolio.deviantart.com/
http://cargocollective.com/
http://carbonmade.com/
http://zuinn.com.br/
. álbuns de foto on-line, uma forma rápida e simples
http://www.flickr.com/
http://picasa.google.com/
. blogs, para aqueles que gostam de exibir seus trabalhos, descrições e comentários
http://www.blogger.com/
http://pt-br.wordpress.com/
Agora, escolha o qual você mais se identifica e comece já exibir seus trabalhos, lembrando que muitos serviços que são gratuitos são limitados, como por exemplo número de fotos seções etc, e para aumentar essa quantidade há a possibilidade de pagar um valor específico.
Boa sorte!
Abaixo está a lista de alguns sites onde você poderá criar seu portifólio gratuitamente e exibir seus trabalhos pela internet :D
. sites já com layout pronto e bastando assim apenas preencher com conteúdo:
http://portfolio.deviantart.com/
http://cargocollective.com/
http://carbonmade.com/
http://zuinn.com.br/
. álbuns de foto on-line, uma forma rápida e simples
http://www.flickr.com/
http://picasa.google.com/
. blogs, para aqueles que gostam de exibir seus trabalhos, descrições e comentários
http://www.blogger.com/
http://pt-br.wordpress.com/
Agora, escolha o qual você mais se identifica e comece já exibir seus trabalhos, lembrando que muitos serviços que são gratuitos são limitados, como por exemplo número de fotos seções etc, e para aumentar essa quantidade há a possibilidade de pagar um valor específico.
Boa sorte!
quarta-feira, 2 de março de 2011
Wi-Fi PUC no Ubuntu
Primeiramente você deve baixar o seu respectivo certificado no site oficial da PUC-Rio, que se encontra na seção Aluno > Rede Wi-Fi.
Faça o seu login e então prossiga. Haverá opções de criação de um novo certificado, resgatar senhas etc. Porém o mais importante é você baixar o seu certificado, caso não o tenha, crie.
Ao baixar o certificado, você irá receber um arquivo com extensão .p12. Até ai tudo perfeito agora que chega a parte principal, a configuração do Wi-Fi no Ubuntu.
Conecte-se a rede Wi-Fi PUC como se fosse qualquer outra rede, então abrirá uma janela pedindo login, senha etc. Então você deixa a configuração da seguinte forma:
Segurança sem fio: WPA & WPA2 empresas
Autentificação: TLS
Identidade: mesmo login utilizado para logar nos computadores do RDC.
Certificado CA: (nenhum)
Chave privada: arquivo.p12, o certificado que você baixou.
Senha de chave privada: senha que você definiu ao criar o certificado
Ao dar Conectar, aparecerá um aviso de que não existe certificado de autoridade, então clique em Ignorar.
.
Caso já tenha tentado a conexão posteriormente e a janela de conexão não apareça, existe uma outra forma de se conectar...
Selecione a rede Wi-Fi PUC, caso não apareça a edição de conexão, clique com o botão direito no ícone da rede Wi-Fi e coloque Editar Conexões.
Vá em Segurança sem fio, e então no item segurança escolha a opção WPA & WPA2 empresas, com isso agora só falta escolher o certificado em Chave Privada, e abaixo disso, coloque a senha que você definiu ao criar o certificado.
Não esqueça que sua matrícula deve ser a mesma utilizada nos computadores do RDC, que utiliza o g no lugar do zero e o número final do aluno na matrícula.
Valeu!
Faça o seu login e então prossiga. Haverá opções de criação de um novo certificado, resgatar senhas etc. Porém o mais importante é você baixar o seu certificado, caso não o tenha, crie.
Ao baixar o certificado, você irá receber um arquivo com extensão .p12. Até ai tudo perfeito agora que chega a parte principal, a configuração do Wi-Fi no Ubuntu.
Conecte-se a rede Wi-Fi PUC como se fosse qualquer outra rede, então abrirá uma janela pedindo login, senha etc. Então você deixa a configuração da seguinte forma:
Segurança sem fio: WPA & WPA2 empresas
Autentificação: TLS
Identidade: mesmo login utilizado para logar nos computadores do RDC.
Certificado CA: (nenhum)
Chave privada: arquivo.p12, o certificado que você baixou.
Senha de chave privada: senha que você definiu ao criar o certificado
Ao dar Conectar, aparecerá um aviso de que não existe certificado de autoridade, então clique em Ignorar.
.
Caso já tenha tentado a conexão posteriormente e a janela de conexão não apareça, existe uma outra forma de se conectar...
Selecione a rede Wi-Fi PUC, caso não apareça a edição de conexão, clique com o botão direito no ícone da rede Wi-Fi e coloque Editar Conexões.
Vá em Segurança sem fio, e então no item segurança escolha a opção WPA & WPA2 empresas, com isso agora só falta escolher o certificado em Chave Privada, e abaixo disso, coloque a senha que você definiu ao criar o certificado.
Não esqueça que sua matrícula deve ser a mesma utilizada nos computadores do RDC, que utiliza o g no lugar do zero e o número final do aluno na matrícula.
Valeu!
Assinar:
Postagens (Atom)