Skip to content

Instantly share code, notes, and snippets.

View gangsthub's full-sized avatar
Creative developer

Paul Melero gangsthub

Creative developer
View GitHub Profile

Mobile first - hide on scroll menu

Mobile first responsive navigation. On scroll the navigation slides up, on up scroll the menu is slides down.

Small screen menu icon animates to a X when menu is visible.

In the wild:

http://vanamco.com/ http://mailchimp.com/

Only Web-kit experiment called Julia.js

This is an experiment I'm working on, I want to call it Julia.js.

The only thing thats will cause not working fine on firefox is the -webkit-background-clip: text; thing. Any ideas?

Also I'm planning to add a "save button" via canvas... ;)

Inspired by: Glen Maddern's Pen wxaGg.

@gangsthub
gangsthub / Preventing draggable images or selection on every image
Created February 24, 2015 17:28
Preventing downloading images by blocking right click on DOM elements and CSS in modern browsers (made for http://erikaabenia.com/)
img {
/* Preventing draggable images or selection on every image. Use at your own risk. */
-webkit-user-select:none;
-webkit-touch-callout:none; /*Safari, safari mobile; iPhone OS*/
-khtml-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
@gangsthub
gangsthub / Hard Cross Browser Opacity
Last active August 29, 2015 14:21
Two versions: with and without `!important`
// Inspired in:
// https://css-tricks.com/snippets/css/cross-browser-opacity/
// http://zerosixthree.se/8-sass-mixins-you-must-have-in-your-toolbox/
// Usage: `@include hardOpacity(1);`, `@include hardOpacity(.5);`
@mixin hardOpacity($valueOpacity) {
$unitOp: unit($valueOpacity);
$valOp: parseInt($valueOpacity);
@robpataki
robpataki / pixi_mc.js
Last active August 29, 2015 14:25
Demonstrating sweat free movieclip creation and clean up in PIXI
/*
This snippet requires PIXI and underscoreJS to work;
The good thing about this approach is that you don't have to manually set the number of total frames
used and file name references used in the animation to build up your texture data; and this technique
also makes it a lot easier to remove the BaseTextures from TextureCache once you no longer need them,
so that you can free up precious memory!
Use this snippet with caution, I quickly scribbled it in, so not sure if it breaks, please let me know
in the comments if you found it useful or found an error. Cheers!
@davidnaviaweb
davidnaviaweb / functions.php
Created October 1, 2016 09:57
WordPress Dashboard tips & tricks @ WC Sevilla 2016
<?php
/**
* Mostrar / Ocultar Admin Bar
*
* Según el Codex, basta retornar el valor 'false' en la función 'show_admin_bar' para ocultar
* la barra de administración. Sin embargo, esta implementación parece que no funciona correctamente.
*
*/
function remove_admin_bar($show_admin_bar)
{
openssl rsa -in MYFILE.pem -pubout > MYFILE.pub
ssh-keygen -f MYFILE.pub -i -m PKCS8
@gangsthub
gangsthub / _cols.scss
Last active March 27, 2018 08:15
Dynamic RWD cols
// collections
$CONTAINER-WIDTHS: (
5,
10,
20,
30,
40,
50,
60,