Skip to content

Instantly share code, notes, and snippets.

View ln-north's full-sized avatar

Ln-north ln-north

  • Type Project, Inc.
  • Tokyo, Japan
  • 22:06 (UTC +09:00)
  • X @ln_north
View GitHub Profile
export default function() {
console.log('My name is PyRun.js')
}
@ln-north
ln-north / align-cell.scss
Created March 9, 2020 12:54
親が flex-flow: row wrap なときにいい感じで横並びするやつ
// 親が flex-flow: row wrap なときにいい感じで横並びするやつ
@mixin align-cell($row: 4, $gap-horz: 20px, $gap-vert: 20px) {
width: calc(100% / #{$row} - #{$gap-horz * ($row - 1) / $row});
& + & {
margin-left: $gap-horz;
}
&:nth-of-type(n + #{$row + 1}) {
@ln-north
ln-north / Mac-config.md
Last active June 4, 2019 23:12
Macをやってやることリスト

Macを買ってやることリスト

  • Dockからいらないアイコンを削除
  • 入れるソフトウェア
    • Google Chrome
    • VSCode
    • illustrator
    • Sketch
    • OBS
  • karabinar
@ln-north
ln-north / note-dev-react-native.md
Last active September 23, 2018 06:13
React Native開発メモ

React Native開発メモ

やったこと

The Basics

  • sysctl kern.maxfilesあたりの上限を上げる必要があった
    • npm startしたら案内がちゃんとあった
@ln-north
ln-north / cas-nicovideo-jp.css
Last active August 19, 2018 19:52
実験放送のカスタムcss/js
:root {
/* サイズ定義 */
--side-panel-width: 360px;
--common-header-area-height: 48px;
--comment-post-panel-height: 102px;
--player-margin-height: 140px;
--player-min-height: 400px;
--broadcast-controller-height: 156px;
/* カラー定義 */
https://csstriggers.com/
https://kitak.hatenablog.jp/entry/2015/11/03/194832
https://medium.com/ux-in-motion/motion-design-in-digital-products-a-white-paper-48da834261dd
@ln-north
ln-north / time-bakcground-extention.scss
Created May 1, 2018 21:58
マストドンのトゥートを時間ごとに背景色分けするCSSとか
/*
.column:nth-child(4): LTLのカラム(人によってUI違うっぽいので適宜調整)
.column:nth-child(4) article[aria-posinset][data-id]: LTLの中のトゥートのwrap
  .column:nth-child(4) article[aria-posinset][data-id] time: その中の時間
*/
/* トゥートのwrapをrelativeにする(多分いらない) */
.column:nth-child(4) article[aria-posinset][data-id] {
position: relative;
}
@ln-north
ln-north / custom_css_for_Mastodon.css
Last active April 25, 2023 16:13
マストドン用の簡単なカスタムcss
body {
font-family: 'Avenir Next', 'YuGothic' !important;
-webkit-font-smoothing: antialiased;
}
.columns-area > .column {
display: none;
}
.columns-area > .column + .column {
display: flex;
}
@ln-north
ln-north / simple-dark-theme.css
Created July 9, 2017 14:19
ニコニコ動画 シンプルダークテーマ【HTML5対応】
html,
body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Sans", sans-serif;
background: black;
-webkit-font-smoothing: antialiased;
}
a {
color: #0080ff;
}
(function(){
//要素の取得
var elements = document.querySelectorAll("body > *");
//要素内のクリックされた位置を取得するグローバル(のような)変数
var x;
var y;
//マウスが要素内で押されたとき、又はタッチされたとき発火