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 / 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;
@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);
}
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"lib": [ "es2015", "dom" ],
"noImplicitAny": true,
@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;
}
@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์„ ๋ฐ”๋กœ ์‚ฌ์šฉํ•˜๋ฉด ๋˜๊ฒ ์ง€๋งŒ ํŽธ๋ฆฌํ•˜๊ฒŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋‘๊ฐ€์ง€ ๋ฐฉ๋ฒ•์„ ์ ์–ด๋ณธ๋‹ค.