Skip to content

Instantly share code, notes, and snippets.

View konrad-gibaszewski's full-sized avatar
🍎
Developing iOS/macOS apps

Konrad Gibaszewski konrad-gibaszewski

🍎
Developing iOS/macOS apps
View GitHub Profile
@konrad-gibaszewski
konrad-gibaszewski / CSS_border-radius.css
Last active October 5, 2015 07:58
CSS border-radius
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/* https://developer.mozilla.org/en/CSS/border-radius */
@konrad-gibaszewski
konrad-gibaszewski / CSS_background.css
Last active October 5, 2015 07:58
CSS background
/* linear-gradient( [ [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ ) */
background: rgb(238, 238, 238);
background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
/* opacity: <number> | inherit */
zoom: 1; /* Required for IE 5-7, or something to trigger hasLayout, like width: 100%; */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8-9, always before filter */
filter: alpha(opacity=25); /* IE5+ */
-khtml-opacity: 0.25; /* Safari 1.x (pre WebKit) */
-moz-opacity: 0.25; /* Older than Mozilla 0.9 */
opacity: 0.25; /* Mozilla0.9+, Chrome, Safari2+, Opera9+, IE9+ */
/* https://developer.mozilla.org/en/CSS/opacity */
@konrad-gibaszewski
konrad-gibaszewski / CSS_box-shadow.css
Last active October 5, 2015 07:58
CSS box-shadow
/* box-shadow: none | <shadow> [,<shadow>]* where <shadow> is defined as: inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] */
-webkit-box-shadow: 0 1px 2px 0 #4A4A4A;
-moz-box-shadow: 0 1px 2px 0 #4A4A4A;
box-shadow: 0 1px 2px 0 #4A4A4A;
/* https://developer.mozilla.org/en/CSS/box-shadow */
@konrad-gibaszewski
konrad-gibaszewski / CSS_transition.css
Last active October 5, 2015 08:38
CSS transition
/* transition: [ <transition-property> || <transition-duration> || <transition-timing-function> || <transition-delay> ] */
-webkit-transition: opacity 500ms linear; /* Chrome1+, Safari3+, Safari Mobile 3.2+, Android2.1+ */
-moz-transition: opacity 500ms linear; /* Firefox4+ */
-ms-transition: opacity 500ms linear; /* IE10+ */
-o-transition: opacity 500ms linear; /* Opera11.6+, Opera Mobile10+ */
transition: opacity 500ms linear; /* W3C */
-webkit-transform-style: preserve-3d;
/* https://developer.mozilla.org/en/CSS/transition (experimental) */
@konrad-gibaszewski
konrad-gibaszewski / CSS_Safari-iOS.css
Last active October 5, 2015 08:38
CSS Safari and iOS specific properties
/* -webkit-tap-highlight-color: <color>; */
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* iOS 1.1.1+ */
/* http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safaricssref/articles/standardcssproperties.html */
@konrad-gibaszewski
konrad-gibaszewski / CSS_appearance.css
Last active October 5, 2015 08:38
CSS appearance
/* appearance: normal|icon|window|button|menu|field; */
-moz-appearance:button; /* Firefox1+ */
-webkit-appearance:button; /* Safari3+, Chrome1+, WebKit522+ */
/* http://www.w3schools.com/cssref/css3_pr_appearance.asp
https://developer.mozilla.org/en/CSS/-moz-appearance */
@konrad-gibaszewski
konrad-gibaszewski / RegEx_onclick-return-compound
Last active October 5, 2015 19:58
JetBrains RegEx to remove VHB onclicks
(onclick="return _clk\(')[a-zA-Z0-9_.*]{77}('\)" )
# Link: http://www.jetbrains.com/phpstorm/webhelp/regular-expression-syntax-reference.html
/* linear-gradient( [ [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ ) */
background-color: #EDEDED;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDEDED));
background-image: -webkit-linear-gradient(top, #FFF, #EDEDED);
background-image: -moz-linear-gradient(top, #FFF, #EDEDED);
background-image: -ms-linear-gradient(top, #FFF, #EDEDED);
background-image: -o-linear-gradient(top, #FFF, #EDEDED);
background-image: linear-gradient(to bottom, #FFF, #EDEDED);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#EDEDED');
@konrad-gibaszewski
konrad-gibaszewski / CSS_Mobile_Prevent-object-highlight-on-touch
Last active December 11, 2015 20:28
Prevent any object from being highlighted upon touch event
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/* https://developer.mozilla.org/en-US/docs/CSS/user-select */