Saiu o Bootstrap 4 Beta!

Foi lançada a versão BETA do novo Booststrap 4. Esperada por desenvolvedores web ansiosamente, essa versão promete novidades para a criação de sites cada vez mais compatíveis as diversas telas e resoluções na criação de aplicações web cada vez mais “responsivas”.

O Bootstrap é um conjunto de ferramentas de código aberto para desenvolvimento com HTML, CSS e JavaScript. Essa ferramenta permite a criação de um protótipo rapidamente, auxiliando em projetos, idéias e criação de aplicativos completos com as variáveis ​​Sass e mixins, sistema de grade responsivo, extensos componentes pré-construídos e plugins poderosos criados no jQuery.

Para baixar e experimentar a novidade, clique aqui meu jovem padawan.

{Palestra} Criação Web com Frameworks (Material Design e Bootstrap)

Olá Pessoal. Nessa sexta-feira, dia 02 de junho, apresentei na SIAP da faculdade FPB, a palestra Criação Web com Frameworks Front-end (Material Design e Bootstrap). Para quem esteve lá ou não, coloco aqui os Slides apresentados, que contém os links para cada framework abordado na palestra.

Dúvidas, críticas ou qualquer outra forma de opinião, fique a vontade para comentar abaixo.

[JS] Selecionando um intervalo de datas no Datepicker a partir do JSON

js

Durante o desenvolvimento Front-end nos deparamos constantemente com o desafio de relacionar o retorno de dados da aplicação com a interface que o usuário acessa efetivamente. Neste artigo apresentamos uma solução JavaScript para selecionar um determinado intervalo de datas no Datepicker a partir do JSON.

Introdução

JSON é um formato leve que pode ser interpretado ou gerado com facilidade e é completamente independente da linguagem utilizada. Estas qualidades fazem com que ele seja ideal para troca de dados.

O primeiro passo é analisar a estrutura do objeto que foi criado para o estudo:

[
   {
      "title":"Evento 1",
      "start":"22/05/2015",
      "end":"25/05/2015"
   },
   {
      "title":"Evento 2",
      "start":"28/05/2015",
      "end":"30/05/2015"
   },
   {
      "title":"Evento 3",
      "start":"03/06/2015",
      "end":"03/06/2015"
   }
]

Continue Lendo “[JS] Selecionando um intervalo de datas no Datepicker a partir do JSON”

Como ser um dev frontend usando Linux

Muita gente me pergunta:

Você trabalha com frontend e usa Linux? Como faz pra usar Photoshop?

Como se front-end só trabalhasse com Photoshop. Mas vem comigo que te mostro.

Trabalhar com desenvolvimento frontend envolve muito código, por isso Linux – ao menos pra mim – é a melhor solução. Usar uma distribuição que não te deixe na mão e facilite a instalação de pacotes é essencial. No momento estou usando duas distros:Ubuntu Gnome – porque o Unity é muito palha – e Elementary OS.

As duas resolvem bem qualquer tipo de problema.

Uso o Terminator no lugar do terminal padrão do Ubuntu (dica do Carlos Becker, que inclusive tem uma coleção de dotfiles bem da hora).

Para codar, Sublime Text com algumas configurações específicas.

Shutter, para tirar prints da tela.

Gimp para tratar alguma imagem – não fico mexendo muito com imagens, uso mais para fazer as capas dos posts do blog.

Fogger para criar apps a partir de web apps – um que faz uma frente é o DevDocs.io

Mas e quando você recebe um layout no Photoshop, como você abre os PSDs?

Bom, já rodei Photoshop no Wine, – fica razoavelmente bom, com poucos bugs, mas fica pesado – já testei em máquina virtual, mas fica lento também. Até pouco tempo atrás, essas eram as únicas soluções.

Mas – por incrível que pareça – a Adobe pensou nos devs frontend que, como eu, gostam de usar Linux e só usam Photoshop para fazer recorte de imagens, pegar medidas, fontes, tamanhos de fontes, cores, etc., e lançou um serviço lindo chamadoProject Parfait, onde você faz exatamente isso: pode fazer upload de um PSD (ou vários), e extrair cores, fontes, exportar imagens, etc.

Agora você não tem mais desculpinha pra ficar usando Windows! E nem falo nada de programador BACK-END que usa Windows!

Don't Panic - It's not Windows

Mas brincadeiras à parte, use o sistema que você se sentir mais confortável, e te fizer mais produtivo! 😀 Desde que não seja Windows.

E você, qual o seu sistema operacional? E qual o seu workflow? Comente!

Post ooriginal por blog da2k

Guia do Front-end das galáxias

Oi pessoal!

Hoje trago uma dica de leitura boa para quem é ou deseja se tornar, assim como eu, um bom desenvolvedor front-end. Para quem não sabe, um front-end é o responsável pela parte amigável do site, as funcionalidades de interação com o usuário (a grosso modo).

Essas dicas valem ouro, e o nobre Davidson Fellipe (@davidsonfellipe) entrega de mão beijada em um slide ‘da hora’. Sirva-se a vontade.

CSS – Trabalhando com Folhas de estilo na web (introdução)

Olá pessoal!

Estou voltando a trazer um conteúdo para quem está iniciando os estudos em criação de sites. Neste tópico, trago um slide com uma introdução ao CSS, as famosas folhas de estilo, item hoje indispensável no desenvolvimento de conteúdo para a web.

Desde já agradeço sua visita e espero que seja proveitoso o conteúdo. Em breve disponibilizaremos mais materiais em slides, PDF e vídeos no Youtube. Fique a vontade para perguntas, críticas e/ou elogios nos comentários ou através do e-mail professordanielbrandao@gmail.com