Pular para o conteúdo principal

Postagens

Mudar o Contraste dos Sites nos Navegadores (Alto-Contraste) ou (High Contrast)

Plugin de Complemento e Extensão para FireFox e Google Chrome Black Code for Program (High contrast) , permite trocar a aparência dos sites deixando com o fundo "preto" e o "texto branco",  funciona com os principais sites da web e foi trabalhado para ser compatíveis com sites em Bootstrap. Esperimente mudar a aparência do Facebook, Twitter, Google, Linkedin, Globo, R7, Youtube, Blogger, Wordpres e qualquer outro site no Chrome ou FireFox. Como funciona o Stylish? Ele altera o css do site com um clique e você pode alternar entre os estilos escolhidos ou modificar um estilo, caso você conheça um pouco de CSS. Como instalar?  Instale o plugin Stylish for Firefox   or   Stylish for Chrome .  Acesse o estilo de alto contrast genérico , que funciona para qualquer site http://userstyles.org/styles/98108/black-code-for-program-high-contrast Pronto agora é só habilitar ou desabilitar o estilo na hora que for conveniente. Contribua com novos estilos, irei pu

Dica para Baixar o Flappy Bird

O Dono do aplicativo Flappy Bird retirou o jogo do ar, mais ele ainda pode ser encontrado através dos torrentes de APK de plantão é só fazer o download e apanhar para o game que continua a tirar o sono de muita gente. Segue o tutorial de como jogar e o link para download do game encontrado no site apkandroid.blogspot.com.br Como jogar:  Toque para bater as suas asas para voar.  Evite tubos.  Tente obter quatro medalhas: bronze, prata, ouro (duro), platina (muito difícil)  O que há de novo na versão 1.3: Apoio Android 2.2  Corrigir bugs.  A primeira coisa antes de instalar o aplicativo é habilitar o celular para instalar app de fontes desconhecidas, feito isso agora é só fazer o download direto no aplicativo e boas jogadas. Baixar Arquivo: 894 KB (Flappy Bird 1.3 APK)  Downloa Link 1 Download Link 2 Ou para facilitar acesse do Qrcode do celular e clique do celular nos links acima:

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.

Bootstrap 3 Cursos e Tutoriais Gratis Online do Youtube

Uma nova tendência no desenvolvimento web é o desenvolvimento de sites multiplataformas, responsivo que se adapte em vários formatos de mídia, celular, tablet, mobile, smart tv e outros. Para facilitar esse desenvolvimento o Twitter lidera um projeto chamado Bootstrap que é um Guia de Interface de Usuário que permite utilizar componentes comuns utilizados em sites para agilizar esse desenvolvimento.  Por exemplo, Grid de layout, botões, ícones, formulários etc. Lista de componentes prontos em Bootstrap: Glyphicons Dropdowns Button groups Button dropdowns Input groups Navs Navbar Breadcrumbs Pagination Labels Badges Jumbotron Page header Thumbnails Default example Custom content Alerts Progress bars Media object List group Panels Wells Curos de Bootstrap 2 oferecido gratuitamente pelo JCursos (Português) Curso de Bootstrap 3 oferecido de graça pelo  Aprendiendoando  (Espanhol) Tutorial de Bootstrap 3 - Oferecido gratuitamente pelo CodersGuide

Webdesign: Teste seu site no Celular , Tablet e PC Online e esteja preparado para um mundo multi plataformas e responsivo

Você sabe de onde os usuários estão acessando o seu site? Pode ser de Smart Phone, Smart TV, Celular, Computador, e se você que possui um site ou é desenvolvedor UX e UI Design, tem que fazer testes em muitas plataformas para verificar se o Layout do seu site é Responsivo, ou seja, se adapte a essa nova tendência de sites mult-plataformas, Para facilitar essa verificação, foi criado esse emulador que testa o seu site nas principais mídias. Vou falar agora de uma ferramenta muito útil para desenvolvedores e empresas, acesse o site link http://www.agenciafalandonisso.com/responsive.html   e digite a url do seu site ou blog e pressone [ENTER], com isso você vai testar se o site da sua empresa se comporta de forma responsiva, o teste é gratúito  online e offline, uma coisa fantástica que descobri é que é possível testar endereços locais do tipo http://localhost:8080 que é geralmente o serviço web que funciona off-line. Teste seu site e veja se ele é responsivo Site ou layou

Ferramenta para Editar Capturas de tela PrintScreen e hospedar imagens

Hospedagem grátis de imagens para compartilhar no Face Funciona de forma bastante simples e fácil, você pode escolher se da um print da tela e um Ctrl + V, ou arrastar a imagem da própria "área de trabalho"/ diretório do windowns, o proximo passo é editar e salvar. ele vai fornecer uma url com o  endereço da imagem hospedada que você pode compartilhar no seu blog ou na sua rede social sem custo. http://snag.gy/

JSFiddle - Pegar a posição X e Y do mouse utilizando Jquery Java script

Olá, um dia eu precisei capturar a posição x e y do mouse e ralei bastante porque os livros não traziam essa iformação de uma forma muito didática, até que em um momento consegui, e descobri o JSFIDDLE um site que permite compartilhar códigos e editar html, css e js dinâmico e ter o resultado na hora e com versionamento onde você pode salvar sua própria versão do código, essa é a primeira vez que falo da ferramenta porém existe na web uma infinidade de usuários criando e compartilhando códigos e você pode aprender bastante e contribuir com eles . HTML <div class="mouse">         <br/>         <br/>         <br/>         Passe o mouse </div> CSS .mouse{     height:200px;     width:200px;      border:solid; } JS $(".mouse").mousemove(function (e) {     var mouseX = e.pageX;     var mouseY = e.pageY;     $(".mouse").html("Mouse: X" + mouseX + " " + "Y"+ mouseY); });