Skip to content

Instantly share code, notes, and snippets.

View awkale's full-sized avatar
📈
developing

Alex Kale awkale

📈
developing
View GitHub Profile
@awkale
awkale / index.html
Created March 25, 2013 20:45
A CodePen by Alex Kale.
<h1>This is my title</h1>
<p>Leodon wiste, feoh is getrymmed thisne, tha clypode feng thaere tha faestnian. Daelon faestnian offan to us heorthwerod with lysan to mid, tha thurfe mid to thaet her brimlithendra handum eac grith secgan folman. Tham thaer thon heton feng heton stop leodon tha beot on, his hilde hors aeraende heton he tha. On him thaet beot let his and. He waepnum thone tha ricost to, aeraende tha willath spillan he. Garraes the he handon us wige brimlithendra he, hyra he sceoldon, na hwaene.</p>
/*
* From css-tricks.com
* http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
*/
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
@awkale
awkale / terminal-cheatsheet.md
Last active June 18, 2018 15:12
#terminal #cheatsheet

SHORTCUTS

Key/Command Description
Ctrl + A Go to the beginning of the line you are currently typing on
Ctrl + E Go to the end of the line you are currently typing on
Ctrl + L Clears the Screen
Command + K Clears the Screen
Ctrl + U Clears the line before the cursor position. If you are at the end of the line, clears the entire line.
Ctrl + H Same as backspace
@awkale
awkale / gist:6268712
Last active December 21, 2015 07:08
styling radio buttons
label {
display: block;
}
input {
margin-right: 6px;
}
input[type=radio]:after {
content: '';
@awkale
awkale / html-typography.html
Last active April 17, 2017 20:49
typography
&#8209; //non breaking hyphen
@awkale
awkale / logoheader
Created September 10, 2013 00:13
logo header
.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
@awkale
awkale / find-repos
Last active December 24, 2015 16:59
find git repos
find ~ -type d -name .git
@awkale
awkale / retina-sprite.less
Created October 29, 2013 15:33
retina sprite
// ==========
// = SPRITE =
// ==========
.retina-sprite(@width-1x, @height-1x, @posX-1x, @posY-1x) {
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
background-position: @posX-1x @posY-1x;
width: @width-1x;
height: @height-1x;
@awkale
awkale / ressponsive-youtube.css
Created November 12, 2013 22:32
Responsive youtube embed
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
@awkale
awkale / confirm-change.js
Created December 18, 2013 21:12
Confirm form field change before saving
var needToConfirm = false;
$("input,textarea").on("input", null, null, function() {
needToConfirm = true;
});
$("select").change(function() {
needToConfirm = true;
});