O HTML5 continua a se fortalecer, com mais sites migrando para o novo padrão que traz conteúdo multimídia para a Web sem a necessidade de plugins como o Adobe Flash. Essa maldita coisa está morta ainda? Infelizmente não, mas a necessidade disso está sendo lentamente removida. E não antes do tempo.
Embora o HTML5 esteja longe de ser onipresente neste momento, um número cada vez maior de websites o está usando e de maneiras cada vez mais inventivas e impressionantes. O que segue são cinco coisas divertidas para fazer com o HTML5, e tudo que você precisa é de um navegador compatível; as versões mais recentes do Chrome, Firefox, Safari, Opera e Internet Explorer, por exemplo.
Ouça ... O Teclado Racional
O Rational Keyboard é um aplicativo da Web HTML5 de Fritz Obermeyer. É composto por um fabricante de melodias que toca constantemente uma harmonia, com o usuário capaz de alterar a nota na qual a harmonia é baseada.
As notas mudam constantemente e mudam de tamanho para manter a música tocando de uma maneira agradável. Até o som falha, em que ponto você é aconselhado a pausar o teclado para redefini-lo.
Existem quatro instrumentos diferentes apresentados, embora mudá-los apenas muda o visual, não o som. Dito isto, 'Wedges' funcionou melhor para mim, oferecendo uma interface simples que resultou em reprodução sem problemas.
O código-fonte do The Rational Keyboard está disponível no GitHub, enquanto o codificador de áudio pode ser utilizado em outros aplicativos.
Ensine… o teste de dois minutos
O Teste de Dois Minutos faz exatamente o que você espera: fazer várias perguntas para testar seu conhecimento geral e nível de inteligência. O objetivo final é ver se você tem as habilidades básicas necessárias para se tornar um professor.
As perguntas são todas apresentadas em um formato visual agradável, com números flutuantes, representações dos planetas no Sistema Solar. Conheça o Universo com esses incríveis sites de Astronomia. Conheça o Universo com esses incríveis sites de Astronomia. Muito poucos de nós são propensos a jamais chegará ao espaço exterior, a menos que os vários empreendimentos turísticos espaciais se tornem sucessos comuns. Mesmo assim, o preço de voar para o espaço será tão alto ... Leia mais e respostas que podem ser arrastadas para o lugar.
Você começa com 100 pontos em 100 pontos, com sua pontuação caindo conforme você comete erros. E, a menos que você seja Stephen Hawking ou outro desses cientistas populares. Tweeting Conhecimento às massas: 8 cientistas populares no Twitter Tweeting Conhecimento às massas: 8 cientistas populares no Twitter Ao pensar em cientistas, você não pensaria necessariamente no Twitter como sendo seu principal meio de comunicação com o mundo mais amplo. E essa suposição seria um pouco correta. No entanto, há um número saudável de ... Leia mais, você vai cometer erros.
Existem apenas seis tarefas para completar, mas, então, é apenas um teste de dois minutos. Se demorar mais do que dois minutos, então, bem, eu não aconselharia a candidatar-se a juntar-se à Mensa em breve.
Manipule ... Catifier
Catifier tem uma premissa muito simples em sua essência, e em uma época em que os gatos parecem ser algum tipo de mercadoria comercializável nos InterWebs, é uma ferramenta divertida para experimentar. Pelo menos por cinco minutos.
Você é apresentado a uma imagem de amostra que você pode escolher para trocar por uma imagem de sua própria escolha. Tudo o que você precisa é de uma URL, por isso eu consegui aumentar a famosa fotografia na imagem acima com uma fragrância felina.
Para ser sincera, a Catifier não é perfeita. Leva algum tempo para um clique em um dos gatos para registrar, mas um pouco de paciência vê-los, eventualmente, mudou-se para a janela principal pronta para manobrar em posição.
Eu não sei bem por que esse aplicativo da Web em particular não foi melhor utilizado pelos bods no Reddit. Certamente esta é a ferramenta perfeita para criar imagens dignas de pena apresentando gatos, gatos e mais gatos 10 dos melhores Tumblrs gato engraçado para cumprir sua fetiche felino 10 dos melhores Tumblrs gato engraçado para realizar seu fetiche felino É hora de eu vir como um amante de gatos. Eu não posso mais segurar, eu amo as pequenas bolas de pêlo, especialmente minha própria bola de pêlo de alegria que me abraça ... Leia Mais.
Olha ... Gerador Brandon
Brandon Generator, ou The Random Adventures Of Brandon Generator para dar-lhe o título completo, é um conceito intrigante que é parte Web comic, parte animação curta e parte HTML5 experimento.
O conteúdo foi escrito por Edgar Wright (diretor de Hot Fuzz e Shaun Of The Dead ), ilustrado por Tommy Lee Edwards de LucasFilm e narrado por Julian Barratt de The Mighty Boosh .
Há quatro episódios de Brandon Generator ao todo, com o enredo dos episódios posteriores decididos pelo público que interagiu com o conteúdo quando foi carregado pela primeira vez para a Web em 2012.
A Microsoft estava por trás do Brandon Generator, daí a aparência do logotipo do Internet Explorer em todo o site. No entanto, graças ao HTML5, o conteúdo está disponível para visualização em todos os navegadores modernos.
5 +… Demos brilhantes
Shiny Demos pode ser apenas um site, mas oferece uma verdadeira miscelânea de bondade HTML5. Há dezenas de demonstrações do poder do HTML5 em oferta, nenhuma das quais levará mais do que alguns minutos para ser testada.
Os aplicativos utilizam elementos diferentes do HTML5, todos divididos em seções, para que você possa ver facilmente quais são os responsáveis por dar vida a cada aplicativo no seu navegador.
Além dos jogos e exibições interativas de áudio e vídeo, há explicações sobre os vários elementos que compõem o HTML5. Isso poderia oferecer aos desenvolvedores da Web uma maneira de entender o básico.
Shiny Demos deve mantê-lo ocupado por um tempo, e se você for como eu, você vai manter o site marcado para novas tentativas de Inbox Attack e Paranoid . O Shiny Demos foi feito pela Opera Software, mas funcionará em toda a gama de navegadores.
Conclusões
Estes 5 sites representam apenas um pequeno conhecimento dos destinos legais usando a mais recente tecnologia da Web para melhorar nossas vidas / fornecer um meio de aliviar o tédio (excluir conforme apropriado). Nós já vimos impressionantes HTML5 Web Comics 4 Incrivelmente Impressionante HTML5 Web Comics 4 Incrivelmente Impressionante HTML5 Web Comics Aqui estão alguns protótipos que são bons exemplos do que o HTML5 pode fazer para tornar nossa experiência em quadrinhos muito mais envolvente. Este artigo mostra alguns desses esforços iniciais. Enquanto HTML5 pode ou ... Leia mais, impressionantes (e gratuitos) jogos HTML5 5+ jogos HTML5 impressionantes grátis você pode jogar em seu navegador 5+ jogos HTML5 impressionantes grátis você pode jogar em seu navegador HTML5 significa a evolução da linguagem de marcação como nós Sei. Os jogos em Flash já foram a norma em termos de entretenimento baseado em navegador, mas agora graças à natureza poderosa do HTML5, muitos aplicativos da Web, ... Read More e uma seleção de sites que rapidamente fizeram coisas incríveis com o HTML5. Coisas incríveis com HTML5 15 sites que fazem coisas incríveis com HTML5 Leia mais.
O observador especial entre vocês pode ter notado um acróstico à espreita neste artigo. Primeiramente, escolha um amendoim para suas habilidades, então leia meu guia sobre como criar um poema para um ente querido Dê uma ajuda para um Cupido: 4+ Geradores de Poemas Perfeitos para o Dia dos Namorados Dê um Cupido para uma Ajuda: 4+ Geradores de Poemas Perfeitos para Dia dos Namorados A poesia é uma das mais antigas formas de arte, precedendo a alfabetização graças ao seu uso na sociedade pré-histórica. Naquela época, poemas foram usados para ajudar a história contida dentro deles para serem memorizados ... Leia Mais. Claro, não se esqueça de verificar o tutorial oficial do MUO HTML5. Depois disso, volte aqui e poste seus comentários no HTML5, nos sites mencionados acima e em qualquer outra coisa que você possa ter em mente e que se encaixe no assunto.
Crédito de imagem: Yuki Honda