Ninja html 5 css javascript
2 gostaram564 visualizações
O documento apresenta Bernard de Luna como especialista em projetos web e defensor do design funcional, propondo uma abordagem organizada e consciente na programação. Ele enfatiza a importância da documentação, reutilização de código, e a modularização, além de recomendar práticas modernas de CSS e animações. O autor também traz referências e recursos para design responsivo e ferramentas que facilitam a escrita de código.
Ninja html 5 css javascript
- 2. Bernard De Luna @bernarddeluna Especialista em Sexy web projects, Palestrante sobre Front-end e Design funcional, e Coordenador de Produto da Estante Virtual
- 3. Eu sou um ninja
- 4. NINJA: Agente secreto ou mercenário do Japão feudal especializado em artes de guerra não ortodoxas.
- 7. Quem fez esse sistema?
- 9. Nós construímos aquilo que ninguém vê, nós somos agentes secretos.
- 10. Mercenário
- 11. Qualquer pessoa pode ser um ninja
- 14. PNG não pega efeito multiply nem outros efeitos de camada.
- 16. Ícones usados na interface devem estar separados em uma pasta física
- 18. Ícones são divididos em famílias, estilos e possuem tamanhos definidos
- 20. Toda interface tem seu fim
- 22. Se usar uma fonte diferente, coloque-a em uma pasta física
- 23. Não utilize mais de 2 fontes diferentes no projeto
- 27. Designer consciente pensa no desenvolvedor
- 28. Organizados Comentados Orientados e Limpos
- 29. Seja necessário pela sua qualidade e não pelo seu egoísmo. Comente o seu código
- 30. Ninjas não poderão pegá-lo se você estiver pegando fogo
- 31. Seja rápido como um ninja
- 32. Zen coding A new way of writing HTML and CSS code Um novo jeito de escrever códigos HTML e CSS Emmet!
- 33. Sublime Text 2 Quem disse que ferramenta não importa?
- 36. Se o seu código não consegue ser reutilizado, ele não está bom o bastante
- 37. Crie seu próprio Framework
- 38. Foque na função e não no estilo Nem no conteúdo
- 39. Tooltip <div class="tooltip”> <hgroup class="tooltip-h"> <h2 class="tooltip-tt">Reason:</h2> </hgroup> <section class="tooltip-body”></section> </div>
- 42. Discussão Pensar em navegadores antigos?
- 43. http://www.youtube.com/watch?v=lCPHbkb8J50 IE6: A Eulogy
- 44. Discussão Pensar em navegadores novos?
- 47. CSS = Como Ser Sexy
- 48. Seu Photoshop em CSS3 http://layerstyles.org/builder.html
- 50. Criar um gradient CSS é tão fácil quanto fazer suco de groselha
- 51. Suco de groselha
- 53. As principais declarações CSS3 em uma única página, CSS3 please! http://css3please.com/
- 55. http://www.alistapart.com/d/responsive-web- design/ex/ex-site- FINAL.html http://colly.com/
- 58. CSS Transitions: O novo movimento da web
- 60. CSS animation: O novo flash camuflado
- 63. @-webkit-keyframes nomedaanimacao { 0% { background:#069; } 30% { background:#090; padding: 40px; transform: rotate(60deg) scale(1.85); } 50% { background:#F60; padding: 20px; transform: rotate(120deg) scale(2.85); } 80% { background:#C09; padding: 40px; transform: rotate(260deg) scale(1); } }
- 64. http://anthonycalzadilla.com/css3-ATAT/index.html
- 68. Efeitos e animações devem ser utilizados a favor do usuário e não para vender o profissional
- 69. Seja em xHTML
- 70. Seja em HTML5
- 71. Seja em CSS3
- 72. Seja em CSS animation
- 73. Qualquer pessoa pode ser um ninja
- 74. GO NINJA GO!