locawebstyle
Advanced tools
This is a front-end framework with patterns of behaviors and styles to web projects. The focus of this framework is build admin interfaces and not websites. We design this interface with a team of UX and Front-end. We also use this interface in our own products here in Locaweb.
You can see all examples in this link.
You can use the Locaweb Style in many ways, but we suggest use direct of our server just adding this address in your project:
<head>
...
<!-- Insert the CSS in HEAD -->
<link rel="stylesheet" type="text/css" href="//assets.locaweb.com.br/locastyle/3.8.5/stylesheets/locastyle.css">
...
</head>
<body>
<!-- Your code -->
<!-- JQuery is a dependency -->
<script src="http://code.jquery.com/jquery-2.0.1.min.js">
<!-- Put the JS in your footer, always after jQuery (dependency) -->
<script src="//assets.locaweb.com.br/locastyle/3.8.5/javascripts/locastyle.js"></script>
</body>
To install the Locaweb Style using Bower:
$ bower install locawebstyle
To install the Locaweb using Npm:
$ npm install locawebstyle
We maintain the docs of components and how they works here. If you use the Chrome, download here our extension to access the documentation more easily.
Contribute is easy: make a fork and start to code. :-)
We have some instructions maintain the code more legible and organized. Sorry, this article still in portuguese and you can read here these instructions..
Read here the code guide of CSS and JavaScript to maintain a good practices of this project.
Before sending any code, please run our automated tests:
$ bundle exec rake tests:run
It will run Jasmine tests and JShint.
pt-br version
Um framework front-end de comportamento e estilo para projetos web, com uma interface usada por milhares de usuários. Mantido pelos desenvolvedores front-end da Locaweb.
Você pode ver exemplos de painéis neste link.
Você pode usar o Locaweb Style de várias formas: direto pelo nosso servidor, via Bower ou baixando os assets para usar offline.
<head>
...
<!-- Insert the CSS in HEAD -->
<link rel="stylesheet" type="text/css" href="//assets.locaweb.com.br/locastyle/3.7.4/stylesheets/locastyle.css">
...
</head>
<body>
<!-- Your code -->
<!-- JQuery is a dependency -->
<script src="http://code.jquery.com/jquery-2.0.1.min.js">
<!-- Put the JS in your footer, always after jQuery (dependency) link -->
<script src="//assets.locaweb.com.br/locastyle/3.7.4/javascripts/locastyle.js"></script>
</body>
Para instalar o Locaweb Style utilizando o Bower é bem simples:
$ bower install locawebstyle
Para instalar o Locaweb Style utilizando o Npm:
$ npm install locawebstyle
Mantemos a documentação completa dos componentes e como eles funcionam aqui. Se você usar o Chrome, baixe nossa extensão para facilitar o acesso à documentação.
Para contribuir é bico: Faça um fork do projeto aqui mesmo no GitHub e comece a codar! ;-) Existem algumas instruções para mantermos o código legível e organizado. Leia essas instruções aqui.
Leia também nossos padrões de código de CSS e JavaScript.
Antes de enviar seu código, rode nossa suite de testes:
$ bundle exec rake tests:run
Isso vai rodar os testes de Jasmine e o JShint.
FAQs
Front-end framework used by Locaweb
The npm package locawebstyle receives a total of 145 weekly downloads. As such, locawebstyle popularity was classified as not popular.
We found that locawebstyle demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.
Research
Security News
A threat actor's playbook for exploiting the npm ecosystem was exposed on the dark web, detailing how to build a blockchain-powered botnet.
Security News
NVD’s backlog surpasses 20,000 CVEs as analysis slows and NIST announces new system updates to address ongoing delays.