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
| background: linear-gradient(131deg, #1b9475, #1b7e94, #1b4894, #281b94, #531b94, #891b94, #941b1f, #94411b, #948c1b, #51941b, #1b9430); | |
| background-size: 2200% 2200%; | |
| -webkit-animation: AnimationName 60s ease infinite; | |
| -moz-animation: AnimationName 60s ease infinite; | |
| -o-animation: AnimationName 60s ease infinite; | |
| animation: AnimationName 60s ease infinite; | |
| @-webkit-keyframes AnimationName { | |
| 0%{background-position:2% 0%} | |
| 50%{background-position:99% 100%} | |
| 100%{background-position:2% 0%} |
| doctype html | |
| html | |
| head | |
| title | |
| | Shopper2 | |
| = stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true | |
| = javascript_include_tag 'application', 'data-turbolinks-track' => true | |
| = csrf_meta_tags | |
| body |
| /** | |
| * http://applemusic.tumblr.com/ | |
| */ | |
| /** Ultra Light */ | |
| @font-face { | |
| font-family: "San Francisco"; | |
| font-weight: 100; | |
| src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2"); | |
| } |
| { | |
| "env": { | |
| "browser": true, | |
| "node": true, | |
| "es6": true | |
| }, | |
| "plugins": ["react"], | |
| "ecmaFeatures": { |
$ uname -r
This is inspired by A half-hour to learn Rust and Zig in 30 minutes.
Your first Go program as a classical "Hello World" is pretty simple:
First we create a workspace for our project:
| # === Optimized my.cnf configuration for MySQL/MariaSQL (on Ubuntu, CentOS etc. servers) === | |
| # | |
| # by Fotis Evangelou, developer of Engintron (engintron.com) | |
| # | |
| # ~ Updated February 2021 ~ | |
| # | |
| # | |
| # The settings provided below are a starting point for a 8-16 GB RAM server with 4-8 CPU cores. | |
| # If you have different resources available you should adjust accordingly to save CPU, RAM & disk I/O usage. | |
| # |
See how a minor change to your commit message style can make a difference. Examples
Have a look at CLI util git-conventional-commits to ensure this conventions and generate changelogs
| // Google Play API Key | |
| // ref: http://stackoverflow.com/questions/35127086/android-inapp-purchase-receipt-validation-google-play | |
| // ref: https://developers.google.com/android-publisher/authorization | |
| // ref: http://google.github.io/google-api-nodejs-client/18.0.0/index.html#toc14__anchor | |
| // | |
| // install npm package | |
| // ref: https://github.com/google/google-api-nodejs-client | |
| // $ npm install googleapis --save | |
| // | |
| const google = require('googleapis'); |