Skip to content

Instantly share code, notes, and snippets.

View BoxPistols's full-sized avatar

a.ito BoxPistols

View GitHub Profile
/**
* ======= Flex Box =======
* Example:
* @include flex(center, center)
* @include flex(null, end, column, nowrap)
*/
@mixin flex($justify:null, $align:null, $column:null, $wrap:null) {
display:flex;
/**
* justify-content / Horizontal ===(1st Argument)
@BoxPistols
BoxPistols / index.html
Created August 14, 2021 10:10
Intersection Observer Scroll Animation
<section id="first" class="section">
<div class="section__container">
<p>First section</p>
<p>↓Scroll↓</p>
</div>
</section>
<section id="second" class="section obs">
<div class="section__container">
<p>Second section</p>
</div>
@BoxPistols
BoxPistols / index.html
Created February 20, 2020 20:01
Vuetify Calendar Custom Bar
<div id="app">
<v-app id="inspire">
<v-row>
<v-col sm="12" lg="6" class="mb-2 controls" >
<v-btn fab small absolute left color="primary" @click="$refs.calendar.prev()">
<v-icon dark>mdi-chevron-left</v-icon>
</v-btn>
<v-btn fab small absolute right color="primary" @click="$refs.calendar.next()">
<v-icon dark>mdi-chevron-right</v-icon>
</v-btn>
@BoxPistols
BoxPistols / index.html
Created January 15, 2020 12:44
Vuetify DataTable Calc
<div id="app">
<v-app id="inspire">
<v-card>
<v-card-title>
成績
<div class="flex-grow-1"></div>
</v-card-title>
<v-data-table
:headers="headers"
:items="items"
anonymous
anonymous / index.html
Created July 3, 2017 18:37
Pure CSS Hamburger fold-out menu
<!-- Made by Erik Terwan -->
<!-- 24th of November 2015 -->
<!-- All rights reserved -->
<nav role="navigation">
<div id="menuToggle">
<!--
A fake / hidden checkbox is used as click reciever,
so you can use the :checked selector on it.
-->
<input type="checkbox" />
@jacurtis
jacurtis / _spacing-helpers.scss
Last active April 15, 2024 12:05
SASS Margin and Padding Helpers Loop. Generates .m-t-10 type helper classes.
/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:
.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels
@taichi
taichi / code_review_basics.md
Last active March 5, 2024 08:29
チームでコードを書き始めた後、「どうやらレビューってやつをした方が良いらしい」くらいの若手に向けた資料です。

コードレビューの基本


一番大事な事

ソースコードはプロジェクトの共同所有物である

  • 誰かだけが触れるコードを無くす
@mono0926
mono0926 / commit_message_example.md
Last active March 29, 2024 03:40
[転載] gitにおけるコミットログ/メッセージ例文集100
@kozy4324
kozy4324 / bundler_memo.md
Last active May 25, 2022 01:59
Bundlerめも

bundler

install

Gemfile(or Gemfile.lock)の記述に従って依存gemをシステムにインストール.

$ bundle install