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

Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes! Você receberá um email de confirmação. Somente depois de confirma-lo é que eu poderei lhe enviar os conteúdos semanais exclusivos. Os artigos em PDF são entregues somente para os inscritos na lista.

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 Thiengo
(3957) (5)
Go-ahead
"O método consciente de tentativa e erro é mais bem-sucedido que o planejamento de um gênio isolado."
Peter Skillman
Prototipagem Android
Capa do curso Prototipagem Profissional de Aplicativos
TítuloAndroid: Prototipagem Profissional de Aplicativos
CategoriasAndroid, Design, Protótipo
AutorVinícius Thiengo
Vídeo aulas186
Tempo15 horas
ExercíciosSim
CertificadoSim
Acessar Curso
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Curso Android, gratuito
Lendo
TítuloTest-Driven Development: Teste e Design no Mundo Real
CategoriaEngenharia de Software
Autor(es)Mauricio Aniche
EditoraCasa do Código
Edição1
Ano2012
Páginas194
Conteúdo Exclusivo
Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba gratuitamente conteúdos Android sem precedentes!
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

Demo

Página de demonstração
Investir em Você é Barra de Ouro a R$ 2,00. Cadastre-se e receba grátis conteúdos Android sem precedentes!
Email inválido

Download

Download do arquivo .zip com os arquivos do vídeo.

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
icones - icomoon app

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...
Bruno (0) (0)
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