Tag: frontend

  1. 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

  2. Diferença entre $timeout e $interval

    No post que fiz ontem falei sobre como podemos utilizar o $timeout para pedir que uma função seja executada após um tempo: meuApp.controller('AlgumController', function($scope, $timeout) { //Faz uma chamada para FuncaoInutil depois de 3 segundos $timeout(FuncaoInutil, 3000); }); function FuncaoInutil() { console.log("imprime um texto); } Agora, pode ser…

    em frontend angularjs

  3. Como esconder um elemento html após alguns segundos

    (só pra constar: nos exemplos a seguir estou partindo do ponto que tenho o Angular já importado na minha aplicação, omiti esse código por questões de legibilidade) Vamos supor que eu tenha o seguinte formulário para cadastrar um produto: <p ng-show="mensagem.length">{{mensagem}}</p> <…

    em frontend angularjs

  4. Usando configurações de localização no AngularJS

    Vamos dizer que eu queira mostrar o valor de um produto em minha aplicação AngularJS: <span> {{ produto.valor }} </span> Mas pô, esse valor aí é dinheiro. Posso então usar o filtro currency do Angular: <span> {{ produto.valor | currency }} </span> Mas, por padrão…

    em frontend angularjs

  5. Bootstrap Studio: sites responsivos com Bootstrap de forma simples

    Já ouviu falar do Bootstrap Studio? Até então, eu também não. O site dos caras promete uma ferramenta poderosa para criar sites responsivos usando o já conhecido de todos, Bootstrap. Briquei com o demo uns 5 minutos e achei a ideia interessante. Uma licença custa 25 dólares para até 3…

    em frontend css news

  6. voxel.css: uma biblioteca 3d para CSS

    O achado de hoje foi o voxel.css, uma biblioteca CSS que te ajuda a fazer animações 3D bem legais. É legal que como ela usa o Transitions do CSS3, você está usando a aceleração GPU então a performance dos gráficos é bem bacana. Guardei aqui nos meus favoritos para…

    em frontend css news

  7. 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

  8. Quer aprender CSS FlexBox de graça?

    Já ouviu falar de FlexBox? Flexbox é um modelo de box CSS otimizado para design de interfaces. Ele fornece um sistema mais simples de organização de layout, baseando em dois elementos principais: um elemento que será o ponto de início do Flexbox e outro os seus elementos filhos. Um desenvolvedor…

    em frontend css conteudo gratuito news

  9. Eficiência dos seletores CSS

    Quando estamos desenvolvendo uma aplicação, queremos que ela seja rápida, certo? E quando estamos escrevendo código, geralmente sofremos pressão de superiores com relação à prazo para que o negócio saia logo. E infelizmente, muitas vezes trabalhamos apenas pra fazer a coisa funcionar, e não nos preocupamos tanto com boas práticas,…

    em frontend css

  10. A estrutura de um navegador

    Os navegadores em geral são estruturados da seguinte forma: Interface de usuário(User Interface): essa é a interface que nós utilizamos: os menus, a barra de endereços, os botões avançar/voltar/atualizar, etc. Todas as partes do navegador que não faz parte das páginas em si. A engine do navegador(…

    em web frontend

  11. Qual a diferença de back-end e front-end? Client-side e server-side?

    Bom, quando se fala em desenvolvimento web hoje em dia, as pessoas usam muito o termo back-end e front-end. E apesar de se falar muito, vários alunos meus ainda vem perguntar qual a diferença entre os dois. É muito mais simples do que parece. Onde rodam as aplicações web? Quando…

    em carreira frontend backend

  12. Associando várias funções ao mesmo evento no Javascript

    Para selecionar um botão em sua página e associar uma função ao seu clique podemos fazer: document.querySelector('#botao').onclick = function() { //Faz alguma coisa }; Isso é bacana, funciona e tal mas tem um problema: se eu quiser associar outra função à esse mesmo evento eu substituirei a anterior: document.…

    em frontend javascript jquery

  13. Maneiras de se praticar desenvolvimento frontend

    Sempre que estudamos algo novo a melhor coisa a se fazer para validar o aprendizado é praticar. Mas aí vem a pergunta né? O que fazer? Onde/como praticar? No caso específico de front-end a melhor forma de se praticar é fazendo sites. Afinal, é basicamente para isso que o…

    em carreira frontend

  14. 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

  15. 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