Autor: Kadu Oliveira
-
O Básico para iniciar no Angular JS
O Angular é um framawork de JavaScript patrocinado pelo Google com base no modelo de arquitetura MVC ( principal conceito por trás do framework) que oferece uma estrutura consistente e escalável, facilitando desenvolver aplicações complexas e de grande porte. A estrutura do AngularJS veio para garantir mais velocidade no desenvolvimento, facilidade de manutenção a longo…
-
Documentações, sites e guias para Front-Ends
Todos os dias me deparo com tantos sites, ferramentas online e documentos em minhas pesquisas no trabalho que resolvi fornecer uma lista de sites que todos que trabalham direta ou indiretamente com Front-End deveriam conhecer. Eu garanto que você vai encontrar alguns links do seu interesse que vão parar em seus favoritos. 1. Cheetyr Uma…
-
Detectando usuários mobile
Hoje em dia muito se fala em site responsivo. Porém às vezes se faz necessário criar um site separado para dispositivos móveis e outro para navegadores desktop. Nesse caso, seu objetivo é fazer o usuário acessar uma única url e ser automaticamente encaminhado ao site apropriado para seu dispositivo. Para redirecionar dispositivos móveis a um…
-
Como deixar suas fontes responsivas
Querendo deixar as fontes do seu site responsiva? FitText.js é um pequeno script feito em javascript, que permite o redimensionamento automático de textos (tipografia responsiva) quando a janela do navegador é redimensionada. Utilize esses script no seu layout fluído e tenha suas fontes responsivas. Exemplo Scripts Script para usar com jQuery: jquery.fittext.js Script somente com…
-
Introdução ao Foundation Framework
Zurb Foundation é um framework Front End para o desenvolvimento responsivo de forma rápida priorizando o valor semântico dos elementos, mantendo uma estrutura HTML limpa e de carregamento rápido. Utiliza o conceito mobile first e melhoria progressiva (Progressive Enhancement) para criação de design responsivo. Você pode fazer o download apenas de partes do framework que…
-
Front In POA: Anotações das Palestras
Aconteceu no dia 08 de novembro mais um evento Front In POA. O Evento contou com participantes renomados na área e conhecidos em eventos de Front-End aqui no Brasil. A organização mandou muito bem ao escolher os assuntos das palestras, ficaram bem variadas, porém nunca fugindo do foco principal do evento que era o desenvolvimento…
-
Teste sites no IE remotamente no Windows, Mac OS X, iOS e Android
RemoteIE é um serviço gratuito da Microsoft que permite testar a versão mais recente do Internet Explorer no Windows, Mac OS X, iOS e Android sem a necessidade de instalar uma máquina virtual (VM). Segundo a Microsoft o objetivo é deixar sempre o RemoteIE com a última versão do Internet Explorer. Mas caso queira testar…
-
Lista ordenada com pseudo-elemento ::before, counter-increment e counter
Os navegadores da Web permitem que você personalize a aparência da maioria dos aspectos de uma página usando CSS. Mas alguns elementos tornam-se um pouco mais difícil de aplicarmos uma estilização. Uma dúvida seguida que vejo é de como mudar o estilo do marcador em listas não ordenadas ou números em listas ordenadas. Normalmente usamos…
-
23 Exemplos de Sites com Design Responsivo
Design Responsivo é uma ótima abordagem para a experiência do usuário em todos os dispositivos. Projetar seu site de forma que se adapte em todos dispositivos e ainda com um design poderoso, interativo e bonito é o que vai deixar seu projeto marcante para quem visita seu site. Veja uma lista de 25 sites responsivos…
-
Como deixar seus vídeos responsivos
Para dimensionar vídeos para se adaptar em qualquer dispositivo, seja esse dispositivo um desktop, tablet, dispositivo móvel… podemos usar CSS ou Javascript como solução para cumprir essa meta. Os exemplos abaixo utilizei apenas soluções em CSS. Página de exemplo Vídeo do YouTube e Vimeo Abaixo você encontra uma típica marcação HTML para inserir vídeos do…