Skip to content

Instantly share code, notes, and snippets.

View kublaj's full-sized avatar

kublaj

29 followers · 248 following
View GitHub Profile
@kublaj
kublaj / dabblet.css
Created April 25, 2013 13:21 — forked from LeaVerou/dabblet.css
Pounding heart animation
/* Pounding heart animation */
@keyframes pound {
to { transform: scale(1.4); }
}
.heart {
display: inline-block;
font-size: 150px;
color: #e00;
@kublaj
kublaj / 0_reuse_code.js
Created September 25, 2013 12:22
Here are some things you can do with Gists in GistBox.
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
@kublaj
kublaj / html5-figure-figcaption.html
Created September 25, 2013 12:27
figure + figcaption
<figure>
<figcaption>
<span>Figure Description</span>
</figcaption>
<img src="/kep/figure.jpg" alt="Figure element">
</figure>
@kublaj
kublaj / css-tabbed-widget.css
Created September 25, 2013 12:42
Tabbed widget (CSS)
@import '../../shared/mixins',
'../../shared/reset',
'../../shared/about-dark';
/*
* Copyright (c) 2013 Thibaut Courouble
* http://www.cssflow.com
*
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
@kublaj
kublaj / tabbed-widget.html
Created September 25, 2013 12:42
Tabbed widget (HTML)
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Tabbed Widget</title>
<link rel="stylesheet" href="css/style.css">
@kublaj
kublaj / selector-browser-hacks.css
Created September 25, 2013 12:45
Selector / browser hacks
/***** Selector Hacks ******/
/* IE6 and below */
* html #uno { color: red }
/* IE7 */
*:first-child+html #dos { color: red }
/* IE7, FF, Saf, Opera */
html>body #tres { color: red }
@kublaj
kublaj / css-transparency.css
Created September 25, 2013 12:46
CSS cross-browser transparency
selector {
filter: alpha(opacity=50); /* internet explorer */
-khtml-opacity: 0.5; /* khtml, old safari */
-moz-opacity: 0.5; /* mozilla, netscape */
opacity: 0.5; /* fx, safari, opera */
}
@kublaj
kublaj / css3-box-shadow.css
Created September 25, 2013 12:47
Box-shadows
/* Outer shadow */
.shadow {
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
}
/* Inner shadow */
@kublaj
kublaj / cross-browser-min-height.css
Created September 25, 2013 12:48
cross-browser-min-height.css
#div {
min-height: 500px;
height:auto !important;
height: 500px;
}
@kublaj
kublaj / remove-extensions.txt
Created September 25, 2013 12:55
Remove File Extention from URLs http://css-tricks.com/snippets/htaccess/remove-file-extention-from-urls/
RewriteRule ^about$ about.php [L]