viko16 viko16

scrollIntoViewIfNeeded 4 everyone!!!

This gist provides a simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements.

Usage

Just use the code in index.js in your app or website. You can see usage in the test page test.html.

The parent element will only scroll if the element being called is out of the view. The boolean can force the element to be centered in the scrolling area.

Howto deploy Lumen projects within a subfolder (on a shared hoster)

For Lumen (5.0.8) (Laravel Components 5.0.*)

Use Case: Deploying Lumen App to Shared Hoster such that it can be called via domain.tld/lumenapp/...

Folder Layout

Rename public to desired name (new root folder, for example lumenapp)
Move everything else into a new folder, named e.g. project_src

Project Title

One Paragraph of project description goes here

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites

Make Flashlight work on 10.10.4

Install SIMBL http://culater.net/software/SIMBL/SIMBL.php
Copy SpotlightSIMBL.bundle to /Library/Application Support/SIMBL/Plugins/ (a)
Copy Flashlight.osax to ~/Library/ScriptingAdditions/ (b)
Disable Flashlight
Enable Flashlight
Open Script Editor on your Mac (look for "Script Editor In Spotlight") and paste the following code (don't change Snow Leopard for Yosemite)

tell application "Spotlight" to inject SIMBL into Snow Leopard

学习了一种很有意思的进制(姑且这么说吧...)转换方式。原理就是利用键值对+循环遍历。

第一次遇见这个方法是在一本讲Python的书里面，(不记得什么名字了，以后翻出来在补上。) 当时颇不以为然，第二次见到才醒悟，觉得这是一个不错的方法。

代码

function convert(num) {

	/*
	* object.watch polyfill
	*
	* 2012-04-03
	*
	* By Eli Grey, http://eligrey.com
	* Public Domain.
	* NO WARRANTY EXPRESSED OR IMPLIED. USE AT YOUR OWN RISK.
	*/

	<?php

	function gfm($text){
	# Extract pre blocks
	$extractions = array();

	$text = preg_replace_callback('/<pre>.*?<\/pre>/s', function($matches) use (&$extractions){
	$match = $matches[0];
	$md5 = md5($match);
	$extractions[$md5] = $match;

	/*!
	* gulp
	* $ npm install gulp-ruby-sass gulp-autoprefixer gulp-cssnano gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev
	*/

	// Load plugins
	var gulp = require('gulp'),
	sass = require('gulp-ruby-sass'),
	autoprefixer = require('gulp-autoprefixer'),
	cssnano = require('gulp-cssnano'),

	#!/bin/bash

	# xcode command tool
	xcode-select --install
	# check
	xcode-select -p

	# homebrew
	/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

	/* display:flex; */
	.flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
	/* for Android 4.3- */
	.flex > * {display: block;}
	/* row reverse */
	.flex.flex--reverse { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
	/* column */
	.flex--clo { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
	/* column reverse*/
	.flex--col.flex--reverse { -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-box-direction: reverse; -moz-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }