Skip to content

Instantly share code, notes, and snippets.

View felipegenuino's full-sized avatar
🇧🇷
Hello from Brazil

Felipe Genuino felipegenuino

🇧🇷
Hello from Brazil
View GitHub Profile
@felipegenuino
felipegenuino / Somente para leitor de telas
Created February 26, 2020 17:36
Exibir conteúdo somente para leitor de telas
Em primeiro lugar, qualquer coisa que seja explicitamente oculta do DOM também
não será incluída na árvore de acessibilidade. Então, qualquer coisa que tenha um estilo CSS
com atributo visibility: hidden ou display: none ou use HTML5 hidden também
será oculta para usuários de tecnologia assistiva.
No entanto, um elemento que não seja renderizado visualmente,
mas não é explicitamente oculto ainda é incluído na árvore de acessibilidade.
Uma técnica comum é incluir "texto somente para leitor de tela" em um elemento
que é absoluto posicionado fora da tela.
@felipegenuino
felipegenuino / index.js
Created December 17, 2019 04:40
CRUD NODE
const express = require('express');
const server = express();
const users = ["Adam", "Alex", "Aaron", "Ben", "Carl", "Dan", "David", "Edward", "Fred", "Frank", "George", "Hal", "Hank", "Ike", "John", "Jack", "Joe", "Larry", "Monte", "Matthew", "Mark", "Nathan", "Otto", "Paul", "Peter", "Roger", "Roger", "Steve", "Thomas", "Tim", "Ty", "Victor", "Walter"];
server.use(express.json());
//midleware
server.use( (req, res, next)=>{
console.time('Request');
console.log(`Metodo ${req.method}: URL: ${req.url}`);
@felipegenuino
felipegenuino / .sequelizerc
Last active November 13, 2019 22:00
Migrations with sequilize
const {resolve} = require('path');
module.exports = {
config: resolve(__dirname, 'src', 'database.js'),
'models-path': resolve(__dirname, 'src', 'models'),
'migrations-path': resolve(__dirname, 'src', 'database', 'migrations'),
'seeders-path': resolve(__dirname, 'src', 'database', 'seeds')
}
@felipegenuino
felipegenuino / editor.vscode
Created October 25, 2019 14:11
config editor vscode
{
"window.zoomLevel": 0,
"workbench.startupEditor": "newUntitledFile",
"editor.minimap.enabled": false,
"terminal.integrated.shell.windows": "C:\\Users\\felipe.genuino\\AppData\\Local\\Programs\\Git\\bin\\bash.exe",
"editor.accessibilitySupport": "off",
"editor.fontFamily": "Fira Code",
"editor.rulers": [
80,
120
@felipegenuino
felipegenuino / info.txt
Created October 3, 2019 02:25
Install Fira code
1. https://github.com/tonsky/FiraCode
2. no vscode:
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
@felipegenuino
felipegenuino / props-styled-componet.jsx
Last active September 11, 2019 19:30
Usando props no styled-components
//https://codesandbox.io/s/propsstyled-components-rph5f
import React, { useState, Fragment } from "react";
import styled from "styled-components";
const MyComponent = props => {
const [expanded, setExpanded] = useState(false);
function handleExpandClick(event) {
setExpanded(!expanded);
}
@felipegenuino
felipegenuino / .htaccess
Created August 27, 2019 12:09
Force https
RewriteEngine on
# Check for POST Submission
RewriteCond %{REQUEST_METHOD} !^POST$
# Forcing HTTPS
RewriteCond %{HTTPS} !=on [OR]
RewriteCond %{SERVER_PORT} 80
# Pages to Apply
RewriteCond %{REQUEST_URI} ^something_secure [OR]
@felipegenuino
felipegenuino / line-clamp
Last active December 10, 2019 13:29
line-clamp
display: -webkit-box;
-webkit-line-clamp: 2; /* numero de linhas*/
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
partePassivaNome = "Meu texto aqui"
render() {
const partePassivaNome = model.partePassiva.split(' ');
return(
{partePassivaNome[0]} //Meu
)
}
@felipegenuino
felipegenuino / screen-reader-only.css
Created May 27, 2019 20:27
aria-label or screen-reader only text
.screen-reader-only {
position: absolute;
height: 1px;
width: 1px;
clip: rect(1px 1px 1px 1px); // IE 6 and 7
clip: rect(1px,1px,1px,1px);
clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
overflow: hidden !important;
}