Skip to content

Instantly share code, notes, and snippets.

View kaelig's full-sized avatar

Kaelig Deloumeau-Prigent kaelig

View GitHub Profile
@kaelig
kaelig / slogan.html
Created January 19, 2012 10:37
Slogan
<div class="homeTexte">
<div class="Outter PortletQueryForeach ID_c_11080 ajax-refresh-div Portlet PortletSkinable Inner" style="margin: auto auto auto auto ; vertical-align: middle; text-align: left;">
<style type="text/css">
/*<![CDATA[*/
.homePage {
background: url(http://localhost:8080/xxx_Dev/upload/docs/image/png/2011-10/image.png);
}
/*]]>*/
</style>
<h1>
@kaelig
kaelig / dabblet.css
Created February 2, 2012 21:09
Very much OOCSS
/* Very much OOCSS */
body {
font-family: sans-serif;
}
/* Structure */
.items {
list-style-type: none;
padding: 1em;
}
@kaelig
kaelig / dabblet.css
Created February 2, 2012 21:18
Not so OOCSS but highly reusable
/* Not so OOCSS but highly reusable */
body {
font-family: sans-serif;
}
.items {
list-style-type: none;
padding: 1em;
}
/* Default skin */
@kaelig
kaelig / dabblet.css
Created February 2, 2012 21:37
Not OOCSS at all
/* Not OOCSS at all */
body {
font-family: sans-serif;
}
#news {
list-style-type: none;
padding: 1em;
}
#news > li {
@kaelig
kaelig / File Pattern
Created February 21, 2012 09:17
Textmate Rails application file and folders exclusion patterns for front-end developers
!(/\.(?!.)[^/]*|\.(tmproj|gitmodules|gitattributes|gitignore|o|pyc|DS_Store)|/Icon\r|/svn-commit(\.[2-9])?\.tmp)$
@kaelig
kaelig / input.scss
Created March 1, 2012 11:36
Different Shades of transparent colors with Sass
// Transparent Background
// From: http://stackoverflow.com/questions/6902944/sass-mixin-for-background-transparency-back-to-ie8
// Extend this class to save bytes
.transparent-background {
background-color: transparent;
zoom: 1;
}
// The mixin
@kaelig
kaelig / dabblet.css
Created August 24, 2012 16:13
Long words clearing floats
/**
* Long words clearing floats
*/
.story-body {
font: 300 150%/1.3 sans-serif;
/*
Word wrapping, technique from:
http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ */
-ms-word-break: break-all;
@kaelig
kaelig / dabblet.css
Created September 12, 2012 13:59
ORB reset and HTML5 normalisation
/**
* ORB reset and HTML5 normalisation
- Based on:
----- blq-rst.
----- Eric Meyers reset v2.0.
----- Kaeligs normalisation.
----- Parts of normalize.css v2.0.1.
- TODO Add License info
e.g. ! normalize.css v2.0.1 | MIT License | git.io/normalize
@kaelig
kaelig / hidpi.css
Created September 13, 2012 13:54
Hidpi / Retina CSS media query
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
// Hi-dpi visuals
}
@kaelig
kaelig / README.md
Created October 11, 2012 16:42
Font-face detection

Related to this blog: