EvertonSilva / locawebstyle

Locaweb Style Guide

Home Page:http://developer.locaweb.com.br/locawebstyle/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Locaweb Style Guide

O Locaweb Style são os padrões de interface utilizados nos produtos da Locaweb. Ele explora um simples e flexível HTML, CSS e Javascript para as necessidades comuns na manutenção e criação dos nossos serviços.

Este projeto foi criado para manter uniforme a identidade de todas as interfaces dos produtos da Locaweb. Outro objetivo importante para tal iniciativa é a uniformização do código da Locaweb, melhorando a perfomance de produção, facilitando o aprendizado de novos integrantes e agilizando a implementação de novas ideias.

Com essa estrutura, a Locaweb integra de forma consistente as necessidades de interface e programação, trabalhando em um código client-side robusto e escalável. Assim mantemos a fidelidade do layout sob um código limpo e enxuto, que se adequa às necessidades dos programadores.

Caso você tenha alguma sugestão para melhorar a inteligência destes códigos, entre em contato conosco. Novas idéias são sempre bem vindas.


Baseado em que?

Este projeto foi baseado em alguns frameworks já conhecidos de todos os desenvolvedores

Bootstrap

Os estilos e comportamentos foram baseados no Bootstrap, framework criado pelo Mark Ott e Jacob Thornton para agilizar a criação de interface do Twitter.

Se você não conhece, visite o github do projeto e conheça já! Bootstrap

Curiosidade -- Dentro do Bootstrap eles usam o Normalize, que é um CSS Reset bastante completo. Ele reseta e compatibiliza alguns problemas de textos e valores padrões em elementos HTML. O Normalize foi criado pelo Nicolas Gallagher and Jonathan Neal Dê uma olhada no projeto

JQuery

O JQuery é o framework mais utilizado para controlar comportamentos de elementos e outras coisinhas mais. Acho que ele dispensa apresentações. Link do projeto

Modernizr

O Modernizr é um script de detectação de compatibilidade do CSS3. Ele nos avisa se o browser suporta ou não suporta as novas propriedades do CSS, nos dando a possibilidade de criar fallbacks para os browsers incompatíveis. Assim fica muito fácil saber qual browser suporta ou não SVG, Canvas, RGBA, drop shadow, gradiente e tudo o mais.

Ele foi criado por desenvolvedores muito renomados como Paul Irish e Faruk Ates. Site do projeto

Select2

Select2 é um plugin para customização de selects (ou como muitos chamam “combo box”) muito útil e flexível. Ele é o melhor plugin para executar essa tarefa por que ele mantém a acessibilidade. Você consegue navegar via teclado e etc. Para ver como o Locaweb Style utiliza, visite esse link.

Masked Input

Masked Input é um plugin para a criação de máscaras para formulários. É muito simples de utilizar. Para ver seu funcionamento, clique aqui.


Eu quero ajudar a aumentar a inteligência dessa coisa toda

Mas que coisa linda! Seja bem-vindo. Nos procure e compartilhe suas ideias. Se elas forem realmente ajudar o projeto como um todo, podendo ser implementado para todos os serviços da Locaweb, elas será muito bem vinda.


Changelog

Para verificar o changelog, visite a página oficial: http://developer.locaweb.com.br/locawebstyle/introducao/changelog/