A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.
One-line version to paste in your DevTools
Use $$
if your browser aliases it:
~ 108 byte version
const express = require("express"); | |
const app = express(); | |
const port = process.env.SERVER_PORT || 3000; | |
app.use(function(req, res, next) { | |
res.header("Access-Control-Allow-Origin", "*"); | |
res.header( | |
"Access-Control-Allow-Headers", | |
"Origin, X-Requested-With, Content-Type, Accept" | |
); |
<script> | |
const request = new XMLHttpRequest(); | |
const url = 'https://www.google.co.th/'; | |
function CORSTesting() { | |
if(request) { | |
request.open('GET', url, true); | |
request.send(); | |
} | |
} |
open console then
document.body.innerHTML = document.body.innerHTML.replace(/ABC/g, "XYZ")
https://www.labnol.org/internet/find-replace-text-in-web-pages/29080/
AWSTemplateFormatVersion: '2010-09-09' | |
Description: Cognito Stack | |
Parameters: | |
AuthName: | |
Type: String | |
Description: Unique Auth Name for Cognito Resources | |
API_ID: | |
Type: String | |
Despription: API Gateway ID |
Stacking CSS Grids to resolve lack of sub-grid without flattening HTML source.
A Pen by Morten Rand-Hendriksen on CodePen.
.container { | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
} |
DATABASE_PATH = postgres://user:pass@localhost:5432/dbname |
// Fetch is return promise | |
// function fetchAlmbums() { | |
// fetch('http://rallycoding.herokuapp.com/api/music_albums') | |
// .then(res => res.json()) | |
// .then(json => console.log(json)); | |
// } | |
// fetchAlmbums(); | |
const fetchAlmbums = async () => { |
https://github.com/DominikSerafin/vuebar
Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com https://github.serafin.io/vuebar/