Skip to content

Instantly share code, notes, and snippets.

View franklinjavier's full-sized avatar

Franklin Javier franklinjavier

View GitHub Profile
@franklinjavier
franklinjavier / envision.ts
Created April 11, 2024 20:22
envision theme
import twColors from 'tailwindcss/colors'
const colors = {
'brand-50': 'hsl(189 17% 92%)',
'brand-100': 'hsl(188 19% 84%)',
'brand-200': 'hsl(190 18% 68%)',
'brand-300': 'hsl(188 18% 52%)',
'brand-400': 'hsl(189 30% 37%)',
'brand-500': 'hsl(189 68% 21%)',
'brand-600': 'hsl(189 67% 17%)',
@franklinjavier
franklinjavier / api.js
Created March 8, 2018 05:03
api abstraction with axios
import axios from 'axios'
import { shim } from 'promise.prototype.finally'
import locale from 'constants/locale'
import { is } from 'utils'
import { slugify } from 'utils/string'
import { translateNotification } from 'utils/response'
shim()
const axiosInstance = axios.create({
@franklinjavier
franklinjavier / installing-browser-sync-on-windows.md
Last active December 27, 2022 00:22
Usando browser-sync no Windows

O browser-sync é um ótimo módulo nodejs. Sua principal funcionalidade é a sincronização de eventos entre os dispositivos conectados. Ou seja, se você scrolla a página, esse evento será replicado em todos os dispositivos magicamente \o/. Dessa forma, tornamos os testes de web apps muito mais produtivos.

  1. Baixar e instalar o Nodejs
  2. Abrir o programa "Node.js command prompt"
  3. Baixar o browser-sync, para isso basta digitar no terminal npm install -g browser-sync
  4. Por fim, execute o comando browser-sync start --proxy "http://www.uol.com.br"
@franklinjavier
franklinjavier / PluralToSingular.php
Created May 26, 2015 15:22
Converte uma palavra no plural para o singular
<?php
/**
* Converte uma palavra no plural para o singular
* @param string $str Uma palavra
* @return string Palavra no singular
*
* https://github.com/Moraga/PluralToSingular
*
*/
@franklinjavier
franklinjavier / install-spotify.sh
Last active September 15, 2021 19:17
Install spotify on Arch Linux
wget https://aur.archlinux.org/packages/sp/spotify/spotify.tar.gz && tar -zxvf spotify.tar.gz && cd spotify && makepkg -s
pacman -U spotify<TAB><ENTER>
@franklinjavier
franklinjavier / frontend-blznaweb.md
Last active July 17, 2020 20:28
Vaga frontend na Beleza Na Web

Vaga de frontend na www.belezanaweb.com.br

A vaga é fulltime presencial, CLT e fica em São Paulo, região do Jaguaré (Zona Oeste, próximo à estação Villa Lobos-Jaguaré)

Sobre a empresa

Somos um e-commerce de produtos de beleza. Uma rede que conecta consumidores, marcas, formadores de opinião e os melhores profissionais do mercado.

Para ajudar você a fazer as escolhas que vão atender os seus desejos de beleza, todo um time de experts está a postos. São cabeleireiros e maquiadores badalados, renomados dermatologistas e editoras de beleza que escolheram a dedo mais de 200 marcas, levando até você informações completas, dicas e truques profissionais de mais de 13 mil produtos.

@franklinjavier
franklinjavier / cVim-alfred.css
Last active June 4, 2019 15:43
cVim theme inspired by Yosemite Spotlight
#cVim-link-container, .cVim-link-hint, #cVim-command-bar, #cVim-command-bar-mode, #cVim-command-bar-input, #cVim-command-bar-search-results, .cVim-completion-item, .cVim-completion-item .cVim-full, .cVim-completion-item .cVim-left, .cVim-completion-item .cVim-right, #cVim-hud, #cVim-status-bar {
font-family: Helvetica, Helvetica Neue, Neue, sans-serif, Arial;
font-size: 9pt !important;
-webkit-font-smoothing: antialiased !important;
border-radius: 4px!important;
}
#cVim-link-container {
position: absolute;
pointer-events: none;
https://checkout.belezanaweb.com.br
https://checkout.ckamura.com.br
https://checkout.studiow.com.br
https://checkout.inoar.com.br
https://checkout.oceane.com.br
https://checkout.smashboxatbeleza.com.br
https://checkout.phytoparis.com.br
https://checkout.allthingshair.com
https://checkout.makeupforever.com
https://checkout.nars.com.br
// Errado
// Não queria criar uma tag span desnecessariamente
<ProductName>
<a href={`${baseUrl}/${product.slugName}`} >
<strong dangerouslySetInnerHTML={{__html: product.brand.name}} />{' '}
<span dangerouslySetInnerHTML={{__html: product.name}} />
</a>
</ProductName>
@franklinjavier
franklinjavier / cloudinary.js
Created December 27, 2018 11:39
Regex to get cloudinary transformation from URL
const url = 'https://res.cloudinary.com/beleza-na-web/image/upload/w_1500,f_auto,fl_progressive,q_auto:eco,w_1800,c_limit/e_trim/v1/imagens/5/good-girl-carolina-herrera-eau-de-parfum-perfume-feminino-80ml-38271-1371676352244596349.jpg'
const transformationRE = /(\/(upload|fetch)\/)(.+?)(\/v\d+)/g
const [,,, transformation] = transformationRE.exec(url)
console.log(transformation)