Boas práticas SASS
Começando … Isso é o que penso e é assim que faço o trabalho. E a dica profissional não é definitiva, é uma espécie de rascunho. Sinta-se à vontade para …
Continuar lendoEtiqueta: front-end
Use as ferramentas de desenvolvimento do Chrome para forçar o estado do elemento (: depuração hover)
Acabei de encontrar isso e pensei em compartilhar, porque isso alivia muitas dores de cabeça com depuração de estilo de pseudoelemento: Abra as ferramentas de desenvolvimento do Chrome Clique com …
Continuar lendoDicas que eu gostaria de saber quando comecei a aprender AngularJS
Font End Development é minha paixão, mas ultimamente está ficando um pouco difícil de acompanhar uma grande enxurrada de coisas novas que vêm todos os dias, então, decidi fazer um …
Continuar lendoOOCSS – Meus 5 mais reutilizados
.tela cheia { largura: 100%; altura: 100%; posição: absoluta; topo: 0; esquerda: 0; } .fillspace { largura: 100%; altura: 100%; } .bbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; dimensionamento …
Continuar lendobuild / chai / continuous integration / deploy / front-end / github pages / grunt / mocha / requirejs / test / travis ci / yeoman
Yeoman + Travis + Páginas Github
Aqui, descreverei como configurar tudo para um novo projeto de front-end usando Yeoman, Travis e Github Pages. Quando o Travis constrói com sucesso o projeto, os arquivos construídos serão colocados …
Continuar lendoFunção de depuração Sass
Às vezes precisamos depurar elementos para saber sua composição e a maneira ideal é mudar a cor de fundo. para facilitar esse processo crie um pequeno mixin, que recebe os …
Continuar lendoNão use abreviações de fonte CSS
<rant> Você define uma fonte base em seu CSS, talvez algo assim … body { font: normal 11px Tahoma, Arial, Helvetica;} Tudo bem, mas para outros elementos você deseja usar …
Continuar lendoCSS para imagens de fundo
Ao tentar fazer com que uma imagem cubra automaticamente a tela visível sem javascript, hoje aprendi sobre: background-size: cover; substitui a necessidade de um monte de outros hacks para fazer …
Continuar lendoEscondendo textos sem recuo de texto
Você já se deparou com uma situação em que definir o recuo de texto com um valor negativo não ajudou a ocultar textos em nenhum elemento? Para mim, quando algum …
Continuar lendoCorrigindo display: inline-block no IE7
Portanto, tenho usado uma tonelada de blocos embutidos em vários projetos recentemente e, quando comecei a usar blocos embutidos, percebi que o IE7 não o reconhecia. Então, recentemente encontrei uma …
Continuar lendoFaça uso de Web Workers
Quando se trata de coisas síncronas, como usar LocalStorageou XMLHttpRequest, é muito melhor usar os workers para fazer trabalhos de maneira não bloqueada. Os trabalhadores são tarefas em segundo plano …
Continuar lendoEsuna: estrutura de front-end elegante
Esuna é um framework de front-end de código aberto para aqueles que não querem ter problemas com frameworks pesados e toneladas de código inútil. Ele contém código bem formatado para …
Continuar lendoExecutar tarefas de gole ou grunhir com make
Executando tarefas gulp com make Um dos meus objetivos ao desenvolver qualquer coisa é tornar a vida de outros desenvolvedores mais fácil. Quero que eles possam clonar um repo e, …
Continuar lendoCSS faz matemática
Para alguns layouts, uma função CSS pouco conhecida chamada calc()pode ser bastante útil. O Calc permite realizar quatro operações matemáticas básicas ( + – * / ) usando qualquer combinação …
Continuar lendoBackbone.js: melhor visibilidade de erros
Aqui está uma dica rápida que deve poupar algum cabelo e algumas horas de depuração ao lidar com erros gerados durante o pub / sub do Backbone.Events. Monkeypatch Backbone.trigger com …
Continuar lendoUse YUI em vez de uma confusão inteira de JavaScript
Em vez de tentar descobrir como jQuery + underscore + backbone + jQuery UI funcionam juntos, ou empurrar seu código jQuery para o EmberJS, dê uma olhada em YUI ( …
Continuar lendo