Tag: html

  1. 8 jogos cl√°ssicos recriados em Javascript

    Nos √ļltimos anos, Javascript se tornou a queridinha de muitos devs. Alguns gostaram tanto de brincar com ela que decidiram recriar jogos cl√°ssicos usando a linguagem! Separei alguns deles: SimCity Nostalgia total, d√° at√© vontade de jogar de novo! Reposit√≥rio: https://github.com/rage8885/OpenSC2K Command & Conquer Desenvolvido em…

    em html javascript games jogos

  2. A tabela periódica dos elementos HTML

    Semana passada eu fiz um tweet e um post na minha sobre uma tabela peri√≥dica dos elementos HTML que eu encontrei e o pessoal gostou bastante. A tabela, no caso, seria essa aqui: Pra ver numa resolu√ß√£o melhor, clique aqui. Essa tabela foi desenvolvida por um cara chamado Josh Duck,…

    em html frontend css gabs news

  3. Um husky feito em...CSS?!

    Navegando pela internet esses dias, encontrei esse link. Um desenvolvedor conseguiu fazer esse husky animado apenas com HTML e CSS. Muito louco, n√©? Eu, sinceramente n√£o fui a fundo no c√≥digo n√£o. Dei uma olhada bem por cima, mas n√£o tenho habilidades suficientes pra reproduzir algo nem pr√≥ximo disso hahahaha!…

    em html frontend css news

  4. Alterando a validação padrão do HTML5

    No HTML5, se queremos que um campo seja obrigat√≥rio em um formum√°rio, basta adicionarmos o atributo required nele: <form> <input type="text" name="nome" required> <input type="submit"> </form> Se eu tentar fazer submit desse formul√°rio sem preencher o campo que est√°…

    em html frontend javascript validação

  5. As diferentes formas de se representar uma cor no CSS

    Suponhamos que, por alguma raz√£o, eu queira que o fundo dos par√°grafos de minha p√°gina sejam amarelos. Ent√£o, no meu arquivo CSS eu poderia definir o seguinte: p { background-color: yellow; } Estou usando direto o nome da cor, certo? Poderia tamb√©m, se quisesse, usar a nota√ß√£o hexadecimal: p { background-color: #ffff00; } Agora.…

    em html frontend css

  6. Embarcando no mundo front end: configurando meu ambiente

    Como eu postei, resolvi entrar de cabe√ßa e aprender front end de verdade. A primeira coisa que eu fa√ßo quando vou aprender algo novo √© baixar as ferramentas, configurar ambiente e tudo mais. Mas pera! Preciso configurar ambiente pra desenvolver pra escrever c√≥digo html, css e javascript? N√£o! Tudo que…

    em html carreira frontend

  7. Pra que serve esse <meta charset> no meu html?

    J√° abriu um arquivo html e viu essa linha de c√≥digo? <meta charset="utf-8"> Afinal, pra que raios serve isso? A tag meta A tag meta deve estar sempre dentro da tag head e representa v√°rios tipos de metadados. E o que s√£o metadados por!#? S√£o informa√ß√Ķes que…

    em html web

  8. Devo usar id ou name pra identificar meus controles HMTL? Qual a diferença?

    Quando estamos escrevendo c√≥digo HTML, podemos usar os atributos id ou name para identificar nossos controles. <input name="nomeInput"/> <input id="idInput"/> Podemos usar ambos tamb√©m: <input name="nomeInput" id="idInput"/> Mas qual devemos usar? Sempre os dois? S√≥ um? Quando usar name Voc√™…

    em html web

  9. O html pensa que "gabriel" é uma cor. Por quê?

    Fazendo uns testes hoje com Markdown fui inocentemente colar uma cor que eu queria pra um elemento html. S√≥ que no meu ctrl+v por alguma raz√£o que eu n√£o me lembro estava "gabriel" e n√£o acor que eu queria: O que aconteceu? Mesmo "gabriel" n√£o sendo uma cor, a…

    em html web

  10. Pra que serve o DOCTYPE em arquivos HTML

    Desde que comecei a estudar front-end estou aprendendo um monte de coisas que eu n√£o sabia. Vou tentar fazer v√°rios posts curtos sempre que eu achar algo interessante (: DOCTYPE Voc√™ provavelmente j√° abriu um arquivo HTML e viu algo parecido: <!DOCTYPE html> <html> //c√≥digo html aqui…

    em html web

  11. Pra que serve a tag nav e o atributo alt no HTML5?

    Depois de muito tempo, finalmente comecei a estudar front-end no meu tempo live. Sempre soube s√≥ o b√°sico do b√°sico porque em praticamente todos os empregos que tive eu era "programador back-end". Confesso que algumas vezes j√° mexi em html/css sem saber exatamente o que estava fazendo hahahahaha(voc√™…

    em html usabilidade