Skip to content

Instantly share code, notes, and snippets.

View lucianobarauna's full-sized avatar
🐢

Luciano Baraúna lucianobarauna

🐢
67 followers · 103 following
View GitHub Profile
@lucianobarauna
lucianobarauna / resets-acessiveis.sass
Last active May 28, 2018 18:36
Arquivo que contém técnicas css voltadas para acessibilidade
// Esconde conteúdo visualmente
.super-hidden-content
border: 0
clip: rect(0 0 0 0)
height: 1px
margin: -1px
overflow: hidden
padding: 0
position: absolute
width: 1px
@lucianobarauna
lucianobarauna / cloudSettings
Last active June 16, 2020 15:10
Visual Studio Code Settings Sync Gist
{"lastUpload":"2020-06-16T15:10:01.028Z","extensionVersion":"v3.4.3"}
@lucianobarauna
lucianobarauna / PinchZoomPan.js
Created May 11, 2018 22:26 — forked from iammerrick/PinchZoomPan.js
React Pinch + Zoom + Pan
import React from 'react';
const MIN_SCALE = 1;
const MAX_SCALE = 4;
const SETTLE_RANGE = 0.001;
const ADDITIONAL_LIMIT = 0.2;
const DOUBLE_TAP_THRESHOLD = 300;
const ANIMATION_SPEED = 0.04;
const RESET_ANIMATION_SPEED = 0.08;
const INITIAL_X = 0;
@lucianobarauna
lucianobarauna / SassMeister-input.sass
Last active May 8, 2018 17:22
Generated by SassMeister.com.
// ----
// libsass (v3.5.4)
// ----
%icon-accordion
background-repeat: no-repeat
background-position: center
=iconAccordion($caminho)
background-repeat: no-repeat
@lucianobarauna
lucianobarauna / font.sass
Last active May 7, 2018 19:08
Example de font-face in sass
$pathFont: '../fonts/'
@font-face
font-family: 'apex_sansbold'
src: url('#{$pathFont}apexsans-bold-webfont.woff2') format('woff2'), url('#{$pathFont}apexsans-bold-webfont.woff') format('woff'), url('#{$pathFont}apexsans-bold-webfont.ttf') format('truetype')
font-weight: normal
font-style: normal
@lucianobarauna
lucianobarauna / pagination.js
Last active May 3, 2018 16:39
Paginação simples
let lista = ['banana', 'maçã', 'manga', 'caju', 'goiaba']
console.log('minha lista', lista);
let resultShow = (offset, limit) => {
return lista.map((elm, index) => {
if(index >= offset && index < limit + offset) {
return elm
}
}).filter((elm, index) => elm !== undefined)
@lucianobarauna
lucianobarauna / helpers-mixings.sass
Last active May 20, 2019 14:03
My helpers of mixings sass
// Mixing to use font 2.0
@mixin useFont($fontFamily, $fontSize: false){
// $valueFont = Font family + websafe fonts
$valueFont: #{$fontFamily, Arial, Verdana, Times};
@if $fontSize != false {
font: $fontSize $valueFont;
} @else {
font-family: $valueFont;
}
@lucianobarauna
lucianobarauna / filterNumbers.js
Last active July 18, 2017 15:41
Function function to filter prime and even numbers
// Seguindo o exercício do challenge-11 do curso javascript ninja
// Resolvi melhroar um dos exercícios deixando ele de forma mais dinâmica possível e me limitando a usar somente o que
// aprendi no curso até agora.
// Trate-se de um filtro de números impares e pares junto da programação funcional.
function filterNumbers( numberInitial, numberEnd, typeNumbers ) {
var listNumber = [];
@lucianobarauna
lucianobarauna / meuResetBootstrap.css
Created April 30, 2017 23:23
Css Reset Bootstrap - Meu zerador css para bootstrap
/*
CSS RESET V1.8
Criado em: 20/03/2012
Desenvolvido por: Luciano Barauna
*/
html,
body { height:100%; }
textarea {
@lucianobarauna
lucianobarauna / meuReset.css
Created April 30, 2017 23:21
Css Reset - Arquivo pessoal para reset de css
/*
CSS RESET V1.8
Criado em: 22/10/2012
Ultima atualizacao em: 10/09/2014
Atualizado em: 14/05/2015
Desenvolvido por: Luciano Barauna
*/
* {
margin:0;