Skip to content

Instantly share code, notes, and snippets.

View dziudek's full-sized avatar

Tomasz Dziuda dziudek

View GitHub Profile
@dziudek
dziudek / dabblet.css
Created October 19, 2013 15:17
Combination of few transitions
/**
* Combination of few transitions
*/
img {
height: 240px;
opacity: 1;
width: 320px;
transition:
.5s height,
@dziudek
dziudek / dabblet.css
Created October 12, 2013 08:39
Combination of few transitions
/**
* Combination of few transitions
*/
img {
height: 240px;
opacity: 1;
width: 320px;
transition:
.5s height,
@dziudek
dziudek / dabblet.css
Created October 12, 2013 08:36
Flexible code listing
/**
* Flexible code listing
*/
pre {
background: linear-gradient( rgba(0,0,0,.05) 24px, transparent 24px);
background-repeat: repeat-y;
background-size: 100% 48px;
font-size: 16px;
line-height: 1.5;
@dziudek
dziudek / testimonials.css
Created October 4, 2013 06:38
News Show Pro GK5 Testimonials CSS code
/* GK NSP Testimonials */
.testimonials .nspMain {
padding: 20px 0;
position: relative;
}
.testimonials .nspTopInterface {
bottom: 5px;
position: absolute;
width: 100%;
}
@dziudek
dziudek / new_gist_file
Created August 13, 2013 10:35
Change ordering of the sale price and original price in WooCommerce
/**
*
* Code used to change the price order in WooCommerce
*
**/
function PREFIX_woocommerce_price_html( $price, $product ){
return preg_replace('@(<del>.*?</del>).*?(<ins>.*?</ins>)@misx', '$2 $1', $price);
}
@dziudek
dziudek / new_gist_file
Created August 12, 2013 06:51
First pain time for Chrome
var fp = chrome.loadTimes().firstPaintTime - chrome.loadTimes().startLoadTime;
console.log("First paint: " + fp);
@dziudek
dziudek / dabblet.css
Created August 6, 2013 13:44
Hover effects
/**
* Hover effects
*/
body {
font-family: Arial, sans-serif;
}
#list {
list-style-type: none;
@dziudek
dziudek / dabblet.css
Created July 29, 2013 17:52
Text centered over the image
/**
* Text centered over the image
*/
figure {
border: 1px solid red;
float: left;
position: relative;
}
@dziudek
dziudek / dabblet.css
Created June 15, 2013 15:50
3D flat icon
/**
* 3D flat icon
*/
.icon {
background: #eee;
border: 2px solid #aaa;
border-bottom-width: 5px;
border-radius: 12px;
height: 64px;
@dziudek
dziudek / dabblet.css
Created June 12, 2013 08:18
CSS Loader - blocks II
/**
* CSS Loader - blocks II
*/
#loader {
background: transparent;
box-sizing: border-box;
position: relative;
}