Skip to content

Instantly share code, notes, and snippets.

View lucianobarauna's full-sized avatar
🐢

Luciano Baraúna lucianobarauna

🐢
View GitHub Profile
@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 / 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 / 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 / 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 / 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 / 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 / reduce-array-multidimensional.js
Created June 7, 2018 19:50 — forked from shx-dev/reduce-array-multidimensional.js
Artigos | Array.reduce  - O canivete suíço da programação funcional | Array multidimensional
const users = [
{
name: 'User #1',
bookmarks: [
{ title: 'Movie #1', id: 1 },
{ title: 'Movie #6', id: 6 },
{ title: 'Movie #3', id: 3 },
]
},
{
@lucianobarauna
lucianobarauna / debug-window.js
Created October 30, 2018 17:29
debug-window
// https://codepen.io/lucianobarauna/pen/xyMXGw?editors=0010
// Um simples debug para visualizar as informações do objeto window.screen
(function(){
const $body = document.querySelector('body')
const objScreen = window.screen
// Create info
let createInfo = (prop, targetObj) => {
const $p = document.createElement('p')
$p.setAttribute('class', 'infodata')
@lucianobarauna
lucianobarauna / SassMeister-input.scss
Last active May 22, 2019 20:39
Generated by SassMeister.com. Function to get values in map objects
// ----
// libsass (v3.5.4)
// ----
// color variable map
$colors: (
// non-nested values
text: #FFF,
background: #333,
// nested map inception
@lucianobarauna
lucianobarauna / configs_ubuntu.md
Last active November 27, 2021 13:18
Minhas configurações de instalação do ubuntu