スタイルガイドジェネレータの「aigis」を使ってみる
スタイルガイドを生成できる「aigis」を使う機会があったので、使い方などをメモしておきます。...
開発用の.devドメインが表示できなくなった件とその対応方法
開発用で使用している.devドメインがchromeとFirefoxでうまく表示できなくなったので、その際に対応した方法を...
JavaScriptでカレンダーを作成する
JavaScriptでライブラリなどを使わずにカレンダーを作る機会があったのでメモ。...
JavaScriptを使ってiOSでスクロールできないようにする
以前iOSでスクロールできないようにする記事を投稿しましたが、iOS10でうまくいかないことがあったので、別の対応方法を...
CSSのresizeを使ってみる
ユーザーが要素のリサイズを行えるようにするCSSのプロパティ「resize」を使ってみます。...
Google Maps Embed APIを使ってみる
シンプルなHTMLのみでGoogle Mapsをカスタマイズできる「Google Maps Embed API」を使って...
Google Maps APIの利用前にAPIキーを取得する
一時期からAPIキーが必須になっていますので、APIキーの取得と設定方法についてまとめてみます。...
背景色の付いた要素をflexboxで高さ揃え+内容を上下中央揃えにする
flexboxでタイトルのような実装をするときにいつも迷うので、実装方法をメモしておきます。...
Sassでカテゴリーの色を管理する
Sassの配列を使ってカテゴリーの色を管理する方法を試してみます。...
フォーム要素のスタイルをリセットする
フォーム要素のスタイルをリセットしたい場面がよくあるので、それぞれのスタイルのリセットを試してみます。...
Facebookページプラグインのレスポンシブ対応で表示されない場合
以前にFacebookのページプラグインをレスポンシブに対応する方法の記事を書きましたが、画面幅によって表示されない現象...
GulpでJavaScriptのファイルを結合する
Gulpで複数のjsファイルの結合を試してみます。...
Sassで関数を作成する
Sassで自作の関数を作ってみます...
flexboxで要素を両端揃えにする
flexboxで複数の要素を横並びにする際、要素を両端揃えにする(親要素に左端と右端を合わせる)方法を試してみます。...
PugでSVGを使用する
PugでSVGを使う時に少し迷ったのでメモ。...
Sassで小数点以下の値を扱う
Sassで小数点の切り上げ・切り下げや四捨五入をする方法をメモ。...
imgタグで埋め込んだSVGが表示されない
imgタグを使ってSVGを埋め込んだ時にうまく表示されないことがあったので、その際の対応方法をメモしておきます。...
jQueryで複数のclassを追加・削除する
jQueryのaddClass()とremoveClass()を使って、複数のclassを追加したり削除したりする方法を...
連想配列の値を大きい順に出力する
連想配列の値を大きい順に出力する機会があったので対応方法をメモ。...
JavaScriptで配列の値をコピーする
JavaScriptで配列の値をコピーする(参照渡しではなく値渡しにする)方法をメモ。...