Skip to content

Instantly share code, notes, and snippets.

View visualkom's full-sized avatar

Antonio La Scala visualkom

View GitHub Profile
@visualkom
visualkom / CSS Image Replacement
Last active December 5, 2019 15:58
[New CSS Image Replacement] (Jeffrey Zeldman blog post) #css
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@visualkom
visualkom / Text Rotation in IE
Last active December 5, 2019 16:26
[Text Rotation in IE] (Snook.ca) #explorer
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
The rotation property of the BasicImage filter can accept one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degress respectively.
@visualkom
visualkom / meta-tags.md
Last active December 5, 2019 16:29
[HTML Meta Tags List] #html

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8' />
<meta name='keywords' content='your, tags' />
<meta name='description' content='150 words' />
<meta name='subject' content='your website's subject' />
<meta name='copyright' content='company name' />
@visualkom
visualkom / foundation_and_overrides.scss
Last active December 5, 2019 16:13
[Foundation 5 SCSS Defaults] (foundation-rails 5.3.0.1) #css
// Foundation by ZURB
// foundation.zurb.com
// Licensed under MIT Open Source
//
// FOUNDATION SETTINGS
//
// This is the default html and body font-size for the base rem value.
// $rem-base: 16px;
@visualkom
visualkom / YouTube Thumbnails size
Last active June 9, 2022 08:09
[Get a thumbnail for a Youtube video using the video ID] #video
Default Thumbnail Image, Full-Size (480x360):
http://img.youtube.com/vi/<video-id>/0.jpg
1st Thumbnail Image, Small (120x90):
http://img.youtube.com/vi/<video-id>/1.jpg
2nd | Default Thumbnail Image, Small (120x90):
http://img.youtube.com/vi/<video-id>/2.jpg
3rd Thumbnail Image, Small (120x90):
@visualkom
visualkom / CSS code to make the WordPress VideoJS plugin responsive
Last active December 5, 2019 15:59 — forked from jameshibbard/gist:3312803
[CSS code to make the WordPress VideoJS plugin responsive] #css #wp
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* video dimensions - height/width */
padding-top: 30px;
height: 0;
z-index: 1000;
}
video {
position: absolute !important;
@visualkom
visualkom / ROT13.scpt
Last active March 24, 2025 17:25
[ROT13 service for Mac OS X] #mail #html
# ROT13 service for Mac OS X
#
# Adds a ROT13 option to the text selection context menu in all apps
#
# Use Automator.app to create a new service, and then select the Run AppleScript
# action. Select the "Output replaces selected text" option. Paste this code in
# to the text box, and save as ROT13. Now switch to a new app, select some text,
# and open the context menu to find the new option.
#
# Based on code found at:
@visualkom
visualkom / db-convert.php
Last active December 5, 2019 16:05
[Change MySQL db from utf8mb4 to utf 8] Change MySQL db collation from utf8mb4/utf8mb4_unicode_ci to utf8/utf8_general_ci #mysql
<!DOCTYPE html>
<html>
<head>
<title>DB-Convert</title>
<style>
body {
font-family:"Courier New", Courier, monospace;"
}
</style>
</head>
Shortcuts
---------------------------------------------------
Command-Shift-3: Take a screenshot of the screen, and save it as a file on the desktop
Command-Shift-4, then select an area: Take a screenshot of an area and save it as a file on the desktop
Command-Shift-4, then space, then click a window: Take a screenshot of a window and save it as a file on the desktop
Command-Control-Shift-3: Take a screenshot of the screen, and save it to the clipboard
Command-Control-Shift-4, then select an area: Take a screenshot of an area and save it to the clipboard
Command-Control-Shift-4, then space, then click a window: Take a screenshot of a window and save it to the clipboard
The following keys can be held down while selecting an area (via Command-Shift-4 or Command-Control-Shift-4):
@visualkom
visualkom / CodeHubAuthorize
Last active December 5, 2019 15:56
[CodeHub login to GitHub account on iOS 9] (https://github.com/CodeHubApp/CodeHub/issues/471) #github
Authenticate the application with your GitHub user account just by visiting the following link in your desktop browser:
https://github.com/login/oauth/authorize?client_id=72f4fb74bdba774b759d&redirect_uri=http%3A%2F%2Fdillonbuchanan.com%2F&scope=user%3Afollow%2Crepo%2Cnotifications%2Cgist%2Cread%3Aorg
Authenticating with it will redirect you to the developer personal site with a code, but you can ignore that since the code for the browser is worthless.
Then go into the CodeHub app and authenticate with your username.