Flex control page number Flexlider

Neste post quero compartilhar com vocês um pequeno tutorial de como colocar numeração no flexslider.

O padrão do Flex Slider são as bolinhas, para você chegar até esse efeito é muito fácil, basta umas alterações no CSS e pronto.

Segue abaixo o código que você precisa colocar para chegar até este efeito.

.flex-control-paging li a{
        background:none!important;
        display:inline!important;
}

Pronto após modificar o CSS do seu flexslider você chegará até este resultado.

Abraços e até a próxima.

Livros que todo desenvolvedor Front End Deve ler

Para você que está começando a carreira profissional e gostaria de algumas indicações de livros. Preparei este pequeno post com os principais livros que todo desenvolvedor front End deve ler.

Então sem muitas delongas vamos direto ao assunto.

Se possível leia todos os Livros do Maujor.

CSS e XHTML

HTML 5

Smashing Magazine HTML 5

CSS 3

Smashing Magazine Jquery - Excelente livro.

Smashing Magazine CSS - Outro Excelente Livro 

Guia definitivo de javascript

Design responsivo

Web responsiva - Casa do código.

Atualmente saber um pouco sobre pré-processadores de CSS é um requisito fundamental das vagas de emprego.

Não se tem muitos livros sobre pré-processadores de CSS escrito no idioma brasileiro mas se você estiver procurando no início de sua jornada sugiro que comece suas buscas pelos seguintes temas.

Less CSS

SCSS

SASS

Outros livros importantes para sua jornada rumo ao sucesso do mercado de trabalho e sucesso como front end.

Criando aplicações web com wordpress - É essencial que você domine o wordpress pois hoje ele é o queridinho de todas as empresas

Toda empresa você precisará saber o mínimo de PHP possível então recomendo este excelente livro

PHP 5 - conceitos de programação.

Você precisará aprender um pouco de lógica de programação.

Livro de logica de programação para front end.

Bom como uma mensagem final eu gostaria de dizer que trabalhar com Front End é algo desafiador pois as tecnologias não param de evoluir, então se você vai entrar para o time de Front End ou Desenvolvedor web saiba que você nunca irá parar de estudar pois se um dia você fizer isso ficará obsoleto e o mercado vai te descartar.

Bom pessoal, esse post ainda receberá muitas atualizações conforme as coisas forem mudando mas por hoje é só.

IDE para desenvolvimento AGIL Front-End e Wordpress com Visual Studio e Web Essentials

Minha IDE perfeita

Já faz bastante tempo que gostaria de escrever sobre este assunto, ele vai parecer bastante polêmico porem não é. Se você chegou aqui procurando uma IDE para desenvolvimentismo Front End de forma Ágil creio que irá gostar do que tenho para compartilhar com você.

Antes de iniciar esta discussão eu gostaria de deixar claro que meu objetivo não é falar qual IDE é melhor, não vou entrar em discussão se você usa Sublime text, Dreamweaver ou outras.

Eu tenho a seguinte definição de IDE perfeita que é a seguinte.

IDE perfeita é aquela que você desenvolvedor se sente confortável e consegue faz seu trabalho de forma rápida e otimizada.

Eu comecei utilizando Editores de texto simples depois migrei para o Dreamweaver, eclipse, aptana, NetBeans, Zend Studio entre outras, então para tenho um pouco de bagagem para escrever este post com um pouco mais de autoridade. 

A IDE que utilizo hoje e na qual é o tema deste post é o VISUAL STUDIO 2013 da Microsoft, SIM eu utilizo ela e vou compartilhar com vocês os motivos nas quais me levaram a escolher ela como minha IDE Perfeita.

Pontos positivos

• Organização*
• Suporte ao EMMET*
• Suporte ao LESS*
• Suporte ao Wordpress*
• Suporte ao PHP*
• Intellisense*
• Identificação de Ids e Classes já criadas no css para não haver duplicata*
• Alerta de erros de codificação com sugestão*
• Suporte à criação de sprites dinâmicos*
• Na parte de desempenho web a ferramenta dá uma grande ajuda pois ele te avisa quando uma imagem pode ser convertida em data-url isso tudo dinâmico.
• Para quem gosta do sublima para duplicar a tela, o visual studio também permite fazer isso.
• Ele também possui live conding ou seja você pode fazer alteração no seu css pelo browser e ele já altera em seu código.

Bom estes são os principais pontos positivos, existem outros mas vou deixar para abordá-los em outros posts.

Pontos negativos.

• Ferramenta paga
• Não é das mais leves

Os pontos não são necessariamente pontos ruins pois o sublime que é o queridinho dos front-enders é paga, agora o VS2013 é sim um pouco pesado e você precisa ter uma máquina bem legal para não ter problemas de desempenho e consumo de memória.

O (*) na frente dos pontos positivos significa que é necessário a instalação de um plugin.

Plugins complementares para o visual Studio

Emmet para visual studio

Php para visual studio

Front end visual studio

No próximo artigo irei começar a explicar como é o meu processo de desenvolvimento com o visual Studio e vou te mostrar como você só tem a ganhar com esta incrível ferramenta.

Então peço que baixem o Visual Studio 2013 e já deixe configurado pois no próximo artigo vamos ver algumas coisas bem legais.

Qualquer dúvida sobre este artigo ou instalação do Visual Studio me mande um e-mail.

flavio.maxline@gmail.com

Abraços a todos e até a próxima.