jQueryを使わないでページ内リンクのスムーズスクロールを実装する
jQueryを使わない案件でスムーズスクロールを実装する機会があったので、実装方法をメモ。...
Movable Typeのコンテンツタイプ でデータ登録後にフィールドを追加する
以前に「Movable Typeで記事登録後にカスタムフィールドを追加する時の注意点」という記事を公開しましたが、コンテ...
SortableJSを使ってみる
ドラッグアンドドロップでリストの並び替えができるJavaScriptライブラリ「SortableJS」を使ってみます。...
ウィジウィグエディタのQuillを使ってみる
ウィジウィグを独自で実装する機会があったので、オープンソースのウィジウィグエディタ「Quill」を使ってみました。...
Sketchで書き出しをする
Sketchのデザインをコーディングする機会があったので、画像の書き出し方法についてメモ。...
class名の頭がハイフン2つの場合にIEで効かない
「--hoge」のように、ハイフン2つから始まるclass名を指定した際、IE11だけその指定が効かないことがあ...
nodenvで必要なバージョンが見つからなかった場合の対応方法
nodenvでバージョンを指定してインストールしようとした際、バージョンが見つからないということがあったので、その時の経...
Vue.jsのフィルタを使ってみる
Vue.jsのfilterの設定について試してみます。...
Vue.jsでjsonファイルからデータを取得する
Vue.jsでjsonを取得する方法を、axiosを使う場合とfetch()を使う場合でそれぞれ試してみます。...
axiosを使ってjsonファイルを取得する
PromiseベースのHTTPクライアントのaxiosを使って、jsonファイルの取得を試してみます。...
Cropper.jsを使ってみる
ページ上で画像のトリミングなどができるJavaScriptライブラリ「Cropper.js」を使ってみます。...
テスト環境と本番環境でWordPressのテンプレート内のIDを変更する
WordPressのテンプレート内で記事やカテゴリなどのIDを指定する必要がある場合、テスト環境と本番環境でIDが変わっ...
Pugのif文で変数がない場合の対応
Pugのif文で変数を使用する際、変数が設定されているかの判別で少し迷うことがあったのでメモ。...
見出しから目次を生成するJavaScriptのライブラリ「toc.js」を使ってみる
ページ内にある見出しから目次を自動生成するJavaScriptのライブラリ「toc.js」を使ってみます。...
chromeでvideoのダウンロードリンクを非表示にする
videoのcontrols属性を指定した際にchromeで表示されるダウンロードリンクを非表示にしているサイトを見かけ...
createDocumentFragment()を使って複数の要素をまとめてDOMに追加する
DOMへの複数の要素追加をcreateDocumentFragment()を使って試してみます。...
textareaでplaceholderを改行する
textareaのplaceholderで改行できるかを試してみました。...
Intersection Observerを使った画像の遅延読み込みを実装してみる
Intersection Observerを使った遅延読み込みを実装してみます。...
PugでHTMLタグ部分に変数を使用する
Pugを使用する際、HTMLタグ部分で変数を使って出し分けたいことがあったので、変数を使用する方法を試してみました。...
Sassで最終的なCSSの出力形式を指定する
Sassのオプションで、最終的なCSSの出力形式を指定するoutputStyleの値を試してみます。...