Skip to content

Instantly share code, notes, and snippets.

View rafaelcamargo's full-sized avatar

Rafael Camargo rafaelcamargo

159 followers · 100 following
View GitHub Profile
@rafaelcamargo
rafaelcamargo / app.html
Last active January 14, 2018 23:53
Brazilian Real currency filter for AngularJS
<!DOCTYPE html>
<html>
<head>
<script data-require="[email protected]" data-semver="1.6.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.js"></script>
</head>
<body ng-app="app">
<div ng-controller="appCtrl as ctrl">
<div>
@rafaelcamargo
rafaelcamargo / dev.js
Last active August 31, 2017 00:18
Handling environment variables in the browser
window.ENV = {
TYPE: 'dev'
};
@rafaelcamargo
rafaelcamargo / bottle.html
Created August 22, 2019 02:26
<div class=”bottle”>
<div class=”bottle-content”></div>
</div>
@rafaelcamargo
rafaelcamargo / my-component.js
Created June 8, 2022 17:25
const MyComponent = () => {
return <div>Hello!</div>
}
export default MyComponent
@rafaelcamargo
rafaelcamargo / index.html
Last active March 13, 2023 09:34
React Query Debounce
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
<title>Debounce</title>
<style media="screen">
html, body {
margin: 0;
@rafaelcamargo
rafaelcamargo / index.html
Created November 14, 2023 21:11
Glorious Demo Multi-line Command
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Multi-line Command</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glorious/demo/dist/gdemo.min.css">
<script src="https://cdn.jsdelivr.net/npm/@glorious/demo/dist/gdemo.min.js"></script>
<style>
.container {
@rafaelcamargo
rafaelcamargo / index.html
Last active December 7, 2023 06:42
HTML within React i18next translations
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>React i18next</title>
<script src="https://cdn.jsdelivr.net/npm/@babel/[email protected]/babel.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/umd/i18next.min.js"></script>
@rafaelcamargo
rafaelcamargo / index.html
Created December 18, 2023 01:54
Using flexbox to make elements fill all the remaining space
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flexbox</title>
<style>
html, body {
background-color: #e5e5e5;
}
@rafaelcamargo
rafaelcamargo / index.html
Last active December 21, 2023 02:36
Hover Animated Menu
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hover Animated Menu</title>
<style>
html, body {
display: flex;
justify-content: center;
@rafaelcamargo
rafaelcamargo / index.html
Last active January 31, 2024 13:38
In-page scroll link with React
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>In-page scroll link with React</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@babel/[email protected]/babel.min.js"></script>