
Esse é o primeiro artigo contendo links interessantes para o conhecimento. Estudos, dicas e assuntos que será de interesse de todos que gostam da área web.

As categorias não serão fixas, apenas dividiram os links selecionados. Com isso, a cada artigo desse segmento, as categorias poderão ser diferentes.

## UX/UI

- [Migrar UI Design para UX Design](http://arquiteturadeinformacao.com/user-experience/o-que-significa-na-pratica-migrar-de-ui-design-para-ux-design/) - Artigo que fala sobre as implicações da mudança de um UI Designer para um UX Designer
- [UX/UI Designer](http://arquiteturadeinformacao.com/mercado-e-carreira/o-mito-do-hibrido-uxui-designer/) - Artigo que fala sobre a diferença e UI e UX.
- [Wireframes](http://www.designadaptavel.com.br/artigos/o-passo-a-passo-dos-wireframes-do-blog-design-adaptavel) - Ao planejar as adaptações para um site podemos definir que existirão apenas três pontos de adaptação, ou seja, três etapas de detalhamento que resultarão em wireframes e posteriormente em layouts.

## Design

- [Design responsivo](http://webdesign.tutsplus.com/articles/responsive-web-design--webdesign-15155) - A arte de design de websites para uma grande variedade de tamanhos de tela e dispositivos
- [Upscaling Responsive](http://www.smashingmagazine.com/2015/08/responsive-upscaling-large-screen-e-commerce-design/) - Explora como os designers de e-commerce podem usar `upscaling` sensível e criar uma experiência personalizada para usuários com telas grandes.

## HTML

- [Histórico da HTML5](https://diveintohtml5.com.br/history.html) - A API de histórico da HTML5 é uma maneira padronizada para manipular o histórico do navegador via script.
- [Curso HTML5](http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf) - Curso HTML5 da W3C Escritório Brasil.
- [Elementos de divisão](http://blog.teamtreehouse.com/use-html5-sectioning-elements) - Como usar os elementos de divisão do HTML5
- [Tag DL](http://html5doctor.com/the-dl-element/) - Comp utilizar a tag dl.

## Schema

- [Schema dando significado](http://blog.popupdesign.com.br/schema-org-dando-significado-ao-conteudo-na-internet/) - Artigo explicando como dar significado com Schema

## CSS

- [CSS Escalável](https://medium.com/@shankarcabus/css-escalavel-parte-1-41e7e863799e#.kbvz33iem) - Artigo sobre CSS escalável por Shankar Cabus.
- [Lea Verou](http://lea.verou.me/) - Lea Verou é uma desenvolvedora front-end, palestrante e autora. Atualmente é uma assistente de pesquisa no [MIT CSAIL](https://www.csail.mit.edu/), no grupo Haystack de David Karger e uma especialista convidada no [CSS WG](https://www.w3.org/Style/CSS/members.en.php3).
- [Exemplos de CSS3](http://www.inwebson.com/css3/pure-css3-icons-logos-graphics/) - Icones, logos e gráficos com CSS3
- [Tipografia com SASS map](http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/) - Sass map fazendo a tipografia responsiva muito mais gerenciável.

## SVG

- [SVG Exemplos](http://tutorials.jenkov.com/svg/svg-examples.html) - Exemplos básicos com SVG.

## JavaScript

- [Curso EXTJS 4](http://www.loiane.com/2011/11/curso-de-extjs-4-gratuito/) - Curso gratuito sobre EXTJS 4, feito pela Loiane.
- [Plugin JQuery](http://wbruno.com.br/jquery/criando-um-plugin-jquery-parte-1-comecando/) - Criando um plugin com JQuery.
- [Padrões Javascript](http://shichuan.github.io/javascript-patterns/) - Padrões de JavaScript que abrangem padrões de função, padrões jQuery, padrões de projeto, padrões gerais, literais e padrões de construtor, padrões de criação de objetos, padrões de reutilização de código, DOM e padrões de navegador.
- [Tutoriais Dojo](https://davidwalsh.name/dojo-tutorials) - Artigos para aprender mais sobre o Dojo JS.
- [Módulos](http://blog.da2k.com.br/2015/01/03/como-criar-componentes-js-usando-modulos-amd-commonjs-e-umd-parte-1-3/) - Como criar componentes JS usando módulos - AMD, CommonJS e UMD.
- [Testes Javascript](https://medium.com/@yamadapc/testes-melhores-e-stubs-em-javascript-fd31691b9393#.h877cu80l) - Testes melhores e stubs em JavaScript.

## PHP

- [PHP Orientado a objetos](http://cafeesoftware.com/curso-de-php-orientado-a-objetos/) - Curso de Orientação a Objetos com PHP.
- [PHP do jeito certo](http://br.phptherightway.com/) - Este site introduz novos desenvolvedores PHP às melhores práticas, opções disponíveis e boas informações, que por muitas vezes, quando descobertas, já é tarde demais.
- [Zend Framework](http://manual.zfdes.com/pt-br/) - Guia de referência sobre o Zend Framework.

## Gestão em TI

- [Templates e Modelos](http://www.elirodrigues.com/2015/09/14/downloads-de-templatesmodelos-para-gerenciamento-de-projetos/) - Aqui você encontra TODOS os templates necessários para gerenciar um projeto. Navegue, avalie e faça o download gratuitamente.
- [SCRUM](http://www.desenvolvimentoagil.com.br/scrum/) - Scrum é uma metodologia ágil para gestão e planejamento de projetos de software.

## Ferramentas

- [Webmaster tools](https://www.google.com/webmasters/tools/home?hl=en&pli=1) - Gerenciar algumas informações do seu projeto online
- [Schema Testing Tool](https://developers.google.com/structured-data/testing-tool/) - Ferramenta para avaliar as propriedades Schema do seu projeto
- [Page Speed](https://developers.google.com/speed/pagespeed/?hl=pt-br) - Ferramenta para calcular o carregamento do seu site
- [Acessibilidade](http://www.acessibilidade.gov.pt/accessmonitor/) - Validador automático para as WCAG
- [Responsive](http://mattkersley.com/responsive/) - Testar A responsividade do seu projeto online
- [Placehold](https://placehold.it/) - Gerador de imagens de exemplo online
- [CSS - Gradient Editor](http://www.colorzilla.com/gradient-editor/) - Gerador de background Gradient CSS online
- [CSS - Prefix](http://pleeease.io/play/) - Gerador de propriedades CSS com Prefixo dos navegadores online


UI2CodeGo to Home Page

Links

Compartilhar