Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
Transferir como PPTX, PDF22 gostaram2,740 visualizações
Bernard de Luna é especialista em desenvolvimento front-end, atuando como professor, coordenador e consultor em design funcional e técnicas avançadas de front-end. O documento aborda a importância da organização e documentação do código, bem como o uso de CSS3 e animações úteis para melhorar a experiência do usuário. A mensagem central enfatiza que qualquer pessoa pode se tornar um 'ninja' no desenvolvimento web com as práticas corretas.
Quero ser um ninja em xHTML, HTML5 e CSS3 - Bernard de Luna
- 2. Bernard De Luna @bernarddelunaEspecialista em desenvolvimento front-end, padrões e acessibilidade para projetos web. Professor de WebDesign da Faculdade CCAA, Coordenador de front-end da Petrobras, além de consultor e palestrante em assuntos voltados a design funcional e técnicas avançadas de front-end como xHTML, HTML5, jQuery e CSS3.
- 4. NINJA: Agente secreto ou mercenário do Japão feudal especializado em artes de guerra não ortodoxas.
- 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ãopegaefeito multiply nem outros efeitos de camada.
- 16. Íconesusadosna interface devemestarseparadosemuma pasta física
- 18. Íconessãodivididosemfamílias, estilos e possuemtamanhosdefinidos
- 20. Toda interface tem seufim
- 22. Se usarumafontediferente, coloque-a emuma pasta física
- 26. Designer conscientepensa no desenvolvedor
- 28. Sejanecessáriopelasuaqualidade e nãopeloseuegoísmo.Comente o seucódigo
- 30. Zen codingA new way of writing HTML and CSS codeUm novo jeito de escrevercódigos HTML e CSS
- 33. Se o seucódigonãoconsegueserreutilizado, elenãoestábom o bastante
- 37. Do websites need to look exactly the same in every browser?Os websites precisamaparecerexatamenteiguaisemcadanavegador?
- 39. www.modernizr.comNósnãoperguntamospara o browserQuem é você?E simVocê pode fazer isso e aquilo?http://www.alistapart.com/articles/taking-advantage-of-html5-and-css3-with-modernizr/
- 41. CSS = Como Ser Sexy
- 44. http://css3please.com/As principaisdeclarações CSS3 emumaúnicapágina, CSS3 please!
- 47. CSS Transitions: O novo movimento da web
- 48. CSS animation: O novo flash camuflado
- 51. @-webkit-keyframesnomedaanimacao{0% { background:#069; }30% { background:#090; padding: 40px; -webkit-transform: rotate(60deg) scale(1.85); }50% { background:#F60; padding: 20px; -webkit-transform: rotate(120deg) scale(2.85); }80% { background:#C09; padding: 40px; -webkit-transform: rotate(260deg) scale(1); }}
- 52. Efeitos e animaçõesdevemserutilizados a favor do usuário e nãopara vender o profissional
- 53. SejaemxHTML
- 54. Sejaem HTML5
- 55. Sejaem CSS3
- 57. Qualquer pessoa pode ser um ninja
- 58. GO NINJA GO!
- 59. OBRIGADO :)www.bernarddeluna.com - @bernarddeluna