http://www.google.com.br/tagmanager/
Extensão Tag Assistant para ajudar a debugar as tags no site:
https://chrome.google.com/webstore/detail/tag-assistant-by-google/kejbdjndbnbjgmefkgdddjlbokphdefk
- gulp: http://gulpjs.com
- typescript: https://www.typescriptlang.org
- browser-sync: https://browsersync.io
- http-server: https://www.npmjs.com/package/http-server
- angular-cli: https://github.com/angular/angular-cli
Biblioteca utilizada para detectar funcionalidades HTML5 e CSS3 no browser do usuário.
Framework CSS para reinicialização do CSS para todos os navegadores, preservação dos padrões de estilo e resolução de inconsistências entre os elementos tipográficos.
- Para validação do código JavaScript utilizo o ESLint
- Para validação da marcação HTML utilizo o validator da W3C
- Para validação do CSS utilizo o validator da W3C
- Verificar pontuação do site no PageSpeed Insights
var er = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
var email = '[email protected]';
er.test(email); // true
Ao iniciar um projeto CSS, seguir alguns padrões para manter a organização.
- reset (zerar os estilos para iniciar um novo projeto);
- base (criar a base do projeto,geralmente composto por header, main, footer e demais estruturas base);
- components (define o estilo para cada componente de forma isolada, assim como seus estados de interação);
- form (define o estilo pra todos os objetos de formulário, assim como seus estados de interação);
Dicas de navegação no terminal:
- Apagar um caractere à esquerda:
<backspace>
- Apagar uma linha inteira:
<CTRL+U>
- Andar na linha de comandos: para percorrer os caracteres na linha do shell basta utilizar a seta de direção para esquerda (o cursor move para o próximo caractere à esquerda) ou seta para direita (o cursor move para o próximo caractere à direita)
- Apagando o caractere localizado sobre o cursor: ````
OlderNewer