Skip to content

Instantly share code, notes, and snippets.

View oliveratgithub's full-sized avatar

Oliver oliveratgithub

41 followers · 41 following
View GitHub Profile
@oliveratgithub
oliveratgithub / made-with-love.html
Last active May 21, 2025 13:52
Various snippets to add "Made with love" to your website using HTML, CSS and JavaScript
<!-- Example #1 - no styling -->
Made with ❤ in Switzerland
Made with ♥ in Switzerland
Made with ♡ in Switzerland
Made with ❤️ in Switzerland
Made with ♥️ in Switzerland
<!-- Example #2 - inline-styled ❤ -->
Made with <span style="color: #e25555;">&#9829;</span> in Switzerland
Made with <span style="color: #e25555;">&hearts;</span> in Switzerland
@oliveratgithub
oliveratgithub / index.html
Last active April 24, 2025 23:06
Simple, quick & standalone HTML5 responsive placeholder Website. Runs by simply copy-paste the whole code without any additional resource files. It's based on PureCSS.io with jQuery containing a fullstretch-background image plugin and a date-time countdown; kudos to unsplash.it for beautiful placeholder images.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dummy Page</title>
<meta name="description" content="Simple, quick, standalone responsive placeholder Website without any additional resources">
<meta name="author" content="https://gist.github.com/oliveratgithub">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
<!--[if lt IE 9]>
@oliveratgithub
oliveratgithub / socialnetworkimagesizes.js
Last active April 24, 2025 23:04
Social media networks image sizes as JSON and JavaScript lists – Contains image sizes for all major social networks and messengers as of 2020 (Facebook, Twitter, Instagram, Tik Tok, Telegram, WhatsApp, and more)
let socialnetworkimagesizes = {
'facebook': {
'profile': {
'Profile picture': { 'w': 180, 'h': 180 }
,'Cover photo': { 'w': 820, 'h': 312 }
}
,'content': {
'Timeline image': { 'w': 1200, 'h': 630 }
,'Highlighted image': { 'w': 1200, 'h': 717 }
,'Link - rectangular': { 'w': 1200, 'h': 628 }
@oliveratgithub
oliveratgithub / html_element_overflow_debug_bookmarklet.js
Created June 29, 2022 15:14
🪟 HTML element size overflow debugging: browser bookmarklet to add colorful borders around all DOM elements on a page using CSS.
javascript:document.querySelectorAll(%22*%22).forEach(function(a)%7Ba.style.outline%3D%221px%20solid%20%23%22%2B(~~(Math.random()*(1%3C%3C%2024))).toString(16)%7D)
@oliveratgithub
oliveratgithub / html_form_field_values_bookmarklet.js
Created June 29, 2022 14:39
📋 Store and refill HTML web form field values: a dynamic browser bookmarklet to re-fill a form with pre-defined values in 1-click. Great help for repeated testing of web forms.
javascript:(function()%7Bfunction%20copyToClipboard%20(text)%20%7B%20window.prompt%20(%22Copy%20to%20clipboard%20Using%20Ctrl+C%20and%20then%20paste%20into%20destination%20bookmarklet%22,%20text);%20%7D%20function%20addToForms(i,form)%20%7Bvar%20str%20=%20'';%20var%20obj%20=%20document.forms%5Bi%5D.querySelectorAll(%5B'textarea',%20'select',%20'input'%5D);%20for%20(var%20j=0;%20j%3Cobj.length;%20j++)%20%7B%20if%20(obj%5Bj%5D.type%20==%22checkbox%22%7C%7Cobj%5Bj%5D.type%20==%22radio%22)%20%7Bstr%20+=%20%22setVal(%22%20+%20i%20+%20%22,f,'%22%20+%20obj%5Bj%5D.name%20+%20%22',%22%20+%20obj%5Bj%5D.checked%20+%20%22);%22;%7D%20else%20%7B%20str%20+=%20%22setVal(%22%20+%20i%20+%20%22,f,'%22%20+%20obj%5Bj%5D.name%20+%20%22','%22%20+%20escape(obj%5Bj%5D.value)%20+%20%22');%22;%7D%7D%20return%20str;%7Dvar%20forms%20=%20document.forms;%20var%20str%20=%20%22%22;%20var%20f%20=%20new%20Array();for%20(var%20i=0;i%3Cforms.length;i++)%7Bf.push('%22'%20+%20forms%5Bi%5D.name%20+%20'%22'%20);%20str%20+=%20addToForms(i,forms%5Bi%5
@oliveratgithub
oliveratgithub / contenteditable_on.js
Last active April 24, 2025 22:59
📝 On-page Website Content Editing: contentEditable browser bookmarklets to start/stop live-edit mode
javascript:document.body.contentEditable=true;
@oliveratgithub
oliveratgithub / emojis.json
Last active April 24, 2025 22:53
Emoji-list with emojis, names, shortcodes, unicode and html entities [massive list]
{
"emojis": [
{"emoji": "👩‍👩‍👧‍👧", "name": "family: woman, woman, girl, girl", "shortname": ":woman_woman_girl_girl:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F467", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128103;", "category": "People & Body (family)", "order": ""},
{"emoji": "👩‍👩‍👧‍👦", "name": "family: woman, woman, girl, boy", "shortname": ":woman_woman_girl_boy:", "unicode": "1F469 200D 1F469 200D 1F467 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128103;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
{"emoji": "👩‍👩‍👦‍👦", "name": "family: woman, woman, boy, boy", "shortname": ":woman_woman_boy_boy:", "unicode": "1F469 200D 1F469 200D 1F466 200D 1F466", "html": "&#128105;&zwj;&#128105;&zwj;&#128102;&zwj;&#128102;", "category": "People & Body (family)", "order": ""},
{"emoji": "👨‍👩‍👧‍👧", "name": "family: man, woman, girl, girl", "shortname": ":man_woman_girl_girl:", "unicode": "1F468 200D 1F469 200D 1F467 200D 1F467", "html": "&#128104;&zwj;&#128105;&z
@oliveratgithub
oliveratgithub / autoexec.cfg
Last active March 27, 2025 02:16
ioQuake3 – custom high definition configurations for best visual quality (Quake 3, Quake III Arena). This config file is featured on https://swissmacuser.ch/how-you-want-to-run-quake-iii-arena-in-2018-with-high-definition-graphics-120-fps-on-5k-resolution/
seta r_mode "-1"
seta r_customwidth "5120"
seta r_customheight "2880"
seta cg_fov "115"
seta cg_gunCorrectFOV "1"
seta cl_renderer "opengl2"
seta r_allowSoftwareGL "0"
seta r_ignoreGLErrors "1"
seta r_smp "1"
seta r_displayrefresh "0"
@oliveratgithub
oliveratgithub / Add as new Reminder.scpt
Last active February 20, 2025 09:46
Add selected Text as new Reminder in Reminders.app
on run {input, parameters}
-- This code comes from http://raduner.ch/blog/
-- To be used with an Automator Service
-- ------------------------------------------------
set inputText to input as string
tell application "Reminders"
set newremin to make new reminder
set name of newremin to inputText
end tell
@oliveratgithub
oliveratgithub / Batch File Rename.scpt
Last active January 5, 2025 03:03
Simple AppleScript to easily batch rename multiple files sequentially. GUI asks user to select files and input a name before renaming.
-- This code comes from https://gist.github.com/oliveratgithub/
-- Open in AppleScript Editor and save as Application
-- ------------------------------------------------------------
--this is required to break the filename into pieces (separate name and extension)
set text item delimiters to "."
tell application "Finder"
set all_files to every item of (choose file with prompt "Choose the Files you'd like to rename:" with multiple selections allowed) as list
display dialog "New file name:" default answer ""
set new_name to text returned of result
--now we start looping through all selected files. 'index' is our counter that we initially set to 1 and then count up with every file.