Font Awesome - Blog sobre desenvolvimento mobile e Web

loading.io | Construindo ícones animados com SVG / PNG / CSS / GIF | SW9

Tags: Ajax Loading Icons, Animando Icones Com CSS, Animando Icones em PNG, Animando Icones em SVG, Build Your Ajax Loading Icons, Font Awesome, Gif Aimado, Icones Animados, loading.io|

Olá a todos. Sejam bem vindos aos Canal e Blog SW9 No vídeo de hoje eu vou dar a dica de um serviço e mostrar passo a passo como utilizá-lo. Mas antes de começar, minha idéia é criar uma seção no blog e canal youtube para dar dicas sobre diversos serviços disponíveis na web e que podem facilitar o nosso dia a dia. Para inaugurar esta seção, vou apresentar o serviço chamado [loading.io] cujo objetivo é permitir a construção de ícones animados a partir de SVG, PNG, CSS. Mas o serviço vai além disso, ele nos permite usar as animações e recursos em conjunto com o BootStrap UI e também a biblioteca de ícones FontAwesome. Outro recurso bem útil é permitir criar Gifs animados a partir de upload de um SVG, PNG ou utilizando a própria biblioteca de ícones do loading.io.

FontAwesome – Utilizando Icones em Suas Aplicacoes Web e Mobile – Parte 2

Tags: Biblioteca de Icones, Bootstrap, Bootstrap 3, CSS 3, Font Awesome, FontAwesome, Framework Bootstrap 3, Js Fiddle, JSFiddle|

Neste vídeo - Parte 2 - FontAwesome - Utilizando Icones em Suas Aplicacoes Web e Mobile Eu vou dar continuidade a apresentação da biblioteca de ícones Font Awesome. Quem já precisou utilizar ícones em suas aplicações Web? Acredito que todos nós. Todos os desenvolvedores já se depararam com esta necessidade. O uso de ícones dá um upgrade visual e profissional nas suas aplicações. E foi desenvolvendo uma aplicação web que encontrei a biblioteca de ícones chamada Font Awesome. Esta biblioteca é a mais completa que já encontrei. Apesar de ela ter sido desenhada originalmente para o framework bootstrap UI ela pode ser utilizada em conjunto com qualquer framework javascript e até mesmo sem utilização de framework, uma vez que a biblioteca não depende de javascript para funcionar. Nesta segunda parte da apresentação, eu mostro como utilizar a rotação de ícones, os stacked icons, cores, um exemplo de integração com o framework bootstrap UI e ícones animados. Espero que gostem do vídeo.

FontAwesome – Utilizando Icones em Suas Aplicacoes Web e Mobile – Parte 1

Tags: Biblioteca de Icones, Bootstrap 3, CSS 3, Font Awesome, FontAwesome, Framework Bootstrap 3, Js Fiddle, JSFiddle|

Eu vou dar início a apresentação da biblioteca de ícones chamada Font Awesome. Quem já precisou utilizar ícones em suas aplicações Web? Acredito que todos nós. Todos os desenvolvedores já se depararam com esta necessidade. O uso de ícones dá um upgrade visual e profissional nas suas aplicações. E foi desenvolvendo uma aplicação web que encontrei a biblioteca de ícones chamada Font Awesome. Esta biblioteca é a mais completa que já encontrei. Apesar dela ter sido desenhada originalmente para o framework bootstrap UI ela pode ser utilizada em conjunto com qualquer framework javascript e até mesmo sem utilização de framework, uma vez que a biblioteca não depende de javascript para funcionar. Nesta primeira parte da apresentação, eu mostro a sintaxe de utilização dos ícones, tamanho dos ícones, menu com Font Awesome + Bootstrap, simulando marcadores, borda.