Create your blog and photo album with postbit
Create your blog and photo album

Create new post


Upload a picture:
Tags (keywords separated by comma)

Save Cancel
Rodrigo Siqueira rsiqueira:   Followers: 36 ; Following: 31

Explore Rodrigo Siqueira's photo albums:
Chile - Viña Concha y Toro (78)
Château de Chenonceau (31)
Château d'Ussé (3)
Louvre Museum (77)
Mesquita de Córdoba (42)
Verona - Italy (41)

Bootstrap 3 icons

Bootstrap Icons (Bootstrap version 3):

Bootstrap 3 contains more than 200 icons provided by Glyphicon. See all available bootstrap 3 icons. The previous bootstrap version of icons is here: bootstrap 2 icons.

Usage (complete working example).This will display the "check" (v icon):

 <link rel="stylesheet" href="">
 <i class="glyphicon glyphicon-ok"></i> OK icon<br>

See also other live samples of bootstrap icons and Font Awesome Icons with Web Application Icons, Text Editor Icons, Directional Icons, Video Player Icons and Brand Icons.

Complete list of 200 bootstrap icons:









Sample usage (html syntax): <span class="glyphicon glyphicon-asterisk"></span>

List of icon names and sample image for each icon:

  •  asterisk
  •  plus
  •  euro
  •  minus
  •  cloud
  •  envelope
  •  pencil
  •  glass
  •  music
  •  search
  •  heart
  •  star
  •  star-empty
  •  user
  •  film
  •  th-large
  •  th
  •  th-list
  •  ok
  •  remove
  •  zoom-in
  •  zoom-out
  •  off
  •  signal
  •  cog
  •  trash
  •  home
  •  file
  •  time
  •  road
  •  download-alt
  •  download
  •  upload
  •  inbox
  •  play-circle
  •  repeat
  •  refresh
  •  list-alt
  •  lock
  •  flag
  •  headphones
  •  volume-off
  •  volume-down
  •  volume-up
  •  qrcode
  •  barcode
  •  tag
  •  tags
  •  book
  •  bookmark
  •  print
  •  camera
  •  font
  •  bold
  •  italic
  •  text-height
  •  text-width
  •  align-left
  •  align-center
  •  align-right
  •  align-justify
  •  list
  •  indent-left
  •  indent-right
  •  facetime-video
  •  picture
  •  map-marker
  •  adjust
  •  tint
  •  edit
  •  share
  •  check
  •  move
  •  step-backward
  •  fast-backward
  •  backward
  •  play
  •  pause
  •  stop
  •  forward
  •  fast-forward
  •  step-forward
  •  eject
  •  chevron-left
  •  chevron-right
  •  plus-sign
  •  minus-sign
  •  remove-sign
  •  ok-sign
  •  question-sign
  •  info-sign
  •  screenshot
  •  remove-circle
  •  ok-circle
  •  ban-circle
  •  arrow-left
  •  arrow-right
  •  arrow-up
  •  arrow-down
  •  share-alt
  •  resize-full
  •  resize-small
  •  exclamation-sign
  •  gift
  •  leaf
  •  fire
  •  eye-open
  •  eye-close
  •  warning-sign
  •  plane
  •  calendar
  •  random
  •  comment
  •  magnet
  •  chevron-up
  •  chevron-down
  •  retweet
  •  shopping-cart
  •  folder-close
  •  folder-open
  •  resize-vertical
  •  resize-horizontal
  •  hdd
  •  bullhorn
  •  bell
  •  certificate
  •  thumbs-up
  •  thumbs-down
  •  hand-right
  •  hand-left
  •  hand-up
  •  hand-down
  •  circle-arrow-right
  •  circle-arrow-left
  •  circle-arrow-up
  •  circle-arrow-down
  •  globe
  •  wrench
  •  tasks
  •  filter
  •  briefcase
  •  fullscreen
  •  dashboard
  •  paperclip
  •  heart-empty
  •  link
  •  phone
  •  pushpin
  •  usd
  •  gbp
  •  sort
  •  sort-by-alphabet
  •  sort-by-alphabet-alt
  •  sort-by-order
  •  sort-by-order-alt
  •  sort-by-attributes
  •  sort-by-attributes-alt
  •  unchecked
  •  expand
  •  collapse-down
  •  collapse-up
  •  log-in
  •  flash
  •  log-out
  •  new-window
  •  record
  •  save
  •  open
  •  saved
  •  import
  •  export
  •  send
  •  floppy-disk
  •  floppy-saved
  •  floppy-remove
  •  floppy-save
  •  floppy-open
  •  credit-card
  •  transfer
  •  cutlery
  •  header
  •  compressed
  •  earphone
  •  phone-alt
  •  tower
  •  stats
  •  sd-video
  •  hd-video
  •  subtitles
  •  sound-stereo
  •  sound-dolby
  •  sound-5-1
  •  sound-6-1
  •  sound-7-1
  •  copyright-mark
  •  registration-mark
  •  cloud-download
  •  cloud-upload
  •  tree-conifer
  •  tree-deciduous

Other usage example (this will display the circle-arrow-right icon):
<span class="glyphicon glyphicon-circle-arrow-right"></span>
<i class="glyphicon glyphicon-circle-arrow-right"></i>


This icon list above is for the version 3 of Bootstrap.

In version 2, the icons were a single image file using sprite method for display each icon.
In this version 3, the icons are inside a font file (webfont) automatically loaded by bootstrap.css (or bootstrap.min.css): /bootstrap/fonts/glyphicons-halflings-regular.woff (also .ttf, .svg and .eot extensions).

The icon size can be changed (enlarged or reduced), since they are vectorial images. Example of enlarged bootstrap icon:


This example is the "ok" icon with double size (2em means twice the default size). Syntax:
<span class="glyphicon glyphicon-ok" style="font-size: 2em;"> 

Other free icons collection: ("ionicons" for Ionic Framework). Including ion-ios-pulse and ion-ios-lightbulb-outline icon.


Post by Rodrigo Siqueira (2014-04-21 17:22)

Post your comment:

Name: Email: Site:

Bootstrap Icons

How to use Bootstrap Icons in your site:

* This post is for Bootstrap 2. Check here for Bootstrap 3 icons.

Bootstrap Icons - compact

Bootstrap icons are included in the Twitter Bootstrap library framework and each icon can be used in your website or as app icons,  control panel icons or to use as software icons in your project. The css class will display a single icon from the bootstrap icon image file using the css sprite technique. Those Boostrap Icons are called "Glyphicons" ir "icon glyphs", that are 140 high quality beautiful icons in dark gray color. The class for each bootstrap icon and css command and examples are below.

1) Include the Bootstrap CSS file.

You can download Bootstrap or link to their hosted Bootstrap file:
<link rel="stylesheet" href="">

2) Use the class for each Bootstrap Icon:

  <i class="icon-adjust"></i>

  <i class="icon-align-center"></i>

  <i class="icon-align-justify"></i>

  <i class="icon-align-left"></i>

  <i class="icon-align-right"></i>

  <i class="icon-arrow-down"></i>

  <i class="icon-arrow-left"></i>

  <i class="icon-arrow-right"></i>

  <i class="icon-arrow-up"></i>

  <i class="icon-asterisk"></i>

  <i class="icon-backward"></i>

  <i class="icon-ban-circle"></i>

  <i class="icon-barcode"></i>

  <i class="icon-bell"></i>

  <i class="icon-bold"></i>

  <i class="icon-book"></i>

  <i class="icon-bookmark"></i>

  <i class="icon-briefcase"></i>

  <i class="icon-bullhorn"></i>

  <i class="icon-calendar"></i>

  <i class="icon-camera"></i>

  <i class="icon-certificate"></i>

  <i class="icon-check"></i>

  <i class="icon-chevron-down"></i>

  <i class="icon-chevron-left"></i>

  <i class="icon-chevron-right"></i>

  <i class="icon-chevron-up"></i>

  <i class="icon-circle-arrow-down"></i>

  <i class="icon-circle-arrow-left"></i>

  <i class="icon-circle-arrow-right"></i>

  <i class="icon-circle-arrow-up"></i>

  <i class="icon-cog"></i>

  <i class="icon-comment"></i>

  <i class="icon-download"></i>

  <i class="icon-download-alt"></i>

  <i class="icon-edit"></i>

  <i class="icon-eject"></i>

  <i class="icon-envelope"></i>

  <i class="icon-exclamation-sign"></i>

  <i class="icon-eye-close"></i>

  <i class="icon-eye-open"></i>

  <i class="icon-facetime-video"></i>

  <i class="icon-fast-backward"></i>

  <i class="icon-fast-forward"></i>

  <i class="icon-file"></i>

  <i class="icon-film"></i>

  <i class="icon-filter"></i>

  <i class="icon-fire"></i>

  <i class="icon-flag"></i>

  <i class="icon-folder-close"></i>

  <i class="icon-folder-open"></i>

  <i class="icon-font"></i>

  <i class="icon-forward"></i>

  <i class="icon-fullscreen"></i>

  <i class="icon-gift"></i>

  <i class="icon-glass"></i>

  <i class="icon-globe"></i>

  <i class="icon-hand-down"></i>

  <i class="icon-hand-left"></i>

  <i class="icon-hand-right"></i>

  <i class="icon-hand-up"></i>

  <i class="icon-hdd"></i>

  <i class="icon-headphones"></i>

  <i class="icon-heart"></i>

  <i class="icon-home"></i>

  <i class="icon-inbox"></i>

  <i class="icon-indent-left"></i>

  <i class="icon-indent-right"></i>

  <i class="icon-info-sign"></i>

  <i class="icon-italic"></i>

  <i class="icon-leaf"></i>

  <i class="icon-list"></i>

  <i class="icon-list-alt"></i>

  <i class="icon-lock"></i>

  <i class="icon-magnet"></i>

  <i class="icon-map-marker"></i>

  <i class="icon-minus"></i>

  <i class="icon-minus-sign"></i>

  <i class="icon-move"></i>

  <i class="icon-music"></i>

  <i class="icon-off"></i>

  <i class="icon-ok"></i>

  <i class="icon-ok-circle"></i>

  <i class="icon-ok-sign"></i>

  <i class="icon-pause"></i>

  <i class="icon-pencil"></i>

  <i class="icon-picture"></i>

  <i class="icon-plane"></i>

  <i class="icon-play"></i>

  <i class="icon-play-circle"></i>

  <i class="icon-plus"></i>

  <i class="icon-plus-sign"></i>

  <i class="icon-print"></i>

  <i class="icon-qrcode"></i>

  <i class="icon-question-sign"></i>

  <i class="icon-random"></i>

  <i class="icon-refresh"></i>

  <i class="icon-remove"></i>

  <i class="icon-remove-circle"></i>

  <i class="icon-remove-sign"></i>

  <i class="icon-repeat"></i>

  <i class="icon-resize-full"></i>

  <i class="icon-resize-horizontal"></i>

  <i class="icon-resize-small"></i>

  <i class="icon-resize-vertical"></i>

  <i class="icon-retweet"></i>

  <i class="icon-road"></i>

  <i class="icon-screenshot"></i>

  <i class="icon-search"></i>

  <i class="icon-share"></i>

  <i class="icon-share-alt"></i>

  <i class="icon-shopping-cart"></i>

  <i class="icon-signal"></i>

  <i class="icon-star"></i>

  <i class="icon-star-empty"></i>

  <i class="icon-step-backward"></i>

  <i class="icon-step-forward"></i>

  <i class="icon-stop"></i>

  <i class="icon-tag"></i>

  <i class="icon-tags"></i>

  <i class="icon-tasks"></i>

  <i class="icon-text-height"></i>

  <i class="icon-text-width"></i>

  <i class="icon-th"></i>

  <i class="icon-th-large"></i>

  <i class="icon-th-list"></i>

  <i class="icon-thumbs-down"></i>

  <i class="icon-thumbs-up"></i>

  <i class="icon-time"></i>

  <i class="icon-tint"></i>

  <i class="icon-trash"></i>

  <i class="icon-upload"></i>

  <i class="icon-user"></i>

  <i class="icon-volume-down"></i>

  <i class="icon-volume-off"></i>

  <i class="icon-volume-up"></i>

  <i class="icon-warning-sign"></i>

  <i class="icon-wrench"></i>

  <i class="icon-zoom-in"></i>

  <i class="icon-zoom-out"></i>

Bootstrap Icons (* version bootstrap 2)

Bootstrap Icons

The image above is the list with all Bootstrap Icons with the respective icon name and icon sample.

Source of this image:


Post by Rodrigo Siqueira (2013-04-23 12:23)

From: Jefferson
Thanks! Helped a lot! 2014-04-11 10:02

From: PJ
nice thanks for sharing the easy way out. 2013-08-29 02:07

Post your comment:

Name: Email: Site:

Quem é Satoshi Nakamoto?

Satoshi Nakamoto é o pseudônimo do misterioso criador do Bitcoin (moeda virtual open source). Algum tempo depois de publicar o código e o funcionamento dos Bitcoins, Satoshi Nakamoto "desapareceu" da rede sem deixar rastros de quem é realmente.

Na verdade não existe nenhuma pessoa real com o nome verdadeiro de Satoshi Nakamoto e ninguém sabe ao certo quem é o verdadeiro criador do Bitcoin. Pode ser uma pessoa, um grupo de pessoas, uma empresa ou um governo. Muitos especulam sobre a verdadeira identidade dele.

Pessoalmente acredito que Satoshi Nakamoto não é japonês e pode ser uma (ou mais) das seguintes pessoas:

Jed McCaleb: Foi o criador e desenvolvedor da maior bolsa de compra e venda de Bitcoins no Japão, o "Mt.Gox" ( e vendeu o site posteriormente. Atualmente trabalha no projeto Ripple ( com a moeda virtual XRP e no projeto OpenCoin. Autor do eDonkey 2000 (programa de comunicação p2p peer-to-peer)

David schwartz: Chefe de criptografia do OpenCoin Inc., moderador do grupo BitCoin do fórum StackExchange e especialista em moedas virtuais. É um dos arquitetos do sistema de pagamentos Ripple e trabalha com o jed McCaleb. Obs: Fiz meu cadastro (carteira eletrônica) no site ("O Sistema de Pagamento Aberto do Mundo") e ganhei alguns ripples (código da moeda: XRP) de presente para testar!

Nick Szabo: Criador do conceito "Bit Gold", especialista em criptografia, dinheiro digital, autor do artigo "As Origens do Dinheiro" e publicações relacionadas a protocolos seguros de transação através de meios não-confiáveis. Satoshi Nakamoto implementou idéias do Nick Szabo ao criar os bitcoins. As iniciais do nome podem significar que "NS" = "SN".

Wei Dai: cypherpunk, pesquisador de criptografia, cripto-anarquia, protocolos de comunicação anônima

Dustin Trammell: Pesquisador de segurança e fã de criptografia. Autor do post "I am not Satoshi Nakamoto". se defendendo das acusações (feitas por Adi Shamir, inventor do RSA) dele ser Satoshi Nakamoto e ter transferido bitcoins usados pelo mercado negro Silk Road.

Dorian Satoshi Nakamoto: Por essa pessoa ter o mesmo nome, saber programar e ser engenheiro, a revista Newss fez uma matéria chamada "The Face Behind Bitcoin" (o rosto por trás do Bitcoin) afirmando que Dorian S Nakamoto seria o verdadeiro Satoshi Nakamoto, mas muitas evidências provam que não é verdade.

Craig Steven Wright: australiano investigado pela polícia, criador da DeMorgan. Divulgou em 2008 uma "nova forma de dinheiro eletrônico".

Paul Graham citou no Hacker News motivos de por quê um governo teria criado o bitcoin.


Post by Rodrigo Siqueira (2013-04-22 13:16)

Post your comment:

Name: Email: Site:

Sites mais acessados por pais

Para obter a lista dos sites mais acessados em cada país (top sites), acesse o serviço "" que lista quais os domínios e sites mais populares, ordenando os resultados por audiência (sites de maior audiência e mais acessos aparecem em primeiro lugar).

Por exemplo, para listar os sites mais acessados do Brasil, ou da França, Chile, etc:

Veja também a lista de top sites de outros países (sites com maior quantidade de acessos em cada país).

Para ver os sites mais populares do mundo (sem categorizar domínios por pais), acesse:

O ranking de acesso é baseado no índice fornecido pelo "Alexa" (empresa que cria as estatísticas de sites mais acessados do mundo). A empresa Alexa pertence à Amazon.

Os dados foram obtidos pela análise durante vários anos deste ranking dos sites de maior audiência, separados por país e por extensão de domínio (ex: .br, .fr, .cl, .uk, .it, .com, .net, .org, .gov, etc).

Post by Rodrigo Siqueira (2012-11-20 01:25)

Post your comment:

Name: Email: Site:

Projeto USP Online

Informações históricas sobre o desenvolvimento do primeiro website da USP (Universidade de São Paulo) e o projeto USPonline:

Projeto USPonline: O que é

O Projeto USPonline
Como Surgiu
Interface Eletrônica
Desenvolvimento e Operacionalidade
Usuários e Navegação
O Futuro



USPonline é um projeto institucional da USP Universidade de São Paulo, uma das maiores e mais conceituadas instituições de ensino público superior do Brasil. A USP é composta de 33 unidades, escolas e institutos além de 19 fundações, 4 museus de relevância nacional e 2 hospitais. A cidade de São Paulo abriga o seu principal campus, mas existem outros 8 campi em 6 cidades do Estado. A USP conta com aproximadamente 38 mil alunos de graduação, 22 mil de pós-graduação e com 5,6 mil professores relacionados a 95 cursos regulares de graduação, 263 cursos de mestrado e 224 de doutorado. Seus docentes publicam por ano, cerca de 15 mil trabalhos, principalmente artigos, livros e trabalhos em congressos. Já foram outorgados 21 mil títulos de mestre e 12.500 de doutor (do total de quase 20 mil existentes no País). O USPonline integra-se ao projeto USPnet rede computacional da Universidade de São Paulo, iniciado em 1991 quando a USP, através da FAPESP (Fundação de Amparo à Pesquisa do Estado de São Paulo), se conectou a Internet.

O Projeto Usponline

Com a extensão e modernização da USPnet em curso, que possibilitará a interligação de todos os seus campi, a USP estará, ainda este ano, de forma homogênea e abrangente, não só internamente interconectada, mas em contato eletrônico com o Brasil e com o mundo via Internet. Em resposta aos desafios e oportunidades que este novo sistema de comunicação e de disponibilização de informação impõe é que foi criado o Projeto USPonline. Trata-se de uma interface de informação e cul tura "on-line", que planeja, desenvolve e gerencia o núcleo central das informações institucionais da USP na World Wide Web da Internet (WWW). O projeto também presta assistência e consultoria às unidades da USP que pretendem disponibilizar suas informações e material acadêmico na WWW, favorecendo assim um processo descentralizado e plural de construção e atualização do hipertexto da USP como um todo. O USPonline atua assim, como uma espécie de gerente das páginas de acesso (páginas raízes) ao universo hipertextual de informação e conhecimento produzido e mantido pela Universidade, além de servir como um modelo às futuras páginas das unidades. O papel de maestro deste processo de interação eletrônica é possível hoje, graças a eficiência da USPnet, da participação efetiva de alguns servidores (computadores) em diferentes unidades e obviamente de estudantes, pesquisadores e pessoal técnico especializado engajado nesta tarefa.

Como Surgiu

No segundo semestre de 1994, já havia páginas para a WWW, desenvolvidas por um pequeno número de alunos e professores da USP, armazenadas em alguns servidores de unidades mais informatizadas. Entre eles estava o aluno da POLI-USP Rodrigo de Almeida Siqueira, responsável pelo desenvolvimento do primeiro conjunto de páginas informativas sobre a USP para a WWW. As possibilidades de uso e aplicação desta nova mídia de comunicação em outros setores da universidade demonstrados com entusiasmo, principalmente por jovens pesquisadores como o próprio Rodrigo reforçaram a necessidade da criação de um projeto institucional voltado a organização e planejamento do hipertexto da USP na Internet. Este projeto deveria refletir não só a amplitude e a diversificação do conhecimento gerado e mantido pela USP, como sua importância no cenário da pesquisa científica e do ensino universitário brasileiro. Surgiu assim, em março de 1995, o projeto USPonline, com a finalidade de se tornar uma interface universitária, um agente facilitador de comunicação interna e externa e provedor institucional das informações referentes a Universidade.

Interface Eletrônica

Esta interface eletrônica universitária se apoia, de forma metafórica, ao que o crítico e teórico da arte, Mario Pedrosa, expõe a respeito do centro universitário em seu artigo, escrito em 1967, sobre a função do museu neste domínio (PEDROSA, MARIO. OBRAS COMPLETAS: ARTE-EDUCACAO, ESCOLAS E MUSEUS. 1.ed. S.L. : S.N., 198-. 12V, pp-35-8). Para Pedrosa, este centro deveria expressar a idéia-síntese de uma comunidade altamente qualificada, parcamente diversificada e socialmente homogênea: a Universidade. Neste sentido ele ressalta que esta idéia-síntese deveria ser definida pela "inter-relação dinâmica das atividades, que se devem exprimir nas formas arquitetônicas, nos espaços intervalares interiores, nas perspectivas com que se defrontam, nas finalidades a que se destinam."... e ele vai além:"Não se quer dizer, porém, com isso que todas essas atividades se definem pelas simples formas arquitetônicas individuais e isoladas, como símbolos estáticos, que se acabam se convencionalizando, mas pelo diálogo permanente de umas com as outras, de modo que a área em conjunto exprima uma totalidade dinâmica no espaço, dentro da qual cada elemento se afirme sem violar-se, se integre sem sumir-se." O Projeto USPonline não é apenas um serviço de informação on-line, mas uma metáfora de universidade, que se conforma virtualmente ao relacionar sistemas de cultura com sistemas de informação. Ou seja, ele não opera apenas como um banco de dados a respeito da USP, mas como uma interface cultural, reflexo da totalidade de conhecimentos diferenciados gerados pela universidade. Neste caso, a informação gerada e mantida pela USP na Internet, disponibilizada através de uma estrutura hipertextual, se contextualiza em atraentes ambientes gráficos virtuais. Esta condição favorece uma relação mais "amigável" com o usuá ;rio, motivando-o a continuar a sua "navegação" nesta interface multimídia. O USPonline é assim uma espécie de "idéia-síntese" de universidade modelada virtualmente através da int eração do usuário com o computador.

Desenvolvimento e Operacionalidade

O desenvolvimento e a operacionalidade deste projeto se apoia em uma estrutura jovem e inovadora. Esta característica já estava presente na própria criação do USPonline, por se tratar de uma iniciativa conjunta de quatro coordenadorias da USP:

  • CCE - Centro de Computação Eletrônica
  • CCI - Comissão Central de Informática
  • CCS - Coordenadoria de Comunicação Social
  • CECAE - Coordenadoria Executiva de Cooperação Universitária e de Atividades Especiais

Esta convergência de interesses institucionais potencializa a interdisciplinaridade do projeto motivando assim o intercâmbio não só de idéias, mas de técnicas, conhecimentos e de experiências diferenciadas. Este quarteto (as 4 Coordenadorias, ou o "Quarteto em C") optou pela formação de uma equipe de desenvolvimento e de manutenção composta por "jovens talentos" (dois coordenadores -acadêmico e executiva, uma jornalista, dois webmasters e 8 estagiários), apoiada por uma comissão de 10 membros, que representa a vanguarda das ciências da computação e da informação da instituição. Além desse suporte, o projeto conta com o apoio da Reitoria e das quatro Pró-Reitorias da USP (Cultura e Extensão; Gradução; Pós-Graduação; Pesquisa), que patrocinam o trabalho de estagiários em sua respectiva área de ação. Desde a sua criação, o USPonline recebe o apoio cultural da Agência Estado. Um outro elemento importante nesta dinâmica operacional é a lista de discussão "usponline-l". Esta vem servindo como fórum para discuss&otild e;es referentes a questões conceituais, de conteúdo, de política institucional, entre outras, relacionadas não só ao material desenvolvido e mantido pelo projeto, como também ao produzido por outras unidades da USP. Este é o ponto-de-encontro virtual dos desenvolvedores do hipertexto da USP: coordenadores, webmasters, usuários, etc...

Usuários e Navegação

Os usuários do USPonline são os mais diversos possíveis, membros da comunidade Internet no mundo inteiro. O projeto procura atender a todos, no entanto, a comunidade uspiana responsável por cerca de 75% dos acessos ao servidor constitui o seu público-alvo. Para responder a esta demanda heterogênea de usuários, o projeto oferece quatro modos diferenciados de navegação:

Padrão: navegação central, de rápido acesso, abrangendo os seguintes tópicos:
a) geral,
b) cultura e atualidades,
c) humanas,
d) biológicas,
e) exatas
f) serviços e utilidades.

"English version": navegação diferenciada e customizada para usuários estrangeiros.

Laboratório-interface em contínuo desenvolvimento, com projeto gráfico avançado, sintonizado com as últimas novidades tecnológicas desta mídia.

Simula um passeio pela USP, no qual as Unidades podem ser acessadas através de mapas sensíveis 3D, que incluem informações úteis ao usuário, como localização, transporte, dados estatísticos, etc...

O Futuro

O grande desafio do projeto é o de estabelecer, em conjunto com outras instâncias da universidade, uma cultura de rede, que possibilite uma maior integração de sua comunidade. Neste sentido, acredita-se que seja possível aprimorar e manter atualizada esta idéia-síntese de Universidade através de um trabalho em conjunto, dinâmico, interdisciplinar e descentralizado, para que ela esteja disponível não só a sua comunidade mas a hiper-aldeia global, em contínua expansão e conformação.

Post by Rodrigo Siqueira (2012-11-13 18:53)

Post your comment:

Name: Email: Site:

Como identificar uma fonte usada em uma imagem?

Viu uma fonte e quer saber qual é?

Tenho uma imagem com um texto escrito dentro e preciso saber qual fonte foi utilizada.
Como descobrir qual a fonte usada no texto da imagem ?

Resposta: Encontrei um site que faz identificação automática da fonte (automatic font recognition) e mostra quais as fontes mais similares ou iguais à fonte usada na imagem analisada.

O site com o serviço online de identificação de fontes é o WhatTheFont

O sistema de reconhecimento automático da fonte funciona assim:
1) Faça o upload ou especifique o url da imagem com o texto a ser reconhecido.
2) Selecione os caracteres indicando as letras sugeridas pelo sistema (isso dá dica para o sistema identificar qual fonte foi usada).
3) Veja o resultado com a lista de fontes identificadas na imagem, incluindo variações da fonte, fontes similares e versões da fonte encontrada (solid, bold, light, italic).

A fonte é procurada através da comparação entre a imagem fornecida com um grande banco de dados de fontes. Este site também tem um sistema de busca de fontes para encontrar fontes por nome, fontes mais populares, fontes especiais, tipografias, webfonts (fontes para web)

Foi com este site por exemplo que descobri que a fonte Baskerville foi usada no texto de um selo da minha coleção. Eu uso também para descobrir fontes de logotipos, identificar qual fonte foi usada em livros, imagens com texto e em textos de sites da Internet que usam texto dentro imagens.

Este site ( também pode ser usado para fazer visualizar texto escrito com diversos tipos de fonte. Você define a palavra ou o texto desejado e vê como fica com vários tipos de fonte, fazer download da imagem com o texto escrito com a fonte desejada. Para isso é preciso fazer a busca pelo nome da fonte desejada e escrever no campo "Choose your own sample text" o texto para fazer o preview (visualização da fonte). Exemplo do resultado de busca por fontes com a palavra "blog" visualizada com diversos tipos de fontes diferentes, mostrando a opção para aumentar o tamanho da fonte, download ou compra da fonte com o preço de cada uma:

Post by Rodrigo Siqueira (2012-10-30 13:59)

Inicialmente gostaríamos de agradecer a vossa consulta, e para tanto estamos encaminhando nossa proposta comercial a qual 2013-07-07 08:43

Tags: design

Post your comment:

Name: Email: Site:

Ranking dos meus sites no Alexa

Utilizo o Alexa para saber a popularidade dos sites que tenho.

É importante acompanhar o ranking pelo Alexa de tempos em tempos para saber se o site está melhorando em quantidade de acessos e popularidade ou se está estável ou diminuindo a quantidade de acessos.

Quanto menor o número, melhor a posição do site em relação à quantidade de acessos. Os sites mais acessados do mundo, com rank na posição número 1, 2, 3, 4 e 5, 6 são o Google, Facebook, Youtube, Yahoo, Baidu e Wikipedia.

Exemplos de alguns sites que estou monitorando o rank de acessos:

Site: (inclui o fórum)
Rank: 30571 (28/out/2012), 33139 (27/nov/2012), 34195 (1/jan/2013)

Site: (editor online de JavaScript)
Rank: 1741366 (28/out/2012)

Site: (encurtador de url)
Rank: 2784783 (28/out/2012), 1066926 (27/nov/2012), 768484 (1/jan/2013)

Site: (ferramenta para criar blog e álbum de fotos)
Rank: 48553 (28/out/2012) - acompanhe o crescimento de acessos ao Postbit

Site: (site do Robô Ed, incluindo site do Conpet)
Rank: 384360 (28/out/2012), 379813 (27/nov/2012)

Site: (lista de sites mais acessados do mundo)
Rank: 884208 (27/nov/2012)
Rank: 122704 (01/jan/2012)

Com base no ranking do Alexa, criei a lista dos sites mais visitados da Internet (os 10000 top sites ordenados por popularidade) e um sistema de busca ( que busca por palavras-chave no título, descrição, domínio e conteúdo da primeira página dos 500.000 sites mais acessados da Internet.

Post by Rodrigo Siqueira (2012-10-28 12:39)

Post your comment:

Name: Email: Site:

Setup do meu ambiente de trabalho em casa

Este é o setup do meu escritório em casa. O que aparece na foto:

  • Dois monitores de 24" (resolução 1920x1200 pixels cada um)
  • Teclado Apple Aluminum Keyboard com fio (é o melhor teclado que já usei desde que uso computadores há mais de 30 anos!), com teclas programadas com o Autohotkey
  • Mouse com 4 botões, modelo "Logitech Wireless Marathon Mouse M705 with 3-Year Battery Life" (mouse sem fio com bateria que dura 3 anos!)
  • Mousepad modelo "TRIXES Black Comfort Wrist Gel Rest Support Mat Mouse Mice Pad", com apoio para o pulso
  • Impressora HP com scanner 2400 DPI e fax
  • Caixas de som do aparelho de som Sony (liguei o aparelho de som como caixa de som do micro, ficou com som melhor do que qualquer caixinha de som que já ouvi).
  • Câmera fotográfica digital Sony (sob a mesinha)
  • Roteador wireless (wi-fi)
  • Cadeira giratória de couro do Sam's Club
  • Tapete de sisal sintético para cadeira não riscar o piso de madeira

Veja também: Software e hardware que uso para programação com detalhes dos equipamentos, aplicativos.

Post by Rodrigo Siqueira (2012-10-25 19:34)

Post your comment:

Name: Email: Site:

Como instalar o nginx no servidor EC2 da Amazon

Hoje instalei servidor web nginx no servidor Amazon EC2 AWS usando os seguintes comandos (instalação passo-a-passo):

1) Instalar o pacote de distribuição do servidor web "nginx":

sudo yum install nginx

2) Configurar o servidor nginx, editando o arquivo "/etc/nginx/nginx.conf".

Para definir o nome do servidor virtual, adicionei este comando dentro da diretiva "http { ... }":

  server {
    access_log /var/log/nginx/ main;
    root /virtual/;
    rewrite ^ permanent;

Meu objetivo era apenas fazer um redirect 301 (redirecionamento permanente) de  um domínio para outro servidor. Esta configuração do nginx faz com que qualquer acesso ao servidor "" ou "" seja redirecionado automaticamente para "".
3) Configurei o servidor para iniciar automaticamente o nginx ao fazer reboot ou reiniciar o computador:
sudo /sbin/chkconfig nginx on

4) Iniciei o servidor nginx com o comando:
sudo /etc/init.d/nginx restart
Pronto! Com isso o servidor nginx foi instalado e configurado corretamente no servidor linux EC2 da Amazon AWS.

Post by Rodrigo Siqueira (2012-10-17 13:29)

Post your comment:

Name: Email: Site:

Lista das palavras mais comuns em francês

Tradução para português das palavras mais comuns no idioma francês. Glossário/dicionário com a lista de palavras mais frequêntes em francês:

la = a
le = o
les = os
et = e
dans = em
plus = mais
pour = para
avec = com
comme = como
sont = são
fut = foi
oui = sim
pas = não
sur = em / sobre
cette = este
il = ele
elle = ela
aussi = também
ainsi = assim
aprés = depois
avant = antes
être = ser
très = muito
où = onde
voir = ver
alors = então
premier = primeiro
ville = cidade
tout = todos
bien = bem
moins = menos
avant = antes
jusqu'à = para
nouveau = novo
chez = na casa de
parmi = entre os/dentre
aujourd'hui = hoje
parfois = às vezes
lieu = lugar
sans = sem
tous = todos
donc = portanto
ensuite = em seguida
travail = trabalhar
fils = filho
dernier = último
toujours = sempre
plupart = maioria
ensemble = junto
tête = cabeça
autre = outro
côté = lado
moins = menos
mer = mar
musée = museu
façon = maneira
petit = pequeno
eau = água
nuit = noite

Fiz esta lista de palavras para poder estudar francês (veja "como aprender francês pela internet")

Outra lista de palavras comuns em francês que é muito útil são as palavras mais frequentes em francês usadas por crianças de 4 anos. São palavras simples, importantes e muito usadas:
Esta lista está separada por palavras comuns sobre animais, escola, transporte, trabalho, comida, viagem, família, festas, etc. Buscar a tradução para português de cada palavra ajuda a aprender e aumentar o vocabulário. Pode usar dicionário ou Google Translator para obter o significado de cada palavra.

Termos relacionados a Voyage (Viagem), retirados desta lista de palavras acima.
sortir = sair
aller = ir
arriver = chegar
bagage = malas
route = caminho
retour = retorno
visiter = visitar
regarder = olhar
pays = país
boire = beber
manger = comer
bateau = barco
avion = avião
pêcheur = pescador
poisson = peixe
plage = praia
château = castelo


Post by Rodrigo Siqueira (2012-10-16 22:36)

From: gustavo
merci... é de uma grande ajuda! 2014-09-29 10:36

From: Jonatas
Je suis très content 2014-08-16 15:59

From: franklin
Adorei isto sera muito util para mi 2014-02-21 08:03

From: marco
grande ajuda merci.... 2014-02-18 19:23

From: paulo.cesar
merci façon 2014-02-10 09:00

From: Fernanda suir tres contente. 2013-11-19 17:27

From: Vitor
Mercy, me ajudou bastante... 2013-11-08 20:45

From: Ana Caroline
adorei o cite muito legal me ajudou bastante 2013-10-08 17:34

From: Princesa Crispim
Merci... é de uma grande ajuda! 2013-09-10 08:38

From: Guilherme
Muito bom! Justamente o que eu estava procurando. 2013-04-14 13:28

Post your comment:

Name: Email: Site:

  << PREVIOUS PAGE Page 2 of 10 NEXT PAGE >>

| Explore users | New posts | Create your blog | Create your photo album |
| About Postbit | Our blog | Terms of use | Contact Postbit |

Copyright © 2019 -