Skip to content

Instantly share code, notes, and snippets.

View wanybae's full-sized avatar
🌈
Vanguard

Wany Bae wanybae

🌈
Vanguard
View GitHub Profile
@wanybae
wanybae / gist:4334130
Last active March 25, 2017 03:36
Mac OS X의 터미널에서 Sublime Text 2를 실행하기

Mac OS X 터미널에서 Sublime Text 2 실행하기

Sublime Text 2는 subl(왜 sublime이 아닌지는 의문)이라는 CLI(Command-lime interface)을 갖고있다. 이 유틸리티는 디폴트로 설치되는 다음과 같은 폴더에 위치한다.

open /Applications/Sublime\ Text\ 2.app/Contents/SharedSupport/bin/subl

설치

물론 저 폴더에 있는 subl을 바로 사용하면 되겠지만 편리하게 사용할 수 있는 두가지 방법을 적어본다.

@wanybae
wanybae / overlaps.css
Created January 27, 2016 06:13
How to detect if two <div> elements have collided
body {
padding: 10px;
color: #eee;
font-family: Arial;
}
h1 {
font-size: 24px;
margin-bottom: 20px;
}
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [ "es2015", "dom" ],
"noImplicitAny": true,
@wanybae
wanybae / react-redux-container-template.jsx
Last active July 21, 2017 08:25
WebStrom react-redux-container template
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
// Import actions
class $NAME$ extends Component {
constructor(props) {
super(props);
}
@wanybae
wanybae / rounded-gradient-border-box.css
Last active November 19, 2020 19:03
Rounded gradient border box
.rounded-gradient-borders {
// ----------------------------------------------------------------------
padding: 6px; // border weight
background-image:
linear-gradient(45deg, white 0%, #eaeaea 100%), // inside color
radial-gradient(circle at top left, #55e7e2, #30d884); // border color
background-origin: border-box;
background-clip: content-box, border-box;
border: 1px transparent;
border-radius: 10px;