O Super-HTML5

Super-HTML5

Ontem tivemos o FLISOL - Festival Latinoamericano de Instalação de Software Livre. Aqui em Arapiraca, já realizamos o evento 3 vezes antes, mas há alguns anos deixamos de fazer. Este ano, graças ao Eduardo Barbosa, tivemos mais uma edição. E nele meu papel foi falar um pouco do HTML 5.

Infelizmente, imprevistos às vezes acontecem e terminei não podendo utilizar a apresentação que havia preparado com Inkscape e Sozi. Por isso, estou publicando aqui a apresentação e alguns links interessantes. Quem esteve na palestra vai perceber que eu terminei cobrindo a apresentação quase toda (e indo além dela).

Na metade dos slides é proposto o desafio de fazer um cronômetro, dando várias dicas. Lá embaixo, neste post, eu publico link para os aplicativos simploes que mostrei ontem, mas se você quer aprender mesmo HTML 5, recomendo que primeiro tente fazer o cronômetro antes de ver o código que eu fiz.

Não deixe de visitar também o Dive into HTML 5. É um excelente livro sobre tudo isso.

CódigoBibliotecasDescrição
Flisol Timer (edit)NenhumaCronômetro com histórico de paradas.
Calculadora (edit)MooToolsCalculadora simples, simulando uma de mesa (sem memória, só as 4 operações).
2048 (edit)NenhumaPuzzle onde você precisa juntar números iguais para dobrá-los até chegar a 2048. Use as setas do teclado.
Demo (edit)BootstrapBarra de Menus suspensos, blocos alternantes e dica suspensa sem esforço.
Demo (edit)ChartJSGráficos de linhas, barras, radar e pizza.
TableQuest (edit)MooToolsTeste de movimentação para RPG tradicional (visão de cima).

Aplicativos Interessantes

  • AppMaker - crie aplicativo web HTML5 sem programar.
  • Code Skulptor - IDE para Python.
  • PDF.js - Visualizador PDF
  • Popcorn Maker - editor de vídeos.
  • WolfBlood - jogo de puzzle.
  • Princess Keeper - Outro jogo simples.
  • Alex, the Allegator - Jogo estilo plataforma.
  • Demo da Snap.SVG
  • Code Combat - Projeto de serious game para ensinar programação.
  • Galaxoid - jogo estilo Galaga usando DOM+JavaScript+CSS.
  • Kid Disco - jogo usando WebGL (threejs).
  • Projetos Bardo WS

  • Chair37 - Controle de tesouraria.
  • Fila Simples - Controle de fila de atendimento (tickets).
  • Jasmim - Livro em formato de aplicativo web móvel.
  • Lancelot - Rolador de Dados e sorteador de coisas.
  • NetSC - Calculadora de endereços de rede.
  • RarEfeitos - Sons diversos.
  • AnexoTamanho
    Arquivo flisol-html5.svg2.1 MB
    Avalie: 
    Average: 5 (2 votes)

    Comentários

    Comentar


    Warning: PHP Startup: Unable to load dynamic library '/opt/php56/lib/php/extensions/no-debug-non-zts-20131226/pdo.so' - /opt/php56/lib/php/extensions/no-debug-non-zts-20131226/pdo.so: cannot open shared object file: No such file or directory in Unknown on line 0

    Warning: PHP Startup: Unable to load dynamic library '/opt/php56/lib/php/extensions/no-debug-non-zts-20131226/pdo_mysql.so' - /opt/php56/lib/php/extensions/no-debug-non-zts-20131226/pdo_mysql.so: cannot open shared object file: No such file or directory in Unknown on line 0

    Warning: PHP Startup: Unable to load dynamic library '/opt/php56/lib/php/extensions/no-debug-non-zts-20131226/php_pdo_odbc.dll' - /opt/php56/lib/php/extensions/no-debug-non-zts-20131226/php_pdo_odbc.dll: cannot open shared object file: No such file or directory in Unknown on line 0