Galerias – Inspiração para Webdesign »

12jul 2010, às 08:00

Publicado em Inspiração | Deixe o seu comentário (1) »

publicado por: Magno Valdetaro

galerias-webdesign

Html5 Gallery

HTML5 gallery tem por objetivo proncipal promover o uso do HTML 5 por web designers com exemplos de sites reais que já utilizam as novas normas da W3C.

Wireframe Showcase

Em vez de focar só no resultado final a galeria Wireframe Showcase permite visualizar wireframes, protótipos, esboços de um site com opção de discussão. Vale a pena a visita.

koflash

Ótima galeria de sites produzidos totalmente em flash, como opção de compartilhar com twitter, adcionar ao delicious e acrescentar comentários.

A internet móvel está aí e isso não se pode contestar, hoje em dia uma versão móvel do web site é sempre bem vinda. Visite Mobile Awesomeness e conheça pelos exemplos de projetos para dispositivos móveis.

Grid-Based

A quem critique que usar grids limita a criatividade ao criar um layout mas, o uso de grids em um projeto oferece um sentido de ordem sistemática através da colocação e alinnhamento dos elementos de design. Grid Based exibe belos exemplos de sites que empregam este recurso.

CSS Elite

Maravilhosa galerias com dezenas de sites expostos que se utilizam da força do css.

Leia Mais »

Quake 2 em HTML5 »

05mai 2010, às 09:37

Publicado em HTML / CSS HTML5 | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Graças a tecnologias implantadas junto a HTML5 você pode jogar Quake 2 no seu navegador web!

HTML5 ainda é uma tecnologia em desenvolvimento e a cada dia somos apresentados as suas capacidades em uso extremamente avançados, como jogos. Embora a HTML5 seja ainda uma criança de colo veja um Exemplo do que já está sendo desenvolvido com ela.

Se você é um Jogador (Gamer) das antigas ou nem tão das antigas assim, com certeza já ouviu falar ou jogou Quake 2, que junto ao DOOM e Castle Wolfenstein, forma o time percurso do jogos em primeira pessoa, como o hoje famoso Call of Duty.

Muito bem, por meio do uso do WebGL, a API Canvas e elementos da HTML5 e mais alguns funcionários da Google. Somos apresentados a um dos melhores exemplos de jogo em browser com HTML5 Já visto. Para joga-lo é necessário realizar o download e alguns passos, siga estas instruções texto está em inglês, mas é simples de seguir.

É necessário o uso do Safari ou Google Chrome, pessoalmente recomendo o Chrome, pois garante uma jogabilidade a 60fps.

Leia Mais »

Sublime Video – Video Player em HTML 5 »

16abr 2010, às 08:26

Publicado em HTML / CSS HTML5 Recursos | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

sublime-video-html5

Sublime Video HTML5 é um player de vídeo que utiliza as vantagens do HTML5 para dispensar o plugin do flash para reprodução de vídeos nos navegadores. Ele suporta modo full-screen com transições de zoom-in/out. Há também controles avançados em um painel que pode ser arrastado.

sublime-video-html5-full-screen

Sublime será lançado em breve para download gratuito, siga @Jilion no twitter para ser noticiados de seu lançamento

Leia Mais »

HTML5 Less Framework »

04mar 2010, às 09:12

Publicado em Framework HTML / CSS | Deixe o seu comentário (1) »

publicado por: Magno Valdetaro

Um poderoso html5 framework para construção de layouts inteligentes para sites com diferentes larguras de telas, essa é a premissa do Less Framework desenvolvido por Joni Korpi e distribuído sobre Creative Commons.

html5-framework

Less Framework é um framework (dã) CSS para construção de layouts para web multi-flexível. Ele contém uma grid de oito colunas otimizado para um line-height de 24px, bem como um conjunto de presets para tipografia com base no número de ouro que se encaixam em ritmo vertical da grid.

Less Framework funciona perfeitamente no Chrome, Safari 3.0+, Firefox 3.0+ e Internet Explores 7+. E se ajusta inteligentemente em uma única coluna em navegadores de dispositivos com tela pequena.

Leia Mais »

Galeria de sites em HTML5 »

24fev 2010, às 08:26

Publicado em HTML / CSS | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

html5 gallery

HTML5 Gallery tem 2 objetivos principais, o primeiro deles é ser uma vitrine para sites que usam HTML5 para marcação da sua estrutura e compreender como as pessoas estão interpretando a nova especificação e como eles as implementaram. Isto leva ao segundo objetivo que é ajudar as pessoas a aprender HTML5 e como ela deve ser utilizada e implementada.

sites-html5

Os idealizador Richard Clark espera com este projeto que os desenvolvedores de navegadores vejam quantas pessoas estão implementando o HTML5 e que assim comecem a adicionar mais suporte em seus motores de renderização de modo que não precisemos mais usar css em elementos que não são realmente necessários e precisar confiar no javascript na criação de elementos.

Você pode seguir @html5gallery para receber atualizações sobre novos sites adicionas à galeria.

Visite os links a seguir e comece seus estudos em HTML5:

Leia Mais »

Emulador de NES em Javascript! »

29out 2009, às 15:40

Publicado em Ajax/Javascript/Jquery | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Agora estou impressionado. Um sujeito chamando Ben Firshman (@bfirsh) criou um emulador batizado de JSNES em javascript (por que?) para rodar jogos do NES, sim o Nintendinho, o famoso console de 8 bits da Nintendo de cartuchos gigantes!

Leia Mais »

Cheat Sheet para Webdesigners »

24set 2009, às 08:56

Publicado em Recursos | Seja o primeiro a comentar (0) »

publicado por: Magno Valdetaro

Posso afirmar que você não lembra de todos os atributos, classes, tags, funções e atalhos que todo desenvolvedor web precisa conhecer no dia a dia, certo ou errado?

É aí que entra uma Cheat Sheet, uma “colinha”, para te ajudar naquele momento em que a memória falhar (tá lembrando do colégio?). A Cheat Sheet é um documento que contém as informações mais básicas sobre um software, linguagem e por aí vai.

Leia Mais »