Top 10 Webfontes - Bibliotecas ícones de Fontes de Texto Grátis para seu site (.eot .woff .ttf .svg )


São muitas as vantagens de se utilizar bibliotecas de ícones no formato de arquivos FONT DE TEXTO para a interface do seu site, por exemplo, se você é um webdesign já deve ter ouvido falar ou utilizado as chamadas WEBFONTS, preparei uma lista com as mais comuns utilizadas em meus projetos:

Vantagens:
  • Produtividade: As bibliotecas já possui os ícones mais utilizados e geralmente poucos serão desenvolvidos.
  • Desempenho: Nos testes um arquivo de font carrega mais rapidamente o request é mais rápido do que uma sprit de imagens ou a mesma quantidade de ícones como imagens.
  • Qualidade: Como esses arquivos de ícones estão em formato Vetor de Font, podem ser ampliados   sem perder a qualidade.
  • Adaptação:  Você consegue encaixar de forma simples no texto, botões e links no html bastando mapear um css e uma classe.
  • Customização: É possível criar a própria biblioteca de fontes de ícones que você possui habilidade de webdesign para isso, ou apenas selecionar os ícones disponíveis.


Melhores Bibliotecas Webfont grátis

FontFile .eot .woff .ttf .svg


  1. Icomoon - free http://icomoon.io/app/#/select
    (Muito bom, grande variedade de ícones, permite customizar ou criar os próprios ícones e selecionar e gerar uma biblioteca com apenas os ícones que você deseja utilizar, agiliza o CSS)
  2. Font-Awesome - http://fortawesome.github.io/Font-Awesome/  Pode ser instalada no Bootstrap, não utiliza javascript, perfeito em display de retina, visível na impressão, controlado por css class.
  3. Adamwhitcroft http://adamwhitcroft.com/batch/ The download includes: PSD file (shape layers). SVGs (128x128). PNGs (16x16, 32x32, 64x64). Webfont (.eot, .ttf, .woff).
  4. Fontello http://fontello.com/ Como todas as fontes de ícones, possui vetor e sua propaganda tem foco na qualidade ao redimensionar os ícones sem perder qualidade.

  5. Shoestrap http://shoestrap.org/downloads/elusive-icons-webfont/
  6. Entypo Icons - http://www.entypo.com/ Projeto com ícones gratuitos para sites e blogs.
  7. Ligature Symbols http://kudakurage.com/ligature_symbols/ Grande variedade de ícones de fonte com qualidade permitindo criar sites responsivos, possui suporte para multi plataforma.
  8. Typicons http://typicons.com/ - A biblioteca atual possui 220 web icons para download
  9. MapBox - https://www.mapbox.com/maki/ -  Permite utilização em projetos de geoprocessamento, mapeamento, google maps icons...
  10. Glyphicons - http://glyphicons.com/ ou http://getbootstrap.com/components/ - Um dos melhores tanto na quantidade quanto na facilidade de utilização, o Bootstrap Twitter incorporou essa biblioteca de fontes no seu projeto.



Novas fontes, tendências e tecnologias estão surgindo a todo instante, se você acha que eu esqueci de citar uma boa alternativa de webfontes, informe aqui nos comentários ;)

Homenagem na Capa do Jornal de Brasilia do dia 25-12-2010

Venho desejar a todos os leitores do Dicadedica, um ano novo cheio de realizações, e aproveitar a oportunidade para mostrar a homenagem de natal prestada pelos funcionários do Jornal de Brasília que é claro estou incluído.

Será que estou identificável fazendo sombra em mim, ao estender a mão esquerda? Feliz Ano Novo!!!!

Definição de Tenso

tenso

Recado aos Novos Colunistas do Dicadedica!

Olá equipe!

Primeiramente boas vindas a todos vocês novos colunistas do blog e obrigado por aceitarem o convite:

Meu me chamo Moisés, tenho 26 anos, casado, tenho uma linda filhinha de 4 anos, trabalho na aérea de informática, primeiro como instrutor de informática hoje como webdesigner , sou uma pessoa praticaste de Tai Chi Chuan me interesso por blogs, animes e jogos de estratégia.
Sou uma pessoa direta, e ficarei feliz em ajudar todos vocês em seus blogs, no que estiver ao meu alcance.

Sugestão:(Alguns já o fizeram)
Cada um faça uma postagem falando sobre você e/ou seu próprio, nesta postagem podem conter por exemplo:
1 - Seu perfil ou foto
2 - Links para o seus blogs/sites
3 - banners e links

E quem quiser passar seu orkut, msn fique a vontade sou cadastrado no Me Adiciona
que tem todos estes dados!

Ultimas Notícias
Quem ainda não leu os últimos comentários do blog esta um pouco por fora do que aconteceu. Retirei algumas postagens que não se enquadravam com as regras do blog elas tinham coisas como programas e filmes piratas e algumas pornografias, bem como solicitei que algumas postagens não viesse com o conteúdo duplicado.

Os direitos e deveres estão no link acho que todos já leram:
http://dicadedica.blogspot.com/2009/05/dicadedica-convidou-voce-para.html


Respondendo dúvidas:
Posso colocar uma postagem que já tenho no meu blog?
R=Pode só peço que faça um título e um primeiro parágrafo diferente do que está no seu ou em outro blog.

EX:

De:
Limonada caseira
Para:
Suco de Limão feito em casa

Dica de título:
O que você digitaria no google para achar a dica que está escrevendo?
usa isso como título da matéria, o importante é ter relevância. acrescente palavras chave nos títulos e textos, quando houver mais de um tema na postagem usa negrito ou a tag [H1] no código.

Motivo:
Os motores de busca, excluem dos resultados os conteúdos duplicados, e retira o page rank dos conteúdos sem relevância. Se uma pessoa posta um conteúdo duplicado está prejudicando os dois sites. por isso peço que tenham o bom senso e faça o que acharem melhor para o seu blog e para o dicadedica.

Desta forma receberemos visitas dos usuários que digitam no google "suco de limão" e os que digitam "limonada" em ambos os blogs. rsrsrs

Quando o volume de postagem aumentar e com postagens de qualidade, os assinantes do rss vão aumentar e também os cliques nos links e anúncios que estão em suas postagens, por isso peço que postem bastante e postem com qualidade. (Postem toda semana)

Se você é um novo colunista e ainda não está com seu banner no dicadedica, é só enviar para meupcweb20@gmail.com que assim que eu tiver um tempo eu coloco sem falta, ok!

Mais uma coisa, podem postar programas e jogos (freeware, open sorce, shareware) e coloque o donwload para o baixaki (Não mandem link do rapdshare para o programas crakeados), em vez disso mande para o proprio site do programa para a versão demo.
Ex:
http://dicadedica.blogspot.com/2009/05/ccleaner-limpa-espaco-vazio-do-hd.html

Em caso de filmes e animes, não colocar dowload direto porque é ilegal em vez disso, fale sobre o mesmo e link para o trailer ou anexe o vídeo do youtube, videolog, etc... assim como nesta página:

EX:
http://dicadedica.blogspot.com/2008/10/o-livro-da-morte-death-note-primeira-e.html

Agradeço a todos e continuem gerando conteúdo e recebendo visitas em troca.

Abraços t+

Mais dúvidas podem mandar!!! fuiiiiiiiiiiii
--
Assinado:
Moisés
http://www.dicadedica.com

Transformar foto em desenho usando Photoshop


Transforme suas fotos em desenho usando apenas o Photoshop e o Paint. Siga o tutorial abaixo e veja o belo resultado.

1º - Com o Photoshop já aberto, abra uma de suas imagens ;

2º - Pressione CTRL + J para duplicar a layer ;

3º - Pressione a letra D e selecione Filtro > Croqui > Fotocópia ;

4º - Pressione CTRL + A e abra o Paint ;

5º - Pressione CTRL + V e salve com a extensão .PNG ;

Tutorial Blogger: Menu de Rolamento Automático e Flutuante de Páginas

Me surpreendi com o sucesso que fez este menu flutuante!!!
E Mau terminei o código do menu suspenso para rolamento de página automaticamente e já tem blogger divulgando como inserir... não me importo desde que citem as fontes. :p

Estou falando deste menu aqui que rola pra cima ou para baixo ao passar o mouse sobre ele, que coloquei inicialmente na parte inferior direita da página e hoje está no topo.

Aqui no blog você tem visto vários elementos suspensos e flutuante:


Para inserir é simples é só clicar e add como elemento de página do seu blogger:
Favor não retire os créditos para que outros também possam usufruir das dicas, ok!!! qualquer dúvida é só comentar!!!

Clique neste botão para colocar no seu blogger:




Como escolher uma câmera digital e não se arrepender?


Bom pessoal, ai vão algumas dicas de como escolher uma câmera digital, comprar e não se arrepender depois.

Primeiramente vamos falar sobre o famoso "megapixel"
Muitas pessoas imaginam que o numero de megapixels é o principal requisito que uma boa câmera deve possuir, mas estas pessoas estão completamente enganadas, pois muitos megapixels significa apenas uma maior possibilidade ao fazer ampliações ou cortar um detalhe da foto. Se você quer fotos 10 x 15 cm, qualquer câmera com mais de 6 megapixels desperdicio.

zoom
Procure unicamente por zoom óptico e sempre ignore o zoom digital. O zoom digital até oferece maior aproximação, mas destrói a qualidade da imagem.

Estabilizador de imagens
Atualmente é muito comum os modelos possuirem estabilização de imagem, pois isso ajudam a evitar fotos tremidas e desfocadas. Atualmente a maioria das câmeras possuem identificadores de faces e até de sorrisos, para evitar errar o foco e o enquadramento da imagem. 

Visor óptico
O visor óptico é um item indispensavel em qualquer câmera digital, pois esse visor é extremamente útil ao fotografar em situações com pouca ou muita luz,  onde normalmente o visor fica ificil de ver pelo LCD. Entretanto, a maioria das câmeras portáteis vem apenas com um visor LCD e não inclui o visor óptico. 

Baterias 
Normalmente as câmeras usam pilhas AA convencionais, outras possuem baterias recarregáveis de Lítion, que são bem mais duradouras, permitindo o fotógrafo tirar muito mais fotos. Leve isso em consideração e veja se será preciso ter uma bateria extra à mão em uma emergência. As pilhas AA são mais fáceis de encontrar, e dá para usar as recarregáveis. Uma bateria recarregável pode durar mais que as AA, mas é mais cara para substituir e difíceis de encontrar. 

Cartão de memória
Normalmente as câmeras vem com pouca memória interna, necessitando de um cartão de espanção de memória adicional. Dê preferencia para os modelos SD (Secure Digital), pois além de padrão, são mais baratos e fácil de encontrar.


Vídeo
A maioria das câmeras populares permite gravar vídeos com resolução de 640 x 480 ou 320 x 240 pixels. Normalmente as câmeras não gravam tão bem como as filmadoras, mas dependendo da câmera, a resolução pode ser bastante significativa. Modelos muito baratos não possuem esse recurso ou simplesmente não filmam com audio. Preste muita atenção antes de comprar uma câmera que nao capta audio para não se arrepender depois.

Bem pessoal, básicamente são esses os principais critérios que devem ser lembrados na hora de comprar uma câmera digital, mas um pouco de bom senso e atenção sempre ajudam bastante.

Siga a tabela abaixo não se arrependerá.

Câmeras Digitais




PhotoScape - Editor de imagens


Oi gente! Ah um bom tempo venho usando o Photoscape um editor/gerenciador de imagens muito bom pra quem gosta. Ele tem bastantes recursos, tipo a mais nova atualização vc pode encontrar funções como:



Visualização, edição de imagens q podem ser tanto individuais como em massa várias fotos, na edição vc recorta, remove olhos vermelhos, manchas e pode colocar o efeito mosaico. Ah! pode colocar brilho, clarear, vc pode colocar objetos nas fotos, texto, vc pode combianar fotos, fazer montagem delas, adicionar molduras, criar mosaicos... tem a função de impressão que é qdo você pode controlar quantas fotos vc vai imprimir em uma folha e vc pode Tb fazer muitas configurações: tamanho da foto, o alinhamento dela.



Encontramos nesse editor a animação em gif, o divisor de fotos, vc pode pegar um foto e deixá-la em pedaços, o recurso de captura na tela é muito bom pq vc captura a imagem toda ou vc pode até selecionar a região q vc deseja capturar.Ela já possui um conversor Raw o q é muito difícil de encontrar e tem o renomeador q vc pode renomear diversos aquivos ao mesmo tempo.



Os outros editores são bons, mas o que diferencia ele dos outros é a enorme praticidade q possui. Ele é um excelente programa para quem gosta de fotografia, profissionalmente ou não. Ajuda no dia-a-dia da maneira mais fácil que vc poderia encontrar. E ainda é grátis! É um progrma bem leve em coparaçao aos outros... eu recomendo

Não posso esquecer o mais importante vc encontra o programa no baixaki, originalmente ele é em inglês por usar há um bom tempo, ele atualizou pra nossa lingua. Mas eu fiz um teste baixei o programa instalei e comprovei q essa nova atualização já vem em português o q é muito bom..

DOWNLOAD

Empresa: Mooii
Licença: Gratuito
Tamanho: 14,00 MB
Sistema operacional: Windows XP/Vista/98/2000



RSS >> Icones Feeds Coleção Definitiva em PNG!

rss_by_sniffels

Hoje estava procurando na internte icones gratúitos e chamativos para divulgar o rss do dicadedica, e achei várias páginas interessantes, e tambem um site que continha a união de todas as coleções dos ícones rss de feeds gratúitas para colocar no seu site ou blog.
Gif, PNG, Rar.


BittBox
8 different colors - various sizes and formats. Illustrator, EPS, SVG, PNG, and JPG formats.

BittBox

UtomBox
Available in PNG format. Part of a larger set.
UtomBox

snap2objects
30 free icons in PDF vector format.
snap2objects

Vikiworks
Part of a Social Bookmark Iconset.
Vikiworks

Fasticon
Fasticon

Part of a set of Social Bookmark Icons.
Fasticon

Fasticon

zeus box
A whole set using PNG format.
zeus box

WebFruits
From (max)Icone Blog - Set 1
WebFruits Icons 1

From (max)Icone Blog - Set 2
WebFruits Icons 2

GoSquared
Available in Illustrator or JPEG versions.
GoSquared

Vector icons available in 5 different colors and in Illustrator, SVG, and JPEG formats.
GoSquared 2

PhotoshopCandy
Layered PSD available.
PhotoshopCandy

Perishable Press
In PNG format.
Perishable Press

Bartelme Design
Available in PNG and Illustrator formats.
Bartelme Design

Kapowaz
Available in PNG format as well as the original PSD.
Kapowaz

FreeIconsWeb
16 icons set in PNG, ICO, and ICNS formats.
FreeIconsWeb

Play Like A Girl
My personal favorite. Available in PNG format and the original PSD.
Play Like a Girl

Arzo Icons
Available in PNG format.
Arzo Icons

Randa Clay Design
Available in PNG and EPS formats.
Randa Clay Design

Ps graphiX
Available in PNG format as well as the original PSD.
Ps graphiX

Abdussamad Abdurrazzaq
Available as an animated gif.
Abdussamad Abdurrazzaq

Spheres Graphics
Available in PNG format.
Spheres Graphics

Spheres Graphics 2

Subtraction
Available in PNG format an in original PSD.
Subtraction

Dr. Web
Original PSD available and samples of lots of variations as gifs.
Dr. Web

DevilCry
Available in PNG format.
DevilCry 1

DevilCry 2

DevilCry 3

SimDes
Available in PNG format.
SimDes

Valentina Olini
Available in PNG format.
Valentina Olini

From deviantArt:

~nam0
namo1

namo2

carlnewton
Carl Newton

leoparn
Available in PNG format.
leoparn

jb55
jb55

petemh
petemh

Feeling inspired now? Want to make your own?

Feed Icons
Featuring a devlopers kit with AI, EPS, SVG, PSD, PDF, PNG, JPG, and GIF formats included.
Feed Icons

Want to start from scratch? Check out these tutorials:

Photoshoplovr.com
The original PSD is available as well as a tutorial on how to make them.
Photoshoplovr.com

Pixel Hive Design
A Photoshop tutorial.
Pixel Hive

PhotoshopCandy
The PSD is available upon request.
Photoshop Candy Tutorial

Spoon Graphics
Illustrator Tutorial.
Spoon

CMXtraneous
A Fireworks tutorial plus a PNG file.
CMXtraneous


Similar Posts:


This post is tagged



Explore Recent



Comic Book Conventions.com - The Web's Best Convention Calendar
Happy Catholics - Catholic Gifts, Art, and More!
Advertise on Design Bliss




Acesse os sites das coleções!!!
Vai ser difícil encontrar uma galeria maior do que está.

De uma olhada nesta Lista

Paper feed icons

paper_feed_icons_by_narjisnaqvi2

Hat RSS Icon

hat_rss_icon_by_loafninja

Wax Seals

wax-seals

RSS Bot

rss-bot

345 Free RSS Icons

345_free_rss__icons_by_studiom6

RSS

rss_by_sniffels

RSS icons

rss_icons_by_sniffels

Rss Icons Orb v2

shiny-iconsi

Feedicons 2

feed-icons

RSS Icons

illustation-rssjpg

Circle Feeds Icons

circle-feed-icons

RSS NEWS

rss-news-icons

RSS Icons

rss_icons_by_curtivearticide

Toast Feed Icon

toast

Rss icons - namo

namo

RSS 2008

3drssicon

RSS Feeds Icons - Shirt

rss-tshirts

RSS Block

rss-feed-block

3D Rss Feeds Icon

rss-feed-3d-icons

Free web 2.0 RSS icons

ice-joy

Rss icons by ~jinsona

icon-set

40 Vector Translucent 3D Look RSS Icons

vector-icons

Color RSS icons

color-icons

Feed Me Animals: A Free RSS Feed Icon Set

animal-rss-icon

30 Free Vector RSS Icons

vector-icons-square

RSS Feed Icons - Glossy Balls

cirle-glssy-icons

RSS feed button pack

rss-feed-buttons

RSS feed 17 icons-sign v1.0

multi-color-icon

RSS Icons by *lansworxph

shiny-glossy-icons

RSS Icons by ~serega

rss-icons-seanga

RSS ICON by ~blogeeks

blog-eeks

StickerFeed by ~bati1975

rss-sticker-icons

RSS Icons by ~mata-mhari

black-icons

Free Download: RSS Feed Badges / Icons

rss-feed-badge-buttons

RSS READER Icon by ~twinware

rss-reader

RSS Icons set by ~mata-mhari

circle-rss-icons

Web 2.0 RSS Icon 2

data-mouse

Free Glass Style RSS/Feed Icons

reflected-feed

NewsFire

news-fire

devi.RSS

devi

RSS Icons - PNG

black-rss-icon

RSS Pack

rss-pack

Wood RSS Feed Icons

wood-rss-feed-icon

Gold RSS Icon

gold-icon

Rss icon (png) freebie!

rss-show-off



The following icons were designed from members of Deviant Art.