Skip to content

Instantly share code, notes, and snippets.

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

Rian Ariona ariona

🏠
Working from home
67 followers · 6 following
View GitHub Profile
@ariona
ariona / index.jade
Created August 5, 2016 09:05
xOyPaa
.builder
#elements
.element(data-element-name="logo")
.element-icon
i.fa.fa-adn
.element-name Logo
.element-controls
button.delete-element
i.fa.fa-trash-o
button.options
@ariona
ariona / index.jade
Created September 1, 2016 10:14
PGoPqV
button.fetch Fetch
ul.items
input.purchase-code(type="text")
button.verify Verify purchase code
@ariona
ariona / Preferences.sublime-settings
Last active September 27, 2016 07:28
Exclude node_modules from Sublime search
{
"folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"]
}
@ariona
ariona / fill.css
Created December 5, 2016 09:57
svg text background
.site-hero .intro-block svg .img-layer {
fill: url(#p-img);
}
@ariona
ariona / index.css
Created December 14, 2016 08:32
Customizable svg background image
/* Use this as inline css */
el{
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right repeat-x;
}
@ariona
ariona / style.css
Created January 9, 2017 08:02
Element Flickr CSS Animation
@keyframes link-shudder
{
0% { margin-bottom:0;}
1% { transform: translate(0px,0px); }
2% { transform: translate(-6px,-3px); }
3% { transform: translate(0px,0px); }
10% { filter:blur(0px);}
15% { filter:blur(3px);}
20% { filter:blur(0px);}
27% { transform: translate(0px,0px); }
@ariona
ariona / _wp-admin-ajax-function.md
Last active January 24, 2017 03:27

WordPress Admin Ajax Request Handle Function

This gist show you how to create a function for handling ajax request.

@ariona
ariona / admin.js
Created March 28, 2017 12:06
autosaving post meta
jQuery('button').on('click', function(){
...
wp.autosave.server.triggerSave();
...
})
@ariona
ariona / README.MD
Last active December 14, 2017 07:43
Formatting seconds times to HH:MM:SS

Convert Seconds time format into HH:MM:SS.

If the seconds is less than an hour then the format returned will be MM:SS

@ariona
ariona / slideDown.js
Created January 24, 2018 14:40 — forked from ludder/slideDown.js
Vanilla JavaScript slideUp and slideDown functions
/*
Element to slide gets the following CSS:
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height 0.4s ease 0s;
*/
/**
* Like jQuery's slideDown function - uses CSS3 transitions