quarta-feira, 30 de junho de 2010

Ganhe um eCommerce gratuito e fóruns de discussão License Pacote de concrete5!

concrete5 , um sobe-e-vem de fonte aberta sistema de gerenciamento de conteúdo, se ofereceu para dar um leitor de um blog sortudo eCommerce e discussão do pacote de licença forums! O valor total dessas duas licenças é de R $ 145.
Concrete5
Eu vim primeiramente através concrete5 no ano passado, enquanto pesquisava um post sobre os sistemas de gerenciamento de conteúdo, e fiquei muito impressionado, considerando que era um CMS que eu não estava familiarizado. concrete5 é livre e de código aberto, mas se você não quiser baixá-lo e configurá-lo no seu próprio servidor, você também pode hospedar com eles. planos de hospedagem começar em menos de oito dólares por mês e ir até um servidor dedicado para US $ 250 por mês (ensaios disponíveis). Suas contas de hospedagem contam com o apoio, que pode ser especialmente útil quando se usa um CMS, pela primeira vez.
Uma das principais características do concrete5 é a edição contexto , significa que você não precisa ir a um painel ou painel de admin para editar o texto e as imagens no site. Para trabalhar com clientes não-tech-savvy, este pode ser um ótimo recurso.
Concrete5
Outras características notáveis incluem:

  • menus de navegação automática
  • versões Track e comparar as diferenças
  • Gerenciador de arquivos com upload em massa e da manipulação da imagem usando Picnik
  • permissões detalhado - criar grupos de editor, aprovar o conteúdo, e ver uma trilha de auditoria
  • conteúdo Drag-n-Drop
  • Flexível de metadados e URLs vanity de Search Engine Optimization (SEO)
  • Scrapbook permite cópia de conteúdo e funcionalidade de uma parte do seu site para outro
  • Veja mais
O sistema também é bem documentada. Seu site inclui um básico "seção" , que inclui a documentação (inclusive vídeos) sobre os vários recursos e como usar o sistema. Há também um guia do desenvolvedor , que inclui todas as informações necessárias para começar a trabalhar com o CMS.
Concrete5
A comunidade concrete5 parece ser mais ativo com um fórum, conselho de trabalho, e todos os membros da rede localizado no site concrete5

Leia Mais…

Windows 8: Vazam supostas características do novo sistema operacional da Microsoft

Nem bem as pessoas se acostumaram com o Windows 7, um blog de atualidades da Microsoft publicou algumas características do suposto novo sistema operacional, o Windows 8, que vazou na internet. Segundo notícias em vários blogs de tecnologia, o Windows 8 incluiria um software de reconhecimento facial para o usuário. A Microsoft ainda não se pronunciou a respeito do assunto.
Entre as novidades apontadas no Windows 8 está a possibilidade de identificação facial, melhoria na velocidade, compatibilidade com dispositivos de imagens 3D, conexão sem cabo com TV’s e entradas USB 3.0. A previsão de chegada do Windows 8 é para 2012.
Windows 8: Novo sistema operacional da MicrosoftWindows 8

Referências sobre o Windows 8

Abaixo seguem alguns sites com notícias sobre do Windows 8. Em alguns podemos ver fotos e esboços do novo sistema operacional da Microsoft: Windows 8.
Documentos vazados: Windows 8 terá habilidades do Kinect – Gizmodo
Sites especializados já falam em Windows 8 – Terra
Windows 8 News (Em Inglês)
Windows 8 Beta (Em Inglês)
Windows 8 Rumored Features: Your PC, Your Way (Em Inglês)

Leia Mais…

iPhone 4 atinge 1,7 milhões de unidades vendidas do

Apesar das dificuldades já reconhecidas pela Apple, na recepção de sinal de rede, e depois de aconselhar os utilizadores a segurarem o iPhone 4 de forma diferente, eis que mesmo assim o iPhone 4 consegue ...

Leia Mais…

Trick.ly – Encurte endereços na Internet colocando senha


Trick.ly é um serviço web que nos permite encurtar endereços web com possibilidade de adicionar uma senha para que o acesso seja restrito.
Para utilizar Trick.ly, teremos que escrever o endereço que queremos encurtar, adicionar a senha e a dica que será usada se a esquecemos.
Com um sistema de backup que garante a disponibilidade de nossos endereços, é uma boa opção para poder divulgar urls de forma segura e privada.
Link | Trick.ly

Leia Mais…

Vodafone anunciou parceria com Foursquare

A Vodafone Portugal anunciou ontem uma parceria com a Foursquare, o novo fenómeno das redes sociais. No âmbito desta parceria serão disponibilizados e promovidos junto dos Clientes Vodafone, novos serviços móveis de acesso ao Foursquare.   Site móvel ...

Leia Mais…

Os novos domínios .XXX estarão disponíveis em 2011

Muitos já sabem que na Internet são usados domínios para classificar seu conteúdo, existindo assim os .gov, os .org e outros com finalidades específicas.
Na ICANN, estiveram fazendo reuniões durantes estes dias para determinar a criação de um novo domínio de primeira clase, o .XXX.
A ideia é permitir que as empresas dedicadas ao mercado da pornografia possam usar este domínio, permitindo a pais e organizações de diferentes tipos um bloqueio mais simples para evitar o acesso de menores.
Este novo domínio estará disponível nos inícios de 2011, mas ainda não conhecemos os detalhes da data exata.
Em apenas umas semanas já tem mais de 100.000 petições para cadastro, o que indica que a ideia foi bem aceita pelas empresas.

Leia Mais…

weekis – Programação semanal de tarefas


Ainda que existam uma enorme quantidade de opções que podemos usar para gerenciar tarefas pela Internet, poucas são tão simples como a nova weekis.com.
Apenas temos que informar a tarefa que temos que realizar e o dia previsto para sua execução, pudendo movê-la de um dia para outro de forma rápida.
A vantagem que tem é que podemos ver rapidamente todas nossas responsabilidades semanais com possibilidade de ir eliminando as que foram realizadas.
Uma boa opção para amantes do minimalismo.

Leia Mais…

Google já permite indicar mais de um sitemap para um único site


Importante novidade a que publicaram no blog oficial do Google para Webmasters: já podemos indicar ao Google vários arquivos sitemap.xml de um único site, cada um especificando diferentes tipos de conteúdo.
Desta forma poderemos ter um sitemap com imagens, outro com conteúdos geográficos, outro com textos… tudo com a intenção de facilitar ao buscador a obtenção da informação que publicamos.
Os links poderão ser indicados na nossa conta do www.google.com/webmasters, vamos ver agora como se adapta o famoso plugin de wordpress que faz este trabalho na maioria dos que usamos esta plataforma de publicação.

Leia Mais…

Skritter – Para aprender a escrever em chinês e japonês


Já faz mais de um ano que falei do Skritter, uma aplicação de desenho feita para que os usuários pratiquem e aprendam a desenhar símbolos chineses e japoneses.
Hoje me avisam sobre o lançamento de uma nova versão, com mais funcionalidades e com possibilidade de praticar, de forma gratuita, no endereço www.skritter.com/scratchpad.
Para usar a ferramenta tem que escrever o símbolo que representa a frase lateral, com possibilidade de escutar sua pronúncia e guardar as listas para poder usá-las no futuro.

Leia Mais…

MegaShare – Guarde seus arquivos online e ganhe dinheiro


Megashare é um serviço que nos permite subir qualquer arquivo a seus servidores de forma pública ou privada, com possibilidade de introduzir uma senha a qualquer um dos nossos arquivos para que o acesso seja limitado.
Podemos usar seu serviço de forma gratuita e usar seu sistema de benefícios, com o qual poderemos obter até um 70% dos ingressos gerados pela publicidade dos arquivos baixados.
Também implementaram outra função bem interessante para nossos arquivos, permitindo adicionar um endereço web personalizado para cada um deles.
Um serviço excelente para a hospedagem de nossos arquivos pessoais ou de trabalho.
Link | Megashare

Leia Mais…

Drupal Gardens – Para construir sites com Drupal


Drupal Gardens é uma plataforma de criação de sites usando Drupal à qual teve acesso recentemente (ainda está em beta fechada).
Como podem ver na captura, permite, no momento, criar blogs, agendas e páginas para divulgar produtos, permitindo a criação de novos templates e prometendo mais opções prontas no futuro.
Em cada aplicação selecionada poderemos incluir várias funções de forma automática, sem necessidade de brigar muito com o código.
Com um plano gratuito e um aspecto muito simples de entender, é uma nova prova de que com Drupal podem ser feitas maravilhas, como já mostrei no clássico post Coisas que podemos fazer com Drupal.

Leia Mais…

Flipicz – Crie montagens fotográficas com duas imagens semelhantes


Flipicz é uma aplicação que nos permite criar montagens fotográficas para usá-las nas nossas redes sociais.
Basicamente o que faz é juntar duas imagens para criar uma animação, permitindo sincronizar duas fotos parecidas e formar um efeito divertido.
Podem usar a conta do Facebook e compartilhar os resultados rapidamente, sendo muito semelhante aos geradores de gifs animados que já comentei em algumas ocasiões.
Link: Flipicz

Leia Mais…

Aplicativos gratuitos de iPhone para webdesigners

Estava quase escrevendo sobre apperang.com, uma web que paga por instalar aplicações no iPhone e recomendá-las aos amigos, quando um artigo do sixrevisions.com me convenceu para comentar no seu lugar outro tema relacionado como famoso telefone da Apple.
O post comenta 10 aplicações que todo programador e designer tem que ter no iPhone, aqui teixo as 5 opções gratuitas da lista que podem consultar integralmente no sixrevisions.com.

What The Font


Aplicação iPhone do famoso programa que já comentei várias vezes, capaz de reconhecer tipos de letra que aparecem em fotografias ou imagens.

ServersMan


Transforma o iPhone num servidor de arquivos, podendo assim acessar ao conteúdo do telefone desde qualquer computador conectado na Internet.

Web Developer Bible


Tutoriais, referencias e colas de programação de páginas web.

Photoshop.com Mobile App


Básico editor de imagens para iPhone oferecido pela Adobe.

iSEO


Faz uma análise das características SEO de qualquer URL indicada.

Leia Mais…

terça-feira, 29 de junho de 2010

Grupo Galp Energia lança novo site corporativo

site_galp.jpg
O Grupo Galp Energia lançou recentemente o seu novo site corporativo desenvolvido pela Seara.com. Segundo comunicado de imprensa, este site resultou de uma necessidade específica de alinhar a informação disponível com as diversas actividades do Grupo, numa única plataforma online.
Ainda segundo comunicado, o novo site tem um visual mais institucional e está alinhado com a estrutura organizacional da Galp Energia no que respeita às suas unidades de negócio, bem como com áreas de apoio - investidor, media e recrutamento.  A homepage foi construída de forma a oferecer uma perspectiva global da empresa, facilidade de navegação e rapidez na pesquisa de diversos temas através de vários filtros.

Em termos de funcionalidades foram também disponibilizadas ferramentas de pesquisa, nomeadamente para as áreas de produtos, serviços, notícias e eventos.

A interacção com o utilizador será efectuada maioritariamente através de menus laterais e uma barra horizontal que oferece a possibilidade de navegação rápida para as várias unidades de negócio, os produtos e serviços oferecidos e as áreas de apoio referidas anteriormente.

O site mantém o endereço habitual da empresa.

Leia Mais…

Oriflame apresenta novo espaço "Brand Experience"

oriflame.jpg
Para assinalar os 25 anos de actividade em Portugal, a Oriflame  apresentou recentemente o novo espaço Brand Experience, que inclui ilhas experienciais, de contemplação e expositivas, que visa assim privilegiar o contacto com as várias ofertas da marca.
A marca lança ainda o segmento jovem “Dare to be”, que contempla produtos para o rosto, maquilhagem e fragrâncias, para o qual a Oriflame criou uma série de webisodes, disponíveis em www.dare-to-be.net, que retratam o dia-a-dia e peripécias de quatro jovens raparigas (Emma, Dasha, Alisha e Claudia) com personalidades distintas que vão viver para Estocolmo, na Suécia. O primeiro número desta blogonovela está previsto sair no 12º catálogo, a 18 de Agosto, sendo que com cada catálogo será divulgado um novo episódio na internet.

Leia Mais…

SDesignWorld renova identidade corporativa

swdesign.jpg
A agência reformulou toda a sua identidade corporativa, desde o nome ao logótipo, contando igualmente com um novo posicionamento estratégico. O logótipo da agência que agora assume a designação SWDagency, será escolhido através de uma votação no Facebook.
A agência especializada nas áreas de Design, Arquitectura, Multimédia, Publicidade e Eventos, opera no mercado há já 18 anos. Segundo referido em comunicado, com este rebranding, a SWDagency expande também o seu portfólio de serviços apostando ainda mais na área da publicidade, que deverá ser o ponto-chave da nova estratégia da empresa.

A mudança no nome não se pretendia radical e por isso as iniciais foram mantidas. A inclusão da palavra “agency” tem a finalidade de remeter para a vertente de publicidade.

Esta mudança será acompanhada de um novo visual, materializado no logótipo, site e brochura e em toda a linha de comunicação da empresa, sob o mote “atingimos a maioridade”.

De forma a imprimir dinamismo a esta mudança, e aproveitando a entrada da agência nas redes sociais, o novo logótipo da empresa será escolhido através do Facebook. No próximo dia 1 de Julho serão submetidos a votação 4 variantes do logótipo para a nova designação da SWDagency. A votação irá decorrer durante duas semanas, até ao dia 15 de Julho, data em que será lançado o novo site da agência com o logótipo mais votado.

Para João Sarmento, fundador da agência, esta renovação tem como objectivo “promover um novo encontro entre a empresa e o mercado/cliente, apostando numa imagem mais jovial e apelativa, mas mantendo os mesmos valores de sempre: inovação, competência e rigor. Estes são os desafios do nosso dia a dia.”

Leia Mais…

ESPECIAL! – Layout De Revista Com HTML5 E CSS3

Layout De Revista

A enorme quantidade de tutoriais disponíveis demonstrando as possibilidades do CSS 3 transparece a excitação da comunidade em torno do assunto. Todas as possibilidades são exploradas e demonstram como esta nova versão do CSS tem o potencial de mudar a web.
Um problema compartilhado pela maioria dos tutoriais é a restrição no funcionamento do código à ultima versão dos navegadores. O que torna a utilização e implementação do código para uso rotineiro bastante difícil.
Pensando nisso, decidi criar uma página, que apesar de trazer todas as novidades, ainda assim consegue funcionar nos navegadores que ainda não oferecem suporte ao CSS 3 e HTML 5 (IE..).
A disposição dos elementos será feita tendo como base a utilizada pelas revistas, onde o texto é divido em colunas e existem blocos para assuntos relacionados. Será utilizada uma fonte não padrão e adicionados efeitos utilizando apenas CSS. Veja abaixo o resultado final no Firefox 3.6 :
Layout De Revista
Não serão utilizados nem código javascript nem behaviors para que o CSS funcione em todos os navegadores. O principal objetivo deste tutorial é mostrar a aplicação de seletores e propriedades CSS 3 o que limita o funcionamento completo às últimas versões dos navegadores. Claro que haverá um cuidado para que funcione no maior número possível de navegadores, mas apenas o que for possível através do CSS.

O HTML

O único javascript utilizado será para evitar que o layout quebre nos navegadores que não interpretam o HTML 5. No cabeçalho da página será adicionado:





Entre as tags body vai o seguinte código:



    


      

Lorem ipsum

    

    


    

      




          




                


                

                
                

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean odio sem, mattis malesuada, consectetuer eu, ultricies convallis, lacus. Praesent non orci. Donec sagittis metus vel massa. Nulla facilisi. Proin justo. Aenean ac massa. Quisque vel risus. Morbi ipsum. Integer odio eros, dapibus eget, egestas sed, lacinia dictum, nunc. Maecenas pellentesque rhoncus lectus. Nulla facilisi. Pellentesque eget libero et tortor hendrerit venenatis. Aliquam tempus, felis in ornare congue, lacus mi consectetuer risus, sit amet luctus orci nisl at dui. Aenean ligula sem, pretium sed, tincidunt sit amet, accumsan eget, justo. Nam in massa. Cras turpis velit, volutpat eu, vestibulum at, pellentesque vel, dui.
               Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent rutrum malesuada urna. Aliquam sollicitudin. Pellentesque id nisi. Duis in mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ac elit. Etiam posuere venenatis ante. Nunc ullamcorper neque ac justo. Donec id purus. Aenean non enim eget diam aliquam tristique. Mauris pellentesque pulvinar dui. Donec et arcu ut leo laoreet vulputate. Aenean a magna et massa ornare congue. Phasellus a tellus vitae enim ornare laoreet.




       Integer viverra, odio sed sollicitudin malesuada, magna mauris cursus nulla, non ultricies arcu massa in tellus. Duis velit nibh, porttitor non, sodales at, iaculis eget, lectus. Curabitur vitae ante. Mauris dapibus consequat mi. Sed at quam a lacus varius tempus. Phasellus scelerisque suscipit justo. Morbi ac justo eu arcu ornare facilisis. Donec et est. Morbi et lectus. Suspendisse et augue. Vivamus enim eros, condimentum vel, sodales vel, ullamcorper vitae, purus.
          

                    

            Donec non felis quis augue interdum accumsan. Nulla at libero. Nunc ultricies auctor sapien. Praesent quis quam et massa tincidunt luctus. Vivamus nibh. Sed ligula. Nunc non est a augue tempor lacinia. Mauris lectus pede, porta tempus, ultrices sed, dignissim sed, justo. Suspendisse porta. Fusce arcu. Sed vehicula libero a odio.

            


Ut magna urna, tincidunt nec, eleifend sit amet, auctor pretium, nisi. Suspendisse arcu enim, commodo at, facilisis in, feugiat sit amet, quam. Praesent ut lacus. Maecenas sed metus. Nulla sed urna. Donec vitae ipsum quis quam cursus porttitor. Curabitur justo elit, pulvinar eu, condimentum consectetuer, tristique vel, velit. Suspendisse libero massa, scelerisque eget, malesuada ut, ultricies aliquam, neque. Curabitur elementum est sed magna. Morbi enim. Ut dignissim mattis justo. Nunc justo.


                Fusce purus. Curabitur eu ligula. Vestibulum ultricies hendrerit elit. Nulla a metus. Aenean aliquam. Phasellus nec massa. Nullam vehicula neque id magna ornare elementum. Phasellus luctus, lorem non ornare laoreet, ligula elit ultrices metus, vel scelerisque dolor velit nec risus. Ut orci. Nullam luctus, mauris et ultricies mattis, nisi felis auctor dui, sed elementum nisl felis sit amet lectus. Donec mauris odio, condimentum sit amet, semper sed, scelerisque eu, est. Aliquam pellentesque, ipsum id fermentum pretium, augue orci convallis magna, ut vulputate magna est vel enim. Nulla quis est mattis massa scelerisque tristique. Vestibulum id turpis. Proin ultrices. Proin lacinia nisi vehicula nunc. Nullam nec velit nec erat aliquam scelerisque.Aliquam pellentesque, ipsum id fermentum pretium augue orci convallis magna.


  

          


          
            

        


        


        


           imagem

Lorem ipsum é um texto padrão em latim.


          

        


Em design gráfico e editoração, Lorem ipsum é um texto utilizado para preencher o espaço de texto em publicações (jornais, revistas, e websites), com a finalidade de verificar o lay-out, tipografia  e formatação antes de utilizar conteúdo real. Muitas vezes este texto também é utilizado em catálogos de tipografia  para demonstrar textos e títulos  escritos com as fontes.
Lorem ipsum é um texto padrão em latim. Em documentos utilizados para testes, este tipo de texto é utilizado para evitar que as pessoas foquem a atenção no texto e se concentrem nos aspectos visuais. O lorem ipsum simula com razoável fidelidade um texto real, por possuir palavras de diversos tamanhos e sinais de pontuação, permitindo testar também a forma como o texto flui nas caixas e campos de formatação.
Ao contrário da crença popular, Lipsum (Lorem Ipsum abreviado) não é simplesmente um texto qualquer com um monte de letras. Ela tem raízes numa peça clássica da literatura latina de 45 A.C., fazendo com que este famoso texto tenha mais de 2000 anos de idade. Richard McClintock, um professor de Latim na Hampden-Sydney College na Virginia, pesquisou uma das mais obscuras palavras em Latim, "consectetur" , da passagem de Lipsum, e indo a fundo nas citações da literatura clássica descobriu de uma fonte segura que Lipsum vem das seções 1.10.32 e 1.10.33 do "de Finibus Bonorum et Malorum" (Os Extremos do Bem e do Mal) escrito por Cícero em 45 A.C.. Este livro trata da teoria de ética, muito popular durante a Renascença.
      


    

        
        




Sobre as tags HMTL 5 no código: a header define o título da página; a article engloba conteúdo que pode ser isolado da página sem perder o significado; a aside define uma citação; figure indica imagem; figcaption a legenda para a imagem e footer o rodapé com informações adicionais.



Você pode saber mais sobre estas tags acessando a página com os tutorias sobre HTML 5:


Gradiente No Fundo

O fundo do texto terá um gradiente do azul claro para o branco. E vamos fazê-lo sem a necessidade de imagens. Apenas com a propriedade gradient. No código abaixo estão listadas apenas as regras necessárias para o efeito deixando de forma as demais responsáveis pelo posicionamento e outros aspectos.







body{ background:#e8fdff;}



.global-div{

background:-moz-linear-gradient(top, #e8fdff, #fff);

background:-webkit-gradient(linear,left top, left bottom, color-stop(0,#e8fdff), color-stop(.5,#fff));}


O fundo da página será azul claro. A div que contém o texto terá um gradiente no fundo. As regras para o Firefox e Chrome/Safari diferem neste ponto. Na primeira regra, já definimos no nome que é um gradiente linear, ele parte do topo com a cor azul claro e termina na base com a cor branca, tendo como ponto médio subentendido o meio.
Já a regra para o Chrome/Safari, exige mais parâmetros. Você informa que ela será linear a partir do canto esquerdo superior em direção ao esquerdo inferior, com a cor do topo no ponto zero e a cor inferior a partir do meio do gradiente.
Fica como dica esta ferramenta, que pode auxiliar na criação dos gradientes.

A Fonte

No título e primeira letra do texto utilizaremos uma fonte não padrão dos navegadores. A England Hand DB. Mas ao invés de usar uma das tantas soluções de substituição de fonte com flash, javascript ou PHP, vamos utilizar a propriedade CSS @font-face.
Será preciso importar fonte no formato TrueType e OpenType que funciona na maioria dos navegadores e Embedded OpenType para o Internet Explorer. Um tanto de trabalho…
Mas para nossa sorte, existe um website fantástico chamado Font Squirrel que disponibiliza fontes grátis para uso comercial em pacotes prontos para utilizar com a @font-face. Siga os passos:
  • Acesse Font Squirrel;
  • Digite no campo de pesquisa à direita superior “england” e mande pesquisar;
  • Clique sobre a fonte England Hand DB para ser levado à página dela. Nesta página faça o download clicando no link “@font-face kit”;
  • Salve na pasta da página que estamos criando renomeando a pasta descompactada para “fonte” e deixe ela na raiz do website.
Veja na pasta “fonte” que temos todos os formatos necessários. Tem também um arquivo do tipo folha de estilo chamado “stylesheet.css”. Abra o arquivo. No conteúdo temos as linhas:




@font-face {

  font-family: 'EnglandHandDBRegular';

  src: url('england-webfont.eot');

  src: local('☺'), url('england-webfont.woff') format('woff'), url('england-webfont.ttf') format('truetype'), url('england-webfont.svg#webfont') format('svg');

  font-weight: normal;

  font-style: normal;

}


Copie tudo e cole no arquivo CSS que vamos trabalhar.
Na propriedade ‘font-family’ definimos como vamos os referir a fonte no decorrer do código. Mude de ‘EnglandHandDBRegular’ para somente ‘England’. Desta maneira fica mais fácil de trabalhar.
Na linha seguinte inicia a busca pela fonte que será implementada. Primeiro é pesquisada a fonte ‘.eot’ para que funcione no Internet Explorer. Depois é feita a busca no próprio computador do usuário. Substitua o smile pelo nome completo da fonte ‘EnglandHandDBRegular’. Não encontrando no computador do usuário, é importada a fonte no formato ‘woff’, um formato aberto para uso na internet. Em seguida buscada a fonte nos formatos TrueType e SVG se nenhum dos anteriores funcionar.
Como os arquivos estão dentro da pasta ‘fonte’, precisamos alterar o caminho. Este trecho alterado na nossa folha de estilo fica:




@font-face {

  font-family: 'England';

  src: url('fonte/england-webfont.eot');

  src: local('EnglandHandDBRegular'), url('fonte/england-webfont.woff') format('woff'), url('fonte/england-webfont.ttf') format('truetype'), url('fonte/england-webfont.svg#webfont') format('svg');

  font-weight: bold;

  font-style: normal;

}


O Título E Primeira Letra

Com a fonte configurada, podemos utilizá-la na estilização do título do texto.




h1{

font: 12em England;

color:#ffae00;

text-align:center;

margin:-20px 0 8px 0;

text-shadow:3px 2px 0 #d2eef1;

-webkit-transition:color .5s ease-out;

transition-property:color .5s ease-out;}



h1:hover{

color:#d2eef1;

text-shadow:3px 2px 0 #ffae00;

-webkit-transition-property:color .5s ease-out;

transition-property:color .5s ease-out;}



header{display:block;}


Por ser uma fonte script, a England funciona melhor com a fonte em tamanho grande. Merece menção o text-shadow que cria uma sombra levemente mais escura que o fundo. A transição, grande estrela do CSS 3, funciona somente no Chrome e Safari. Nesta linha, é definida que a propriedade cor, se for diferente da amarela, vai retornar a ela em meio segundo; mais rapidamente quando chegar ao final do efeito (ease-out).
No estado :hover ocorre apenas a inversão das cores do texto e da sombra. Também com efeito.
A tag header é definida como elemento de bloco para ocupar toda a extensão superior da página.
Para capitular a primeira letra do texto vamos utilizar uma soma de seletores para evitar a utilização de marcação desnecessária.




.esq-div p:first-of-type:first-letter{

font-family:England;

font-size:600%;

margin:10px 30px 0 0;

float:left;}


Lendo de trás para frente selecionamos a primeira letra(first-letter) do primeiro elemento parágrafo (first-of-type) existente dentro da ‘esq-div’.
A fonte será England e 600 por cento maior que o restante do texto. Para encaixar entre as três primeiras linhas é flutuada à esquerda.

O Texto Em Colunas

Com o CSS 3 podemos facilmente dividir o texto em quantas colunas quisermos, ainda definindo a distancia entre elas e o divisor.




.esq-div > p:not(:nth-child(2)){

-webkit-column-count: 2;

-webkit-column-gap: 30px; >

-moz-column-count: 2;

-moz-column-gap: 30px;

column-count: 2;

column-gap: 30px;}



.esq-div p:nth-child(2){margin-bottom:15px;}


Na nossa página, o primeiro parágrafo não será divido para que a citação fique mais bem encaixada. Então temos que excluí-lo da seleção. Mais uma vez fica mais fácil entender lendo os seletores de trás para frente. Exceto (:not) os dois primeiros parágrafos(:nth-child(2)) pertencem à ‘esq-div’, todos os outros serão divididos em duas colunas distantes 30 pixels uma da outra.
Na regra seguinte selecionamos o primeiro parágrafo para aplicar uma margem inferior de forma a distanciá-lo do restante do texto e melhorar o resultado final.

A Citação

O primeiro parágrafo esta corrido, enquanto o restante do texto esta dividido em duas colunas. Agora vamos encaixar a citação.




.citacao{

width:150px;

height:150px;

padding:30px;

position:relative;

float:right;

margin:5px;

background:#ffae00;

-moz-border-radius:150px;

-webkit-border-radius:150px;

border-radius:150px;

-moz-box-shadow:3px 3px 0 #d2eef1;

-webkit-box-shadow:3px 3px 0 #d2eef1;

box-shadow:3px 3px 0 #d2eef1;

}



.citacao:hover{

-webkit-transform:rotate(-15deg) scale(1.2);

-moz-transform:rotate(-15deg) scale(1.2);

transform:rotate(-15deg) scale(1.2);

z-index:900;

-webkit-box-shadow:0 0 5px #999;

-moz-box-shadow:0 0 5px #999;

box-shadow:0 0 5px #999;}



.citacao blockquote{

text-align:center;

font:bold italic 2.3em "Times New Roman", Times, serif;

line-height:1.4em; }



.citacao blockquote:before, .citacao blockquote:after{

content:'\201C';

display:block;

margin:0 0 -20px 0;

font-size:3em;

color:#cb8a00;

text-align:left;}



.citacao blockquote:after{

content:'\201D';

margin:0 5px -5px 0;

text-align:right;}


Para que a div fique redonda é necessário que tanto a largura quanto a altura sejam do mesmo tamanho. O arredondamento das bordas por sua vez será igual a largura ou altura dela. Uma sombra na mesma direção e cor da aplicada no título adiciona um leve efeito e assegura a integridade.
Quando o mouse pousar sobre esta div, ela vai ‘pular’, aumentando de tamanho. Para isso é utilizada a propriedade transform. No efeito, existe a rotação anti-horária em 15 graus negativos com o leve aumento do bloco. Para tornar o efeito mais verossímil, a sombra é alterada do azul claro chapado para um cinza com bastante difusão. O elemento também é trazido para a frente de todos os outros com o z-index.
As aspas em torno do texto são inseridas utilizando os pseudo-elementos :after e :before. Na propriedade content é definido o conteúdo a ser adicionado. Não são utilizados os valores “open-quote” e” close-quote” porque o Chrome/Safari não interpretam. Então usamos os caracteres unicode correspondentes.

Caixa De Texto

A exemplo das matérias de uma revista ou jornal foi adicionada uma caixa de texto na lateral com informações ligadas ao texto principal.




.dir-div{

position:relative;

float:left;

width:280px;

height:auto;

background:#fff;

padding:10px;

-moz-box-shadow:0 0 7px #ccc;

-webkit-box-shadow:0 0 7px #ccc;

box-shadow:0 0 7px #ccc;

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;}


Além das propriedades habituais para definir largura, posicionamento e espaçamento, foram adicionadas mais algumas para melhorar a aparência. Uma sombra bem difusa, mas com um cinza claro destaca a caixa. Os cantos arredondados tornam o design mais agradável.
Mais uma vez além da propriedade normal, é necessário adicionar os prefixos referentes aos navegadores.
O texto da caixa é um pouco menor que o da matéria além de ter a primeira linha mais destacada.




.dir-div p{font-size:1.2em;}



.dir-div p:first-of-type:first-line{font-weight:bold; }



.dir-div p:not(:last-child){margin-bottom:10px;}


Primeiro o tamanho do texto é reduzido. E começam os seletores CSS 3. Iniciamos os trabalhos procurando pela primeira linha do primeiro parágrafo deste texto para finalmente adicionar negrito. É adicionada margem entre os parágrafos para tornar a leitura mais agradável, exceto o último parágrafo para evitar espaço excessivo em relação à borda.

Legenda Para A Imagem

Quando o mouse pousar sobre a imagem, será mostrada uma legenda na parte superior da imagem. Mas primeiro vamos relembrar a estrutura HTML desta parte.




        


           imagem

                


Lorem ipsum é um texto padrão em latim.

              
          

        



A tag figure informa que o conteúdo é uma imagem (…) enquanto a figcaption serve justamente para ser uma legenda da imagem.




  .dir-div img{

  border:2px solid #c7b3a0;  

  margin-bottom:10px;

  position:relative;

  float:left; }



  figcaption{

  display:none;

  font:1.2em Arial, Helvetica, sans-serif;

  background-color:#fff;

  background-color:rgba(255,255,255,0.8);

  border:2px solid #eaeaea;

  position:absolute;

  top:10px;

  width:90%;

  padding:3px;

  text-align:center;

  border-bottom:1px solid #fff;

  text-shadow:0 0 1px #999;}



  .dir-div img:hover + figcaption{

  display:block;

  z-index:500; }


A propriedade chave na estilização do elemento imagem é o posicionamento relativo. Com isso ela se torna o ponto de referência para a legenda.
E falando na legenda, a principio ela não é mostrada graças ao display:none. Por que dois background-color? O primeiro vale para o IE, que não entende o RGBA. Definindo a cor do plano de fundo com o RGBA permite a você definir transparência, representada pelo canal Alpha do nome. A legenda é posicionada absolutamente em relação à imagem e o texto tem uma sombra para melhorar o contraste.
Agora vamos fazer com que ela apareça. Isso ocorre quando o mouse pousar sobre (:hover) a imagem. Isso acontencendo o figcaption adjacente será mostrado com o display:block e posicionado acima dos outros elementos com o z-index.

Rodapé

O HTML 5 tem uma tag especial para englobar informações adicionais, como por exemplo o autor, comentários. É a footer. Vamos estiliza-la para finalizar a página.




footer{

display:block;

float:left;

width:100%;

background:#ffae00;

margin-top:10px;

padding:5px;

text-align:center; }


Pelo que nós já vimos o bloco ocupa toda a extensão disponível com o texto centralizado e bem espaçado.

Leia Mais…

Optimize O Anchor Text Para O Google

O Que É O Anchor Text?

anchor textVamos explicar o que é o anchor text, para os leitores que não sabem HTML. Observe este link:
Aprenda A Optimizar A Tag Title Para O Google
Quer ver o código HTML deste link? Não é complicado. O HTML usa tags e depois cada tag tem atributos. Para criar um link, utilizamos a tag a. Veja o exemplo em HTML:


http://www.webmaster.pt/tag-title-google-5649.html">Aprenda A Optimizar A Tag Title Para O Google
Temos a tag a no início e no fim. Você não consegue criar um link em HTML sem o atributo href. Mas, vamos simplificar isto para que você analise a tag de abertura a e a tag de fecho a do link.



Na tag de abertura a, declaramos os respectivos atributos. É necessário informar o url para onde estamos a linkar e isso é feito com o atributo href. Mais abaixo vamos analisar os atributos nofollow e title.
O anchor text é o texto que colocamos no meio da tag de abertura a e da tag de fecho a. E, no resultado final, quando olhamos para um link publicado num website, aquilo que vemos é o anchor text. No exemplo dado, o anchor text é Aprenda A Optimizar A Tag Title Para O Google. Não vemos o código HTML. Apenas o anchor text.

A Importância Do Anchor Text

Já viu placas de sinalização duma saída de emergência num edifício? O texto nesse sinal é descritivo: “SAÍDA”. Se você estiver a fugir dum incêndio, não vai ignorar a palavra “SAÍDA”, certo? Claro que não. E, ao seguir a direcção para onde aponta a palavra “SAÍDA”, qual é a sua expectativa? Encontrar a saída do edifício.
Já esteve num hospital com uma sinalização bem organizada? Você chega a um cruzamento de corredores e aparece uma placa com setas a indicar que o Serviço De Medicina Interna é para a direita e o Serviço De Pequenas Cirurgias é para a Esquerda. Fácil de entender, certo? Seria mais complicado se aparecesse SMI para a direita e SPC para a esquerda. Com uma sinalização tão fraca, você corria o risco de visitar a Morgue do Hospital e de ficar traumatizado para o resto da sua vida…
Um link é um sinal de direcção. Você aponta o visitante na direcção doutra página ou doutro site. E, se não for descritivo, ninguém vai clicar no link. É claro que você pode ser descritivo no parágrafo e colocar as palavras “clique aqui” no anchor text do link. Veja só:
Escrevi um artigo sobre a optimização da tag title para os motores de busca. Se quiser ler, clique aqui.
É descritivo. O visitante compreende o que vai encontrar na página para onde o link aponta. Mas, o Google não é inteligente. É um programa. E, sem prejuízo da evolução na compreensão do significado, na busca semântica, o Google ainda trabalha muito com as palavras que encontra em determinadas tags de HTML. E, para perceber o assunto duma determinada página, para indexar essa página nos resultados da pesquisa de determinadas palavras, atribui uma importância muito grande ao anchor text. Ou seja, o Google olha como especial atenção para o conjunto de links que apontam para uma determinada página e para as palavras que encontra no anchor text desses links.
A página do Adobe Reader não tem as palavras “click here” no título ou no texto da página. No entanto, se você pesquisar click here no google, o primeiro resultado é essa página do Adobe Reader. Porquê? Por causa do número de links que apontam para essa página com o anchor text “click here”.
You will need software to read this document in PDF format. To download Adobe Reade, please click here.
Existem tantos links semelhantes a este, para aquela página da Adobe, que o Google posicionou essa página no 1.º lugar para a pesquisa das palavras chave “click here”.
Já entendeu o poder do anchor text? Se você quiser que uma determinada página do seu website fique bem posicionada no Google, na pesquisa das palavras chave “certificação dos programas de facturação” você precisa de links que apontem para essa página e que essa palavras chaves “certificação dos programas de facturação” façam parte do anchor text desses links.
O Matt Cutts

Miserable Failure GoogleBomb

Em 2003, quem procurasse “miserable failure” no Google, encontrava a página da bibliografia do George Bush, na primeira posição, no website da Casa Branca. E obviamente as palavras miserable failure não faziam parte do texto ou de qualquer outro elemento dessa bibliografia.
O posicionamento dessa página no primeiro lugar resultava apenas do número de links que apontavam para essa página com o anchor text “miserable failure”.
Este tipo de SEO, com intenções políticas ou humorísticas, designado GoogleBomb, já não é eficaz, dado que o Google introduziu alterações no seu programa para impedir que o poder do anchor text seja utilizado para fins políticos ou humorísticos. Mas, a bibliografia do George Bush ainda esteve cerca de 2 anos no primeiro lugar para a pesquisa de “miserable failure”. Pessoalmente, acho que era um resultado relevante para a pesquisa daquelas palavras.

Anchor Text E A Optimization On-Site

Por vezes, focamos a nossa atenção apenas nos links externos, doutros websites para o nosso, e esquecemos os links internos, no nosso próprio website. Esses links são nossos. Podemos criá-los quando, como e se quisermos. No seu website, você é o Rei desses links internos. E pode usá-los para melhorar o posicionamento das páginas do seu website nos resultados orgânicos do Google.
Temos que colocar uma frase descritiva com palavras chave, no anchor text desses links, de modo a:
  • Beneficiar os visitantes do nosso website, que passam a ter uma descrição da página de destino do link. E, consequentemente, clicam mais nos links do que em links pobres em termos descritivos. É mais fácil seguir uma sinalização que compreendemos do que uma sinalização confusa ou insuficiente.
  • Ajudar os motores de busca, incluindo o Google, a associar a página de destino às palavras chaves utilizadas no anchor text.
Neste exemplos, 25 Diretórios Portugueses Para Resultados Locais, o Google não deixará de associar a página de destino às palavras chave “diretórios portugueses” + “resultados locais”. E este link, com este anchor text, pode ajuda a página a obter uma posição melhor na pesquisa dessas palavras chave no Google.
Afinal, pensa o Google, pensam os visitantes, pensa você, se eu utilizei essas palavras chaves no anchor text do link, é porque a página de destino é sobre essas palavras chave. Não fazia sentido que eu usasse essas palavras chave e depois a página de destino fosse sobre a Copa Do Mundo de 2010. Por isso, é lógico que o Google valorize as palavras chave que usamos no anchor text dos links internos.

Tamanho Do Anchor Text

É importante saber quantas palavras ou caracteres é que o Google aproveita no anchor text dum link, porque as restantes serão ignoradas. Quando escrevemos um artigo, quem linka para esse artigo normalmente utiliza o título do artigo ou até o url. Se soubermos o limite máximo de palavras ou caracteres que o Google aproveita no anchor texto dum link, podemos tentar colocar as palavras chave mais importantes na parte do título ou url que cabe nesse limite máximo do número de caracteres do anchor text.
No artigo que escrevemos sobre a optimização do tag title, indiquei que o limite máximo do title era cerca de 70 caracteres. Ora, no caso do anchor text, esse limite é cerca de 8 palavras ou 54 caracteres. Sabendo este número, quando você estiver a escrever um título, não deixe de considerar que a parte mais importante do título é as primeiras 8 palavras, ou, se quiser ser mais rigoroso, os primeiros 54 caracteres. Se você quiser optimizar esse artigo para determinadas palavras chave, coloque essas palavras chave nos primeiros 54 caracteres do título.

Penalidades Por Excesso De Optimização

Encontramos este tópico no webmasterworld que aborda o tema do excesso de optimização dos links internos. E aponta números exactos, resultantes de testes realizados. O teste consistia em apontar links de sub páginas para a página principal, com um anchor text rico em palavras chave, usando sempre as mesmas palavras chave e as conclusões foram as seguintes:
  • Ao colocar um link para a página principal, no menu de navegação, sitewide, em cada sub página, usando a mesma palavra chave, verificaram uma queda de 6 páginas nos resultados orgânicos do Google para a pesquisa dessa mesma palavra chave.
  • Ao colocar um link para a página principal, no conteúdo principal, em cada sub página, usando a mesma palavra chave, verificaram um ganho temporário e depois uma queda de 6 páginas nos resultados orgânicos do Google para a pesquisa dessa mesma palavra chave.
  • Ao colocar um link para a página principal, no conteúdo principal, em cada sub página, usando variações da palavra chave, verificaram uma queda de 3 páginas nos resultados orgânicos do Google para a pesquisa dessa mesma palavra chave.
  • Ao colocar um link para a página principal, no conteúdo principal, em 10 sub páginas, usando a mesma palavra chave, verificaram um ganho de posicionamento nos resultados orgânicos do Google para a pesquisa dessa mesma palavra chave. Essas 10 sub páginas foram as primeiras 10 páginas indexadas no google na pesquisa site:omeudominio.com
Trabalhar SEO é trabalhar num laboratório onde é necessário testar ideias. E, por vezes, é necessário usar menos uma determinada técnica para obter melhores resultados. O próprio Matt Cutts aborda o tema do excesso de optimização neste vídeo:

www.youtube.com/watch?v=Bz0KQNPDUoc
Em relação aos links externos, existem soluções para evitar essas penalidades:
  • variar as palavras chave com maior volume de pesquisa no anchor text;
  • utilizar palavras chave com pouco volume de pesquisa nalguns links
  • utilizar palavras não descritivas como “clique aqui” nalguns links
  • utilizar o url ou o nome do domínio ou a marca como anchor text nalguns links
  • utilizar o nome do autor do artigo no anchor text dalguns links
O objectivo é criar um perfil de backlinks que é natural em oposição a um perfil de backlinks que é automático ou artificial. Quase que apetece dizer que o Google valoriza uma evolução neo darwiniana dos backlinks em oposição a uma evolução do tipo intelligent design…
Quem quiser fazer isto com mais rigor e ciência, poderá estudar o perfil de backlinks de vários sites, onde os respectivos autores não fazem SEO, no sentido de andarem a caçar backlinks. Podem recolher informação estatística a respeito desses backlinks, para compreender a evolução dum perfil natural de backlinks. É preciso recolher muita informação, incluindo datas de publicação dos artigos, datas da publicação dos backlinks, evolução no tempo dos backlinks para cada artigo, correlação entre o título dos artigos e o anchor text nos links, variações no anchor text, backlinks de websites relacionados e websites não relacionados, percentagem de links dofollow e nofollow, etc..

Tendências do Anchor Text

Eu acho que este factor de optimização vai continuar a ser um factor relevante durante muito tempo. Mas, no futuro, não terá a força que tem hoje. O Google está a evoluir na compreensão do significado das palavras, dos sinónimos, da associação entre significados e entre significados e temas. Não vai depender tanto do anchor text para indexar uma determinada página nos resultados orgânicos da pesquisa de determinas palavras chave.
E já vemos páginas bem posicionados para determinadas palavras chave, que não possuem um único link para essas páginas, com esses palavras chave no anchor text.
Mas, não ignore este factor de optimização, quer nos links internos do seu website, quer nos links externos para o seu website.

Leia Mais…

DynSite 1.12

O DynSite é um programa bem simples, porém com uma função bem interessante, ele transforma um endereço dinâmico (aleatório) em estático (fixo). Então isso permite que você transforme qualquer computador em algum servidor de jogo, apache, FTP, MySQL entre outros e com uma fácil memorização do endereço.
Pode transformar o IP em estático apenas criando um domínio gratuito em qualquer operador que ofereça, e o programa se encarregará de atualizá-lo automaticamente.

Leia Mais…

Vodafone aposta na rede Foursquare

foursquare_vodafone.jpg
A Vodafone Portugal estabeleceu uma parceria com o Foursquare, uma das redes sociais com maior crescimento em todo o mundo, para passar a disponibilizar o acesso à plataforma no telemóvel.

“A partir de hoje, os clientes da Vodafone podem aceder através dos seus telefones ao site móvel do Foursquare no portal móvel da Vodafone (Meu Portal ou Vodafone live!). O link de acesso ao site móvel do Foursquare poderá também ser obtido através de um SMS gratuito para o número 12345 com o texto ‘4square’”, adianta a operadora.

Brevemente, o Foursquare estará também disponível via App na loja de Apps 360.

"Estamos muito contentes com o desenvolvimento da nossa relação com a Vodafone e vamos continuar a trabalhar para aprofundar a nossa parceria", disse Dennis Crowley, Fundador e CEO do Foursquare.

O Foursquare é uma rede social que incentiva a partilha de informação entre utilizadores sobre os seus locais favoritos, baseando-se na sua localização, e tem sido considerada um fenómeno neste último ano, registando cerca de 15 mil novos utilizadores por dia e mais de um milhão de ‘check-ins’ diários.

O utilizador do Foursquare pode criar novos pontos de interesse e adicionar comentários a locais que já tenham sido criados por outros utilizadores, recebendo pontos e taças pelo seu desempenho. Quantos mais ‘check-ins’ acumular, maior é a probabilidade de o utilizador se tornar ‘mayor’ do local. O Foursquare disponibiliza ainda um quadro de honra, para que o utilizador possa competir com os seus amigos.

O serviço permite publicar a informação de ‘check-in’ nos locais no perfil de cada utilizador no Facebook e no Twitter, bem como definir alertas para saber em tempo real os locais visitados pelos amigos.

Para utilizar o Foursquare (site móvel e apps) aplica-se a tarifa de cada Cliente Vodafone para o acesso à Internet.

Leia Mais…

domingo, 27 de junho de 2010

Festa em 3D

 

É anunciada como a primeira experiência do género em Portugal. Organizada pela Made.Out, esta é mais uma festa de Verão com a música de dança como pano de fundo, mas que vai buscar o seu tema a uma das tecnologias mais "badaladas" do momento: o 3D.

Fazendo justiça ao mote, o site do evento - que acontece no próximo dia 3 de Julho, em Alcobaça - conta com uma versão 3D, a par da 2D.

Neste espaço online é possível confirmar o cartaz e obter informações sobre o tipo de cenário tridimensional preparado. Conte também com outros dados, nomeadamente sobre venda de bilhetes, como chegar ou alojamento. 

Leia Mais…

AVISO DA PSP COM PEDIDO DE ENCAMINHAMENTO ?ui=2&view=att&th=1250e3a321784369&attid=0.1&disp=attd&realattid=ii_1250e3a321784369&zw Cuidado com os ucranianos (?) que estão nos sinais em Braga, Porto, Coimbra, Lisboa - Máfias de Leste. Há dias 10 indivíduos deram um concerto de Musica sinfónica em apoio aos emigrantes de leste no teatro Gil Vicente em Coimbra. Depois de se apagarem as luzes para se dar inicio ao concerto, um deles sacou de uma metralhadora, enquanto os outros faziam a colecta dos bens e dinheiro transportado pelos espectadores. Acabado o trabalho, fugiram pelos bastidores. Alertadas as autoridades, qual não foi o espanto ao saber-se que este grupo tem dado concertos semelhantes noutras cidades de província com o mesmo resultado. Aconteceu na semana passada na Av. Marechal Gomes da Costa no Porto em plena luz do dia. Seriam umas 15:30. Um sujeito ao parar nos semáforos foi abordado por um indivíduo de Leste, daqueles que costumam andar a tocar acordeão ou violino. O indivíduo tinha um ar simpático e abeirou-se dele a tocar o tal acordeão. Ele decidiu dar-lhe 50 cêntimos, abriu o vidro e quando lhe estendeu a mão com a moeda, o indivíduo puxou-a violentamente e apontou-lhe imediatamente uma faca ao pescoço e obrigou-o a dar o telemóvel e a carteira, pondo-se imediatamente em fuga.. Nenhum dos condutores dos carros à volta se apercebeu ou fez qualquer coisa para o ajudar. A vítima dirigiu-se imediatamente a uma esquadra da polícia e contou o sucedido, onde, para espanto dele, foi informado de que já não era a primeira vez que isto acontecia, que já tinham cerca de 10 queixas de igual procedimento. Penso tratar-se de uma rede organizada que também opera em Lisboa, de pedintes profissionais. Se reparar bem, a maior parte deles nem sabe tocar devidamente o instrumento, servindo-se dele como método de abordagem para posteriormente assaltar o incauto condutor. Esta rede também se dedica ao tráfico de crianças e roubo de bebés. Em Espanha já houve algumas queixas que estes indivíduos de Leste roubaram bebés do banco traseiro dos carros. Enquanto um toca ao lado do condutor, um cúmplice vai por trás e rouba a criança, vendendo-as depois para pais que desejem adoptar noutros países. Passem este e-mail ao maior número de amigos e conhecidos e futuramente, tenham cuidado com estes indivíduos. Tranquem sempre as portas e fechem os vidros quando eles se aproximarem e desconfiem do aspecto simpático, pois normalmente são perigosos criminosos.

?ui=2&view=att&th=1250e3a321784369&attid=0.1&disp=attd&realattid=ii_1250e3a321784369&zw


Cuidado com os ucranianos (?) que estão nos sinais em Braga, Porto, Coimbra, Lisboa - Máfias de Leste.

Há dias 10 indivíduos deram um concerto de Musica sinfónica em apoio aos emigrantes de leste no teatro
Gil Vicente em Coimbra.

Depois de se apagarem as luzes para se dar inicio ao concerto, um deles sacou de uma metralhadora, enquanto os outros faziam a colecta dos bens e dinheiro transportado pelos espectadores.

Acabado o trabalho, fugiram pelos bastidores.

Alertadas as autoridades, qual não foi o espanto ao saber-se que este grupo tem dado concertos semelhantes noutras cidades de província com o mesmo resultado. Aconteceu na semana passada na Av. Marechal Gomes da Costa no Porto em plena luz do dia. Seriam umas 15:30. Um sujeito ao parar nos semáforos foi abordado por um indivíduo de Leste, daqueles que costumam andar a tocar acordeão ou violino. O indivíduo tinha um ar simpático e abeirou-se dele a tocar o tal acordeão.

Ele decidiu dar-lhe 50 cêntimos, abriu o vidro e quando lhe estendeu a mão com a moeda, o indivíduo puxou-a violentamente e apontou-lhe imediatamente uma faca ao pescoço e obrigou-o a dar o telemóvel e a carteira, pondo-se imediatamente em fuga.. Nenhum dos condutores dos carros à volta se apercebeu ou fez qualquer coisa para o ajudar.

A vítima dirigiu-se imediatamente a uma esquadra da polícia e contou o sucedido, onde, para espanto dele, foi informado de que já não era a primeira vez que isto acontecia, que já tinham cerca de 10 queixas de igual procedimento.

Penso tratar-se de uma rede organizada que também opera em Lisboa, de pedintes profissionais. Se reparar bem, a maior parte deles nem sabe tocar devidamente o instrumento, servindo-se dele como método de abordagem para posteriormente assaltar o incauto condutor. Esta rede também se dedica ao tráfico de crianças e roubo de bebés.
Em Espanha já houve algumas queixas que estes indivíduos de Leste roubaram bebés do banco traseiro dos carros.

Enquanto um toca ao lado do condutor, um cúmplice vai por trás e rouba a criança, vendendo-as depois para pais que desejem adoptar noutros países. Passem este e-mail ao maior número de amigos e conhecidos e futuramente, tenham cuidado com estes indivíduos.
Tranquem sempre as portas e fechem os vidros quando eles se aproximarem e desconfiem do aspecto simpático, pois normalmente são perigosos criminosos.

Leia Mais…

sábado, 26 de junho de 2010

Poupar espaço em disco desactivando os thumbnails automáticos

Como o espaço em disco num alojamento é limitado todos os métodos que permitam poupar espaço são importantes. Se passarmos esse limite temos de pagar mais por isso é importante tentar ao máximo reduzir os ficheiros que são desnecessários.
O Wordpress sempre que fazemos upload de uma imagem para o servidor vai criar 1 ou 2 thumbnails automáticos dependendo do tamanho original da imagem. Em alguns casos isso é perfeitamente desnecessário, por exemplo aqui no Webvicio não uso os thumbnails e é uma perda de espaço ter isso no alojamento. Se acederem ao vosso alojamento podem procurar os thumbnails nas imagens e vão encontrar algo como imagem150×150.jpg em que os números indicam o tamanho do thumbnail.
Para desactivar a criação automática não é um simples desseleccionar de uma opção. É preciso mexer em mais algumas configurações.
É preciso aceder a “opções -> media” no painel de administração do Wordpress e depois em “Tamanho da Miniatura“, “Tamanho médio” e “Tamanho grande” colocar os valores a 0. De seguida na opção “Recortar a miniatura às dimensões exactas (normalmente as miniaturas são proporcionais)” desactivar a opção.
Deve ficar algo do género:
Opções de Media - WordpressAssim vão conseguir poupar bastantes MB da conta de alojamento.
Tenham em atenção se os thumbnails são necessários ou não antes de desactivar esta opção e de os apagar do alojamento. Alguns temas necessitam dos thumbnails, outros criam os seus próprios thumbnails, verifiquem isso antes de apagar alguma coisa.
Porque não utilizar este espaço que vão libertar para criar um novo projecto?

Leia Mais…

Mercedes-Benz SLS AMG conta com 526HP e é elétrico



15 pics of Mercedes' hot new electric supercar
Quem é que disse que carro elétrico tem que ser estilo Smart? Essa Mercedes-Benz SLS AMG E-cell é um protótipo de 526HP que impoem respeito em sua categoria.  Ele ainda possui farois de LED com sistema Energy-Saving que utiliza a energia de uma bateria de Lithium Polímeros. O protótipo ainda tem o sistema de Wing-Doors que abrem as portas como asas. O carro estará disponível em meros 2013.
Fonte

mercedes benz sls amg e cell prototype doors open Mercedes Benz SLS AMG conta com 526HP e é elétrico
mercedes benz sls amg e cell prototype doors open 2 1277159033 Mercedes Benz SLS AMG conta com 526HP e é elétrico
mercedes benz sls amg e cell prototype instrument Mercedes Benz SLS AMG conta com 526HP e é elétrico
mercedes benz sls amg e cell prototype front three quarter Mercedes Benz SLS AMG conta com 526HP e é elétrico

Leia Mais…

Desinfete seu Celular com o Cell Phone Sanitizer

VIOlight Cell Phone Sanitizer 300x244 Desinfete seu Celular com o Cell Phone SanitizerNós já sabemos que nossos celulares acumulam mais bactérias do que uma tampa de vaso sanitário público. Mais como fazer para limpar essa sujeta toda ? Com o Cell Phone Sanitizer você desinfecta o seu celular com luzes UV, basta coloca-lo no que aparelho e o processo se encerra depois de 3 minutos.
O aparelho custa em média US$50 e também pode desinfectar não somente celulares mais também fones bluetooth e outros gadgets.

Leia Mais…

750 pessoas imitam pixels em uma TV gigante na Korea do Sul


Estudantes do colegial de uma escola na Korea do Sul animando a torcida de um time de futeboll. São 750 estudantes imitamdo pixels vestindo uma jaqueta com diferentes cores na frente e atrás, e ainda a camisa de baixo é outra cor ficando no total 3 cores. Uma ideia muito simples combinada com sincronismo da um efeito de TV gigante sendo cada aluno um pixel.

Leia Mais…

A complexidade do homem e da mulher

ZZ1C6E12FA.jpg

Leia Mais…

Lady Gaga Espalhou-se…

Lady Gaga
A Lady Gaga é a cantora da moda, os miúdos gostam dela, até os mais velhos apreciam as suas músicas, mas os especialistas afirmam que o segredo do seu sucesso deve-se não só à sua sonoridade que fica no ouvido, mas também ao facto de ela não jogar com o baralho todo, ou por outras palavras, por ela ser muito demente…
O meu objectivo com este artigo não é o de compreender esta cantora, até porque tentar perceber o que vai na mente de alguém louco é uma tarefa impossível e arriscamo-nos a ficar nós próprios loucos se insistirmos nela. Nada disso, com este artigo quero apenas reforçar a imagem de que esta senhora realmente ou fuma muito daquela coisa que faz rir, ou quando era mais nova deve ter batido com a cabeça em algum lado…
Lady Gaga 1
Observe com atenção a imagem de cima. O quê que ela tem de errado? Talvez a resposta certa seja tudo, porque uma coisa é ter-se estilo e outra é usar vestuário digno do clube de sodomia ali da esquina. E como se a roupa estranha não fosse o suficiente, veja as botas estupidamente altas que ela tem calçadas…
Lady Gaga Botas
Existem aqui várias questões que devem ser colocadas:
1º- A Lady Gaga é estúpida?
2º- Ela julgava que ia sair assim de casa e não se ia espalhar?
Não tenho dúvidas que das duas uma, ou ela padece de algum tipo de doença mental, ou então ela sabe que se não for muito demente o seu sucesso diminui. O que é certo é que ela coloca o “D” em demente e não se trata de um “D” pequeno, é mesmo um “D” de proporções épicas. Mas voltemos ao assunto do artigo e vejamos o que aconteceu:

1º- Vacilou para a esquerda…

Lady Gaga Queda 1

2º- Vacilou para direita

Lady Gaga Queda 2

3º- E finalmente comeu o chão!

Lady Gaga Queda 3
Tudo isto aconteceu em Inglaterra no aeroporto de Heathrow e foi preciso os seus funcionários ajudarem-na a levantar-se, porque como é óbvio a imbecil não conseguia sozinha porque as botas não deixavam. Se ela aprendeu? Não, o mais certo é continuar a usar este tipo de roupa estúpidas e a dar quedas em locais públicos. Mas de qualquer forma uma queda nunca fez mal a ninguém…..a não ser que se tenha a infelicidade de rebentar a fronha toda….aí sim pode ser um pouco dramática…
Dementia é: a Lady Gaga sem tirar nem pôr…

Leia Mais…

Wrestling Com Anaconda

O wrestling é muito popular aqui em Portugal, graças às transmissões dos combates fingidos da WWE nas nossas televisões. Contudo o wrestling que lhe trago hoje é muito sério, talvez demasiado sério e só alguém com tomates de ferro é que tem coragem para o praticar. Se nunca ouviu falar deste “desporto” então prepare-se para ficar surpreendido…
Já imaginou como seria lutar com uma anaconda com mais de 6 metros numa piscina debaixo de água? Provavelmente nunca imaginou isto, o que até se compreende, porque ninguém bom da cabeça tem este tipo de pensamentos. No entanto, por mais inacreditável que isso possa parecer, dois indivíduos fizeram-no…
Ross Allen e Tom, são pai e filho e os dois mergulharam numa piscina com uma anaconda no interior e foram “brincar” com ela. Ross foi um famoso especialista em répteis que fundou o Instituto De Répteis em Silver Springs na Flórida em Novembro de 1929. Ele sempre foi um apaixonado por estes animais, uma paixão que fez questão de transmitir para o seu filho Tom…

Entre os seus inúmeros feitos encontra-se esta “brincadeira” numa piscina realizada com uma anaconda com mais de seis metros de comprimento. É impressionante como Ross e o seu filho não têm qualquer receio de agarrar a cobra e de a manipular com relativa facilidade. Terão sido muitos anos de treino e um profundo conhecimento destes animais que permitiram aos dois brincar com uma situação em que outra pessoa qualquer teria perdido a vida…
Como se pode ver pelas imagens, pai e filho lutaram com a cobra que não é venenosa mas que pode matar um ser humano enroscando-se à sua volta e apertando-o violentamente. Eu sei que por esta altura, devem existir aqueles leitores que já gritam em alto e bom som “FAKE“, porém para que não restem dúvidas, aqui fica o vídeo deste feito extraordinário…

Leia Mais…

Novo iPhone 4 é impróprio para…canhotos?



iPhone4_camaraO novo e badalado iPhone 4 tem sido o centro das atenções, para o bem e para o mal. No passado, quando da sua versão 3Gs, surgiam por todo o lado rumores de que baterias explodiam. Agora o novo mito urbano é que os canhotos tapam o sinal da antena externa e a chamada cai.

Leia Mais…

Vírus desenvolvidos para iPhones podem afectar iPads


virusO PandaLabs, o laboratório anti-malware da Panda Security, revela que o malware desenvolvido para infectar iPhones pode também comprometer o popular iPad, demonstrando-o num vídeo disponível no blog do PandaLabs em www.pandalabs.com.

Leia Mais…