Skip to content

Instantly share code, notes, and snippets.

View joellesenne's full-sized avatar
🏠
Working from home

Joël Lesenne joellesenne

🏠
Working from home
18 followers · 17 following
View GitHub Profile
@joellesenne
joellesenne / bootswatchlet.js
Created September 9, 2012 08:22 — forked from thomaspark/bootswatchlet.js
Bootswatch bookmarklet
if($('.bootswatcher')[0]){
$('.bootswatcher').remove();
} else {
var $e = $('<select class="bootswatcher"><option>Amelia</option><option>Cerulean</option><option>Cyborg</option><option>Journal</option><option>Readable</option><option>Simplex</option><option>Slate</option><option>Spacelab</option><option>Spruce</option><option>Superhero</option><option>United</option></select>');
var l = 1 + Math.floor(Math.random() * $e.children().length);
$e.css({'z-index': '99999', 'position': 'fixed', 'top': '5px', 'right': '5px', 'opacity': '0.5'}
).hover(
function(){$(this).css('opacity', '1');},
function(){$(this).css('opacity', '0.5');}
).change(function(){
@joellesenne
joellesenne / Overview-my-logo-to-see-the-animation....markdown
Last active September 4, 2020 05:21
A Pen by Lesenne.

Overview my logo to see the animation...

Overview my logo to see the animation of rotating and linear gradient background, cool!

A Pen by Lesenne on CodePen.

License.

@joellesenne
joellesenne / Animate-menu-CSS.markdown
Last active September 4, 2020 05:24
A Pen by Lesenne.
@joellesenne
joellesenne / SVG-Animate-transition.markdown
Last active September 4, 2020 05:33
A Pen by François Lesenne.
@joellesenne
joellesenne / TEXT-SUPPORTED-BY-THE-MEDIA.markdown
Last active September 4, 2020 05:28
A Pen by François Lesenne.
@joellesenne
joellesenne / gist:2e711650b7742bb834dc
Last active September 4, 2020 05:36
assets/css/
|
|-- utility/ # Utility SASS that is not outputted
| |-- _mixins.scss # Declarations, Functions, Generic Variables (think brand colors), Extends
| |-- _utility.scss
| |-- _colors.scss
| ...
|
|-- base/ # Generic Styles that are not attached to specific modules
| |-- _base.scss # base
@joellesenne
joellesenne / Scss-Guides.markdown
Created May 6, 2014 19:56
A Pen by CrocoDillon.

Scss Guides

Create guides easily with this Scss mixin (like guides in Photoshop). Useful for creating prototypes and aligning elements.

A Pen by CrocoDillon on CodePen.

License.

@joellesenne
joellesenne / Responsive-Font-Sizing.markdown
Created May 6, 2014 19:59
A Pen by jakob-e.

Responsive Font Sizing

Responsive CSS font sizing generator including SCSS @mixin.

In short it creates a list of media queries creating relation between page width and font size – making em and percent based fonts scalable .

No js needed... If you don't care about ie8 ;)

Thanks for visiting Jakob E

@joellesenne
joellesenne / Easy-SCSS-font-size.markdown
Created May 6, 2014 20:07
A Pen by Johan Roug.

Easy SCSS font-size

Setting font-size and line-height, should be easy. With this CSS, you just type your sizes, and SASS make sit into ems. Quick and easy :)

A Pen by Johan Roug on CodePen.

License.

@joellesenne
joellesenne / SCSS-Unit-Conversion.markdown
Created May 6, 2014 20:20
A Pen by jakob-e.

SCSS Unit Conversion

PX, EM, REM, CM, PT, PC, MM, DEG, TURN, RAD, GRAD, NUMBER, INT, PERCENT

  • What is missing? - please comment :)

A Pen by jakob-e on CodePen.

License.