Skip to content

Instantly share code, notes, and snippets.

Avatar
🖖
live long and prosper

Erdem Arslan laphilosophia

🖖
live long and prosper
View GitHub Profile
View ratingStar.css
/*
Ratings Stars
(with as little code as possible)
*/
.rating {
unicode-bidi: bidi-override;
direction: rtl;
text-align: center;
}
.rating > span {
View clickToCopy.css
.copySuccess,
.copyError {
width: 300px;
height: 75px;
display: none;
padding: 0;
margin: auto;
position: fixed;
View gulpfile.js
var gulp = require('gulp');
var browserify = require('browserify');
var notify = require('gulp-notify');
var source = require('vinyl-source-stream');
var watchify = require('watchify');
var plumber = require('gulp-plumber');
var less = require('gulp-less');
var csso = require('gulp-csso');
var watch = require('gulp-watch');
var envify = require('envify');
@laphilosophia
laphilosophia / detectandroidversion.js
Created Jun 23, 2016
Detect android version with javascript.
View detectandroidversion.js
function getAndroidVersion(ua) {
ua = (ua || navigator.userAgent).toLowerCase();
var match = ua.match(/android\s([0-9\.]*)/);
return match ? match[1] : false;
};
var androidVersion = parseFloat(getAndroidVersion());
if (androidVersion === 4.4) {
// ..
}
@laphilosophia
laphilosophia / asyncawaitreact.jsx
Created Dec 29, 2016
Async Await with React Lifecycle methods
View asyncawaitreact.jsx
class AwesomeProject extends Component {
state = {}
setStateAsync(state) {
return new Promise((resolve) => {
this.setState(state, resolve)
});
}
async componentDidMount() {
StatusBar.setNetworkActivityIndicatorVisible(true)
const res = await fetch('https://api.ipify.org?format=json')
View index.html
<div id="wrapper"></div>
<input type="text" id="input" placeholder="Değeri Gir"><!--
--><button id="convert" onClick="convert()">Dönüştür</button>
<p id="output"></p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
View customeventlistener.js
var evts = (function () {
'use strict';
var listeners = [],
add,
remove;
add = function (evt, elem, fn) {
var callback = function (evt) {
fn(evt.target);
View sass-icon-list.scss
@mixin size($width, $height: $width) {
width: $width;
height: $height;
}
@mixin display($display, $align: false) {
display: $display;
@if $align {
vertical-align: $align;
}
@laphilosophia
laphilosophia / tips.js
Created Oct 30, 2017
Performance Tips.
View tips.js
// Browser loading time
let calc = () => {
const domint = window.performance.timing.domInteractive;
const reqstr = window.performance.timing.requestStart;
return domint - reqstr;
}
// Resource timing
let perf = () => {
return window.performance.getEntriesByType('resource') || [];
View color-palettes-output.css
.colors {
background-color: #153e78;
}