Páginas

quarta-feira, 28 de dezembro de 2011

Linux Mint

Pessoal, tive muitos problemas com o Ubuntu 11.10, e com isso ao pesquisar algumas outras distribuições resolvi testar o Linux Mint, que ultrapassou o Ubuntu em usuários.

Até agora tudo está dando certo, postarei agora novidades e soluções no Linux Mint.

Vale a pena testar!


domingo, 4 de dezembro de 2011

Conheça os melhores websites

Com objetivo de ver quais os recursos melhores utilizados na web hoje, achei este site:

http://101bestwebsites.com/

Ele possui uma boa lista de diversos tipos de site do mundo todo, vale a pena conferir!

Diga não ao Internet Explorer

Todos sabem que o Internet Explorer é o principal inimigo de quem trabalha com web. Desta forma, muitas pessoas estão criando códigos que criam mensagens ao serem rodados no IE...

A versão mais sutíl que achei foi esta aqui:

http://salveaweb.com/


Ele avisará que seu navegador está desatualizado e te dará outras opções.



Servidor web não lê arquivo

Estava fazendo upload de alguns arquivos para meu website e vi que no computador (localmente) ele estava sendo exibido corretamente, porém ao ser jogado no servidor de web ele não estava.

Parece besteira mas ao analisar algumas coisas, vi que a fonte que não estava sendo exibida estava com extensão .TTF (arquivo) e no código HTML estava como .ttf, a diferença era apenas na caixa, ou "case" no caso, e então vi que o servidor era "case sensitive", sensível a tamanhos da caixa de texto. Para solucionar o problema, apenas deixei tudo em minúsculo.

Vale a pena prestar atenção, às vezes um problema é causado por um pequeno descuido.

Como utilizar font-face

Para quem não conhece o font-face é um atributo do CSS que ao ser utilizado faz com que o criador da página use a fonte que ele quiser naturalmente no HTML, desta forma o usuário para visualizar o site nesta determinada fonte deverá baixá-la automaticamente através dos repositórios do site.

Para facilitar o uso deste atributo é bom utilizar este site:

http://www.fontsquirrel.com/

Nele você faz o upload da fonte, define atributos e ao baixar o arquivo compactado vem vários arquivos separados com todos os códigos a serem utilizados.


Indico também este site porque muitos navegadores utilizam diferentes extensões de fonte. O firefox por exemplo utiliza .ttf, já o IE utiliza .eot, e então ao fazer a conversão do ttf para eot pode haver diferenças na tipografia, ou até espaços a mais, no fontsquirrel esta diferença é quase mínima.

Aproveitem!

terça-feira, 8 de novembro de 2011

Próximo mês

Estarei de volta em dezembro com novos posts e tutoriais...

Não esqueci de vocês!

quinta-feira, 8 de setembro de 2011

Novidades

Como podem ver esta semana atualizei o layout do blog, agora há mais espaço para conteúdo e um visual bem mais limpo e legível. Adicionei também uma barra de compartilhamento de conteúdo, desta maneira você pode compartilhar posts em diversos canais sociais.

Gostaria de informar também que estou um pouco afastado dos posts devido a demanda de trabalho que estou tendo, com isso fico sem tempo para postar. Mas pelo visto o blog continua um sucesso, todos os dias recebo diversas visitas.

Para acompanhar meus trabalhos podem visita meu portifolio:

purisco.com


Em breve, postarei algumas novidades.

Novidades Ubuntu 10.11

Estava navegando no gizmodo e me deparei com este post:

http://www.gizmodo.com.br/conteudo/o-que-ha-de-novo-no-beta-do-ubuntu-linux-11-10-%E2%80%9Coneiric-ocelot%E2%80%9D/

Eu não sei porque mas eu ainda não consegui me adaptar com este Unity, mas pelo visto fizeram algumas novas adaptações. Como sempre o novo sempre é estranho e nunca é bem-vindo, mas quem sabe agora está tudo bem melhor do que antes? Vale a pena experimentar pelo visto.

sábado, 11 de junho de 2011

Instalando flash 64 bits no Ubuntu

Muitos usuários do Ubuntu 64 bits possuem problemas com a visualização de flash na web. A solução muitas vezes é a instalação da versão do adobe flash destinado a sistemas 64 bits.

Para isso iremos instalar o adobe flash player 64 bits adicionando um novo repositório no Ubuntu através do terminal.

Para isso, abra o terminal e digite:

sudo add-apt-repository ppa:sevenmachines/flash && sudo apt-get update

Depois de executar este comando, execute o seguinte abaixo:

sudo apt-get install flashplugin64-installer

Pronto agora é só reiniciar seu navegador e aproveitar do novo recurso!

domingo, 5 de junho de 2011

Alterando layout do teclado no Photoshop

Algumas vezes o layout do teclado no Adobe Photoshop está trocado, isso quer dizer que as posições de acentos e alguns símbolos estão trocados.

Para trocar para o layout brasileiro siga as instruções abaixo:

Abra o Photoshop e utilize o atalho no teclado:

alt+shift

Pronto. Simples né?

Abuse sem som

Muitas pessoas ao instalar o jogo Abuse no Ubuntu se deparam com a ausência de som no jogo.

A solução para isso é a instalação de um pacote de som no mesmo.

O nome do pacote é: abuse-sfx

Pode ser encontrado em diversos sites, abaixo está um link para download:

https://launchpad.net/ubuntu/+archive/primary/+files/abuse-sfx_2.00.orig.tar.gz

Após fazer o download do pacote e extraí-lo, você irá instalá-lo da seguinte forma:

Abra o nautilus como root:

sudo nautilus

Jogue a pasta sfx que vêm dentro do pacote baixado no diretório:

/var/games/abuse

Pronto, abra o jogo novamente a aproveite-o com os efeitos sonoros!

Instalando Alien Arena 2011 no Ubuntu

Existem diversas maneiras de instalar o novo Alien Arena no Ubuntu, e neste post irei explicar a maneira mais fácil que achei.

Primeiramente baixe e instale o pacote do play deb:

http://archive.getdeb.net/install_deb/playdeb_0.3-1~getdeb1_all.deb

Após a instalação do mesmo, abra o terminal e digite:

sudo apt-get update

sudo apt-get install alien-arena

Automaticamente o repositório estará atualizado e identificará a nova versão no Alien Arena.

Vale a pena conferir o novo Alien Arena, está com muitas novidades, principalmente na parte gráfica!

Bom jogo!

sexta-feira, 13 de maio de 2011

Trechos do site como descrição no Google

Muitos sites ao aparecerem no resultado de busca do Google possuem em sua descrição trechos do conteúdo da página na web ao invés de utilizar o conteúdo da tag description, que seria o "correto".

Digo "correto" porque nos dias de hoje esta subistituição da descrição é algo normal feito pelo sistema do Google.

Vou explicar melhor, primeiramente, esta zona onde aparece a descrição no Google se chama snippet, e no caso que estamos lidando funciona da seguinte forma:

Caso o conteúdo da página coincida melhor com o que o usuário procura, o conteúdo então será exibido no snippet, também acontece isso caso o conteúdo do descrption seja muito semelhante ao da página ou inexistente.

Para otimização do seu site nas buscas do Google veja o outro tópico:

http://linuxjay.blogspot.com/2011/03/otimize-seu-site-em-buscas-do-google.html

quinta-feira, 12 de maio de 2011

Alien Arena 2011 e outros fps para linux

Esta semana descobri que o jogo Alien Arena foi atualizado completamente com novos modelos, efeitos mapas e muito mais.

Abaixo está um trailler do novo jogo:



Você pode baixar este jogo na central de programas do Ubuntu ou no site oficial do jogo que é:

http://red.planetarena.org/

Lembrando que o jogo é gratuito e roda nas plataformas Windows e Linux.

Outros jogos no mesmo estilo que também merecem uma atenção é:

OpenArena - http://www.openarena.ws/
Urban Terror - http://www.urbanterror.info
Warsow - http://www.warsow.net/
Classic Nexuiz - http://www.nexuiz.com/classic.php
Tremulous - http://tremulous.net/

Lembrando que todos citados aqui são gratuitos e rodam em linux.

Bom jogo!

quinta-feira, 5 de maio de 2011

Veja as estatisticas da internet

Estava procurando mais sobre as estatísticas de uso da internet durante os anos e achei o seguinte site:

http://www.w3counter.com/

Indo para a seção de global stats:
http://www.w3counter.com/globalstats.php

Você consegue ver estatísticas como porcentagem de browsers que estão sendo utilizado, sistemas operacionais de usuários, países que estão na internet e muitos mais.

É interessante pois possuí status de anos passados até 2007.

Vale a pena conferir!

terça-feira, 29 de março de 2011

Conheça o Boiler Plate

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/

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!

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é?

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.

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/

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/

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!

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!

quinta-feira, 3 de fevereiro de 2011

Que resolução deve ter meu website?

Muitos webdesigners ficam em dúvida na hora de escolher a resolução da página de web que estão construindo, porém isso pode variar muito dependendo da situação. Há 2 opções, ou ele determina um tamanho fixo ou então elabora uma página que ocupa 100% da tela do browser.

A grande dúvida fica na hora de definir o tamanho fixo, que na minha opnião deve ser definida através de alguns critérios:

Primeiramente ele deve estudar o público que acessará esta página, por exemplo se são pessoas que estão utilizando celulares, pessoas que possuem monitores grandes ou pessoas com netbooks etc.

Depois de pesquisar isto, ele deve tentar otimizar ao máximo o tamanho do website para servir a estas pessoas e aquelas que também não se encaixam no perfil procurado. Por exemplo, ele vai elaborar uma página para o público que possui netbooks, mas não é por isso que irá fazer uma página voltada 100% para este público sem pensar naqueles que possuem uma tela maior que também podem visualizar o site. Desta forma se ele não pensar nisso, haverá um grande problema de visualização e de uso em relação ao público que possui tais telas maiores.

Então como podemos ver, o grande segredo na minha opinião é estudar o público-alvo, desenvolver uma página funcional e bem estruturada para o mesmo, porém não se esquecendo dos outros usuários ao seu redor que também podem visualizar o site em um outro tipo de configuração.

Para ter uma idéia do que está acontecendo por ai, pesquisei resoluções e estatísticas em uso no momento:

Abaixo estão listados os sites com seus respectivos endereços e "width" (largura) de resolução.



Facebook facebook.com 980px
Yahoo yahoo.com 990px
MSN msn.com 970px
New York Times nytimes.com 970px
Wikipedia wikipedia.com 100%
Web Krunk webkrunk.com 985px
WalMart walmart.com 720px
NFL nfl.com 985px
Best Buy bestbuy.com 790px
Apple apple.com 985px


Abaixo estão as resoluções utilizadas pelos usuários com o passar dos anos:

Data Maior 1024×768 800×600 640×480 ?????
Janeiro 2010 76% 20% 1% 0% 3%
Janeiro 2009 57% 36% 4% 0% 3%
Janeiro 2008 38% 48% 8% 0% 6%
Janeiro 2007 26% 54% 14% 0% 6%
Janeiro 2006 17% 57% 20% 0% 6%
Janeiro 2005 12% 53% 30% 0% 5%
Janeiro 2004 10% 47% 37% 1% 5%
Janeiro 2003 6% 40% 47% 2% 5%
Janeiro 2002 6% 34% 52% 3% 5%
Janeiro 2001 5% 29% 55% 6% 5%
Janeiro 2000 4% 25% 56% 11% 4%

Estas estatísticas podem ser vistas no site do w3schools:

http://www.w3schools.com/browsers/browsers_display.asp

Criando página de erro 404 para websites

Muitos sites possuem diversos códigos e erros quando você digita o endereço errado.

Para isso ser feito, é necessário que o dono do site crie um arquivo chamado .htaccess e que dentro dele haja o tipo do erro e que página irá ser direcionada.

No meu documento .htaccess existe a seguinte linha:

ErrorDocument 404 /404.htm

Desta forma quando houver o erro 404, a página que será exibida será a página 404.htm que eu criei.

Se deseja colocar mais de um erro:

ErrorDocument 404 /pasta/pagina.html
ErrorDocument 403 /pasta/pagina2.html

Abaixo está uma lista bem completa de erros que podem haver durante a navegação de web, e caso você queira, pode criar uma página para cara erro.

100 Continue
101 Switching Protocols
200 OK
201 Created
202 Accepted
203 Non-Authoritative Information
204 No Content
205 Reset Content
206 Partial Content
300 Multiple Choices
301 Moved Permanently
302 Moved Temporarily
303 See Other
304 Not Modified
305 Use Proxy
400 Bad Request
401 Unauthorized
402 Payment Required
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable
407 Proxy Authentication Required
408 Request Time-Out
409 Conflict
410 Gone
411 Length Required
412 Precondition Failed
413 Request Entity Too Large
414 Request-URL Too Large
415 Unsupported Media Type
500 Server Error
501 Not Implemented
502 Bad Gateway
503 Out of Resources
504 Gateway Time-Out
505 HTTP Version not supported

Transferindo arquivos via ssh com scp

Aqueles que trabalham com servidores normalmente necessitam de passar alguns arquivos, porém esta tarefa é difícil quando está distante do servidor.

Para isso existe uma forma de transferência de arquivos através do ssh utilizando o comando scp.

Antes de mostrar como utilizar scp, caso você não esteja por dentro do que seja ou como se utiliza ssh, leia este outro post: http://linuxjay.blogspot.com/2010/03/configurando-ssh-ubuntu-server.html

O scp é um comando que possibilita usuários transferirem arquivos de seus servidores para seus respectivos computadores, de seus computadores para servidores ou até de servidores para servidores. Neste tutorial iremos aprender tudo isso.

Primeiramente é necessário que você esteja conectado via ssh.


.Transferindo do seu pc para o servidor:
Para isso o comando necessário é:

scp exemploarquivo.txt usuariodoservidor@nomedoservidor:/home/diretório/

Mais um exemplo, porém com nomes imbutidos:

scp ~/Downloads/livros.txt usuario@servidor:/Outros

Neste caso transferirei o arquivo livros.txt da pasta Download para a pasta Outros do servidor desejado.

Durante tais transferências sempre é pedido a senha do servidor que irá receber tais arquivos.


.Transferindo do Servidor para seu PC:

scp usuario@servidor:/home/usuario/arquivo.txt /home/seucomputador

Neste caso, o arquivo.txt será transferido do servidor para o diretório do seu computador.


.Transferindo de Servidor para Servidor:

scp nomedoservidor@servidor:/home/usuario/arquivo.txt outronome@outroservidor:/home/outronome/

Neste caso o arquivo.txt está sendo transferido do servidor para outroservidor, e neste o arquivo está indo para a pasta outronome.

Caso você tenha problemas com portas do ssh, você talvez precise especificar a porta na hora das transferências, colocando o prefixo -P. Exemplo:

scp -P XXX exemploarquivo.txt usuariodoservidor@nomedoservidor:/home/diretório/

Neste caso, XXX é a porta que você está utilizando, por exemplo:

scp -P 7801 exemploarquivo.txt usuariodoservidor@nomedoservidor:/home/diretório/

A porta utilizada então é 7801.

Caso queira copiar um diretório inteiro, adicione o prefixo -r, como no exemplo abaixo:

scp -r ~/Downloads/ usuario@servidor:/Outros

Cuidado que o comando scp não avisa quando irá sobrescrever um arquivo ou pasta, ele faz isso automaticamente!

quarta-feira, 2 de fevereiro de 2011

Reiniciando som do ubuntu sem reiniciar sistema

Muitas vezes o som do Ubuntu parou de funcionar do nada... Desta forma eu sempre tinha que reiniciar completamente o sistema inteiro, consequentemente tinha que parar tudo que estava fazendo no momento.

Foi então que descobri um comando que reinicia o som do sistema.

Abra o terminal e digite:

sudo alsa force-reload

Pronto, agora o som deverá estar funcionando!