IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu Site

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação. Você receberá um email de confirmação. Somente depois de confirmar é que poderei lhe enviar o conteúdo exclusivo por email.

Email inválido.
Blog /Desenvolvimento Web /IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu Site

IcoMoon APP, Ícones CSS Fáceis e Úteis em Seu Site

Vinícius Thiengo24/12/2013
(2016) (5) (12)
Go-ahead
"Há apenas uma maneira de evitar críticas: Não faça nada, não diga nada, e não seja nada."
Aristóteles
Código limpo
Capa do livro Refatorando Para Programas Limpos
TítuloRefatorando Para Programas Limpos
CategoriaEngenharia de Software
AutorVinícius Thiengo
Edição
Ano2017
Capítulos46
Páginas598
Comprar Livro
Conteúdo Exclusivo
Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação.
Email inválido

Opa! Blz?

Nesse vídeo apresento a lib de ícones em CSS, IcoMoon APP. Já fiz um pos aqui sobre a lib de ícones também em CSS, FontAwesome, mas quando publiquei esse post um seguidor me informou sobre a lib IcoMoon e fiquei de bobera quando vi a variedade de ícones que a lib apresentava. Mas enfim, vou evitar mais texto e deixar você ver o vídeo.

Os links para download do projeto e página de demonstração se encontram logo abaixo no post.

Página da lib IcoMoon APP

Compartilhe, comente! Vlw

Receba em primeira mão o conteúdo exclusivo do Blog, além de promoções de livros e cursos de programação.
Email inválido

Relacionado

Icones Com CSS FontAwesome, Seu Site Mais ProfissionalIcones Com CSS FontAwesome, Seu Site Mais ProfissionalDesenvolvimento Web
Busca Personalizada do Google Com Formulário PersonalizadoBusca Personalizada do Google Com Formulário PersonalizadoDesenvolvimento Web
Criando QR Code no PHPCriando QR Code no PHPDesenvolvimento Web
Gráficos Com JavaScript: Apresentando a Highcharts JSGráficos Com JavaScript: Apresentando a Highcharts JSDesenvolvimento Web

Compartilhar

Comentários Facebook

Comentários Blog (5)

Para código / script, coloque entre [code] e [/code] para receber marcação especifica.
Forneça seu nome válido.
Forneça seu email válido.
Forneça o comentário.
Enviando, aguarde...
26/12/2013
Parabéns cara!

Queria só deixar uma dica da forma que foi implementado uma pessoa cega não teria contexto e nem saberia o que se trata esse ícone.

Para resolver pode-se usar duas coisas o title na tag <i> com a descrição do ícone ou o aria-label, o aria-label faz mais sentido usar, ele basicamente dá uma saida textual alternativa assim como o ALT ele é recomendado nesses casos quando usamos uma imagem de ícones dentro do CSS.

Abraços e mais uma vez parabéns.
Responder
Vinícius Thiengo (0) (0)
26/12/2013
Opa! Vlw. É isso mesmo
Responder
matteus sousa (1) (0)
25/12/2013
como mudar a cor do ícone?
Responder
Vinícius Thiengo (0) (0)
26/12/2013
Opa Matteus, o ícone é svg, logo ele respeita as mesmas propriedades de cor e tamanho de uma fonte convencional (Arial, por exemplo). Se vc colocar no CSS:
*{
      color: #f00;
}
Tanto o ícone como os textos ficaram vermelho. Espero ter ajudado, Vlw
Responder
Matteus sousa (1) (0)
26/12/2013
opa, muito obrigado por exclarecer thiengo, vlw mesmo.
Responder