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

Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog. Você receberá um email de confirmação. Somente depois de confirma-lo é que poderei lhe enviar os conteúdos exclusivos.

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
(2620) (5)
Go-ahead
"Tolerância e receptividade são necessidades práticas para o sonhador de hoje. Aqueles que têm medo de novas ideias estão condenados ao fracasso antes mesmo de começar."
Napoleon Hill
Treinamento Oficial
Android: Prototipagem Profissional de Aplicativos
CursoAndroid: Prototipagem Profissional de Aplicativos
CategoriaAndroid
InstrutorVinícius Thiengo
NívelTodos os níveis
Vídeo aulas186
PlataformaUdemy
Acessar Curso
Receitas Android
Capa do livro Receitas Para Desenvolvedores Android
TítuloReceitas Para Desenvolvedores Android
CategoriaDesenvolvimento Android
AutorVinícius Thiengo
Edição1ª
Ano2017
Capítulos20
Páginas936
Acessar Livro
Código Limpo
Capa do livro Refatorando Para Programas Limpos
TítuloRefatorando Para Programas Limpos
CategoriaEngenharia de Software
AutorVinícius Thiengo
Edição2ª
Ano2017
Capítulos46
Páginas599
Acessar Livro
Quer aprender a programar para Android? Acesse abaixo o curso gratuito no Blog.
Curso Android, gratuito
Posts Populares
Data Binding Para Vinculo de Dados na UI AndroidData Binding Para Vinculo de Dados na UI AndroidAndroidPhotoView Android Para a Completa Implementação de ZoomPhotoView Android Para a Completa Implementação de ZoomAndroid5 livros que não são de TI, mas que um desenvolvedor deveria ler5 livros que não são de TI, mas que um desenvolvedor deveria lerEmpreendedorismoObservable Binding Para Atualização na UI AndroidObservable Binding Para Atualização na UI AndroidAndroidLive Templates Para Otimização de Tempo no Android StudioLive Templates Para Otimização de Tempo no Android StudioAndroidAjuste de Texto com Autosizing TextView - Android JetpackAjuste de Texto com Autosizing TextView - Android JetpackAndroidAndroid About Page API Para Construir a Tela SobreAndroid About Page API Para Construir a Tela SobreAndroidComo Impulsionar o App Android - Compartilhamento NativoComo Impulsionar o App Android - Compartilhamento NativoAndroidSelectionTracker Para Seleção de Itens no RecyclerView AndroidSelectionTracker Para Seleção de Itens no RecyclerView AndroidAndroidComo Utilizar Métodos Binding Adapter no AndroidComo Utilizar Métodos Binding Adapter no AndroidAndroid
Conteúdo Exclusivo
Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
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
Receba em primeira mão, e com prioridade, os conteúdos Android exclusivos do Blog.
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)

Dados Dados
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