Skip to content

Instantly share code, notes, and snippets.

View HenriqueSilverio's full-sized avatar
🎯
Focusing

Henrique Silvério HenriqueSilverio

🎯
Focusing
View GitHub Profile
@HenriqueSilverio
HenriqueSilverio / Masked.js
Last active December 18, 2015 03:59
Máscara para inputs que aceita o número 9 extra quando necessário.
/*
Masked input phone
Dependências:
- jQuery: http://jquery.com/
- Masked input: http://digitalbush.com/projects/masked-input-plugin/
*/
$(function() {
$('#fone').mask("(99) 9999-9999?9").keydown(function() {
var $elem = $(this);
@HenriqueSilverio
HenriqueSilverio / Preferences.sublime-settings
Created July 31, 2013 23:18
My Sublime Text Settings User.
{
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"font_size": 16,
"margin": 0,
"highlight_line": true,
"line_padding_top": 3,
"line_padding_bottom": 3,
"ensure_newline_at_eof_on_save": true,
"auto_complete_triggers":
[
@HenriqueSilverio
HenriqueSilverio / manifest.webapp
Created August 8, 2013 16:59
Firefox OS - App manifest
{
"version": "1.0.0",
"name": "My App",
"launch_path": "/index.html",
"description": "Short description for My App",
"icons": {
"16": "/assets/img/icons/16.png",
"32": "/assets/img/icons/32.png",
"48": "/assets/img/icons/48.png",
"60": "/assets/img/icons/60.png",
@HenriqueSilverio
HenriqueSilverio / bh_core.sublime-settings
Created August 10, 2013 19:30
Custom BracketHighligher
{
"bracket_styles": {
"default": {
"icon": "dot",
"color": "brackethighlighter.default",
"style": "solid"
},
"tag": {
"icon": "tag",
"style": "outline"
@HenriqueSilverio
HenriqueSilverio / My-Sublime-Packages
Last active December 22, 2015 05:28
My favorite plugins for Sublime Text.
## Package Control
https://sublime.wbond.net/installation
## EditorConfig
https://github.com/sindresorhus/editorconfig-sublime
## Emmet
https://github.com/sergeche/emmet-sublime
## Sublime Alignment
@HenriqueSilverio
HenriqueSilverio / remove-spin-buttons.css
Created November 11, 2013 17:49
WebKit desktop browsers add little up down arrows to number inputs called spinners. You can turn them off.
/**
*
* Turn Off Number Input Spinners
*
* http://trac.webkit.org/wiki/Styling%20Form%20Controls
* http://css-tricks.com/snippets/css/turn-off-number-input-spinners/
*
*/
input[type=number]::-webkit-inner-spin-button {
//------------------------------------------
// localStorage API and JSON objects
var TodoApp = TodoApp || {};
(function(App) {
App.storage = App.storage || {};
App.storage.set = function set(key, value) {
if(!key || !value) { return; }
@HenriqueSilverio
HenriqueSilverio / manipulando-classes-com-classlist-api.md
Created March 18, 2014 15:23
Neste artigo vou lhe apresentar a classList API. Uma API bem simples de ser utilizada, e que é extremamente útil para diversas "brincadeiras".

Manipulando classes com classList API

Manipular classes de CSS em elementos HTML é uma tarefa muito útil, e até corriqueira, para quem trabalha com JavaScript. Provavelmente, você já sabe como fazer isso com jQuery. Porém, o que nem todos sabem ainda, é que temos uma API nativa de JavaScript para executar essas tarefas.

Neste artigo vou lhe apresentar a classList API. Essa API é bem simples de ser utilizada, e é extremamente útil para diversas "brincadeiras".

Se você ainda não a conhece, verá que não é nada complicado manipular elementos dessa forma, mesmo sem utilizar bibliotecas como jQuery. Por outro lado, se você é um desenvolvedor experiente que já utiliza essa API no dia a dia, fique a vontade para deixar críticas e sugestões através dos comentários.

Entendendo a API

{
"bitwise": true,
"camelcase": true,
"curly": true,
"eqeqeq": true,
"forin": true,
"immed": true,
"indent": 4,
"latedef": true,
"newcap": true,
@HenriqueSilverio
HenriqueSilverio / getJSON.js
Created April 10, 2014 18:50
Module to get JSON data with XMLHttpRequest.
(function() {
'use strict';
var getJSON = function( url, callback ) {
var xhr = new XMLHttpRequest();
xhr.open( 'GET', url );
xhr.onreadystatechange = function() {
if( xhr.readyState === 4 && xhr.status === 200 ) {