Skip to content

Instantly share code, notes, and snippets.

Avatar
🏠
Working from home

Rian Ariona ariona

🏠
Working from home
View GitHub Profile
@ariona
ariona / readme.md
Last active Aug 9, 2021
Developing React-native App on MIUI
View readme.md

If you are developing React native based Android App and using XIAOMI/MIUI Device, this tips might help you to get rid some headache when debugging the app

Enabling Developer Menu

To enable Developer Menu, you need to tag 7 times on MIUI Version under About Phone Setting menu instead of Build Number. The Developer Menu can be found on Additional Settings

Can't Install Debug APK? "...Failed to establish session"?

  1. enable developer mode - In your phone, go to Settings, About phone and click on MIUI version 7 times. You’ll see a pop up which says you are a developer now.
  2. Go back to Settings, Additional settings, Developer options and enable USB Debugging.
  3. Connect your phone to your PC/Mac and on the phone authorize your computer
@ariona
ariona / admin.js
Created Mar 28, 2017
autosaving post meta
View admin.js
jQuery('button').on('click', function(){
...
wp.autosave.server.triggerSave();
...
})
@ariona
ariona / style.css
Created Jan 9, 2017
Element Flickr CSS Animation
View style.css
@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 / index.css
Created Dec 14, 2016
Customizable svg background image
View index.css
/* 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 / fill.css
Created Dec 5, 2016
svg text background
View fill.css
.site-hero .intro-block svg .img-layer {
fill: url(#p-img);
}
@ariona
ariona / Preferences.sublime-settings
Last active Sep 27, 2016
Exclude node_modules from Sublime search
View Preferences.sublime-settings
{
"folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"]
}
View index.jade
button.fetch Fetch
ul.items
input.purchase-code(type="text")
button.verify Verify purchase code
View index.jade
.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 / webpack.config.js
Created Apr 29, 2016 — forked from learncodeacademy/webpack.config.js
Sample Basic Webpack Config
View webpack.config.js
var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
module.exports = {
context: __dirname,
devtool: debug ? "inline-sourcemap" : null,
entry: "./js/scripts.js",
output: {
path: __dirname + "/js",
filename: "scripts.min.js"