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