Inovação na forma de ensinar

Trata-se de aulas de 50 minutos. O novo site "Aulas à La Carte"  permite que qualquer um com desejo de ensinar algo, se cadastre e envie sua proposta de aula.  Depois que essas aulas receberem aprovação, elas serão publicadas para o mundo, onde alunos interessados podem agendar a aula particular, que pode ser, presencial ou a distância

Acesse e saiba mais: http://www.aulasalacarte.com.br/

Aprenda Lógica de Programação Jogando: Agry Birds e Plants vs. Zombies

Aprenda lógica de programação de forma divertida, com personagens do Game Angry Birds e  Plants vs. Zombies, dessa forma até as crianças conseguem aprender, eu mesmo achei muito divertido e por isso compartilho essa criativa iniciativa.

E sou um adepto para ensinarem nas escolas questões lógicas, porque podemos utilizar a lógica para resolver vários problemas do cotidiano. Vou apresentar esses jogos para os meus filhos de 9 e 4 anos, e verificar se será aceito como diversão.

O site ainda mostra o código das suas operações, faz validação e ainda te dá um certificado de conclusão das suas aulas de lógica divertida.

Para jogar e aprender lógica acesse o link:
 http://learn.code.org/hoc/1

Conheça outros  jogos como esse em:
  http://learn.code.org

Novo visual FlatDesign para o Facebook 2014

Olá mais um vez, esse é o blog Dicadedica, sempre venho trazendo coisas que você só encontra aqui, e dessa vez eu tenho algo inédito a possibilidade de trocar a aparência do seu Facebook.


Como Instalar Novo Tema Não Oficial no Facebook 
(Funciona no Google Chrome e Firefox)

1. Primeiro acesse o Link:
   

   Facebook in Dark Flat Design

   http://userstyles.org/styles/98237/facebook-in-dark-flat-design
2. Depois Clique no botão verde [+ Install with Stylish ] que aparece na página ao lado da imagem miniatura
3. Pronto agora acesse o seu FaceBook e desfrute do novo visual

Dica:

1. Tire print da tela e faça e poste no face para os seus amigos fazerem o mesmo.
2. Para desabilitar o tema utilize o novo ícone em formato de [S] que aparece na sua barra do navegador.
3. Comente, Compartilhe essa postagem assim estará me incentivando a continuar a criar temas para os principais sites da internet.
4. Conheça outros temas criados por mim e outros Web Designers: http://userstyles.org/users/257188

Se você estiver caçado do visual atual do facebook, agora pode instalar esse novo design de tema  que criei com os meus conhecimento em CSS3 HTML5 e FlatDesign, se você tiver problemas ou sugestões sobre o novo visual, tire um print e envie para meupcweb20@gmail.com com o assunto Dicadedica que eu postarei aqui e corrigirei o problema, assim que possível... Obrigado!!

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?

1.  Instale o plugin Stylish for Firefox or Stylish for Chrome.
2.  Acesse o estilo de alto contrast genérico, que funciona para qualquer sitehttp://userstyles.org/styles/98108/black-code-for-program-high-contrast
3. Pronto agora é só habilitar ou desabilitar o estilo na hora que for conveniente.

Contribua com novos estilos, irei publicar uma lista com os melhores aqui ;)

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: 

1. Toque para bater as suas asas para voar. 
2. Evite tubos. 
3. Tente obter quatro medalhas: bronze, prata, ouro (duro), platina (muito difícil) 

O que há de novo na versão 1.3:

1. Apoio Android 2.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) 

1. Downloa Link 1
2. 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.

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 ;)

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:

1. Glyphicons
2. Dropdowns
3. Button groups
4. Button dropdowns
5. Input groups
6. Navs
7. Navbar
8. Breadcrumbs
9. Pagination
10. Labels
11. Badges
12. Jumbotron
13. Page header
14. Thumbnails
15. Default example
16. Custom content
17. Alerts
18. Progress bars
19. Media object
20. List group
21. Panels
22. 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 (Inglês)



Esses cursos são excelentes para dar um start nessa tecnologia, siga o blog e fique Ligado, novas tecnologias de desenvolvimentos e tendência de mercado serão indicados aqui.

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 layout responsivo, ou também conhecido como site flexível é quando o site automaticamente se encaixa no dispositivo do usuário (PC, celular, tablet, etc). Um site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para lhe mostrar as coisas principais em primeiro lugar. Em smartphones a navegação e experiência do usuário fica difícil e limitada tendo que usar recursos de zoom in e out para ler a página na integra. Outros detalhes como botões e menus ficam desformatados pois não foram feitos para esse dispositivo/resolução.

Caso sua empresa ainda não possui um site responsivo, você pode entrar em contato com os profissionais da Agência FalandoNisso:
http://www.agenciafalandonisso.com/

Telefones

• Michele Rabelo
  [Gerente comercial] 
  (61) 8583-5545
• Alessandro Gomes
  [Diretor de Arte] 
  (61) 8409-9715
• Douglas dos Santos
  [Diretor de Arte] 
  (61) 8117-0816
• Moises de Lima
  [Gerente de Projetos] 
  (61) 8525-7621