Skip to content

Instantly share code, notes, and snippets.

Oli Studholme oli

Block or report user

Report or block oli

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@oli
oli / dabblet.css
Created Jan 22, 2015
Does anyone transition Flexbox order yet?
View dabblet.css
/* Does anyone transition Flexbox order yet?
http://dev.w3.org/csswg/css-flexbox/#order-property */
/* ✘ Chrome 28
✘ Safari 6.0.3
✘ Firefox 20
✓ Aurora 22
? IE 10
*/
@oli
oli / dabblet.css
Last active Aug 29, 2015
Responsive table with th full-width but 2x td still tabular
View dabblet.css
/**
* Responsive table with th full-width but 2x td still tabular
*/
table {
width: 100%;
display: table;}
th, td {background: #eee;}
tr, th {
display: block;
@oli
oli / dabblet.css
Last active Aug 29, 2015
The first commented line is your dabblet’s title
View dabblet.css
/**
* The first commented line is your dabblet’s title
*/
ul {
display: flex;
width: 100%;
overflow: hidden;
border: 1px solid #eee;
white-space: nowrap;
overflow: hidden;
@oli
oli / dabblet.css
Created Sep 2, 2015
Flexbox and ellipsis
View dabblet.css
/**
* Flexbox and ellipsis
*/
ul {
display: flex
list-style: none;
white-space: nowrap; /* Stops line wrapping */
}
li {
overflow: hidden; /* Prevents overflow from expanding container */
@oli
oli / dabblet.css
Created Sep 2, 2015
@font-face and serif for Japanese
View dabblet.css
/**
* @font-face and serif for Japanese
*/
body {font-face: serif;}
.test {font-face: "test", serif;}
View RadiantCMS r:aggregate problem
# Site structure:
/ - homepage (normal)
/2008 - 2008 articles (normal)
/2008/article1 [was draft, now published]
/2009 - 2009 articles (normal)
/2009/article1 [was draft, now published]
/2009/article2
/2009/article3
@oli
oli / Small Flowers CSS gradient pattern (cleaned up)
Created Apr 16, 2011
Neub attempt at a CSS gradient pattern
View Small Flowers CSS gradient pattern (cleaned up)
/*
Small flower patterns, inspired by http://leaverou.me/css3patterns
(see http://jsfiddle.net/boblet/hdagX/ for prefixed ver
Colors from http://nipponcolors.com/ Kurotobi #554236, Suoh #8e354a, Kohbai #e16b8c
*/
background:
/* circle pattern */
radial-gradient(#e16b8c 4%, transparent 4%) 0 0,
radial-gradient(#8e354a 7%, transparent 7%) -15px 0,
radial-gradient(#8e354a 7%, transparent 7%) 15px 0,
@oli
oli / gist:952995
Created May 3, 2011
Example of aligning browser-prefixed properties to the value
View gist:952995
/* Example of aligning browser-prefixed properties to the value */
.star {
display: inline-block;
-webkit-transform: rotate(18deg);
-moz-transform: rotate(18deg);
-ms-transform: rotate(18deg);
-o-transform: rotate(18deg);
transform: rotate(18deg);
}
@oli
oli / Titlebar-only Twitter
Created May 7, 2011
HTML source for titlebar-only display of new Twitter (very infrequent) http://twitter.com/boblet
View Titlebar-only Twitter
<!DOCTYPE html>
<html >
<head>
<title>Twitter</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8" />
<script type="text/javascript" charset="utf-8">
@oli
oli / dabblet.css
Created Dec 10, 2011
Testing testing
View dabblet.css
/**
* Testing testing
*/
You can’t perform that action at this time.