スタイルガイドジェネレーターの「Fractal」をgulpで使ってみる
スタイルガイドジェネレータの「Fractal」をgulpで使用する方法をメモ。 Fractalの使い方については以前投稿...
jQueryで実装したキーワード検索にページ送りを追加する
以前jQueryを使ってキーワード検索の機能とページ送りの機能を実装しましたが、今回はその2つを組み合わせてみます。...
SearchWP Live Ajax Searchを使ってみる
WordPressの検索フォームで検索結果を動的に表示できるプラグイン「SearchWP Live Ajax Searc...
Movable Typeで複数のサイトの記事をまとめて一覧表示する
Movable Typeで複数のサイトのブログやコンテンツデータをまとめて表示する方法を調べてみました。 Movable...
flexboxで要素数に関わらず均等幅で横並びにする
flexboxで要素を改行なしで横並びにした際に、要素数に関わらず均等幅にしたいということがあったので、実装方法をメモ。...
スタイルガイドジェネレータの「Fractal」を使ってみる
スタイルガイドジェネレータの「Fractal」を使う機会があったので、使用までの流れと使い方をメモ。...
jQueryでページ送りを実装する
jsonなどの情報を使って一覧表示をした際に、ページを分割してページャーで切り替えられるようにする処理をjQueryで実...
flexboxで横並びにした要素内でheight 100%がiOSで効かない
flexboxで横並びにした要素内でheight 100%を指定した際、iOS10で効かないということがあったので対応方...
pタグの中にdivタグは入れられない
pタグの中にdivタグを入れられないのは把握していたのですが、きちんと確認したことがなかったので試してみました。...
data属性のうち特定の値を持たない要素のみを対象にする
jQueryを使って、特定のdata属性のうち特定の値を持たない要素にclassを付けるという処理を実装していたのですが...
Google Apps Scriptで取得した日付をフォーマットする
Google Apps ScriptでGoogleスプレッドシートから日付を取得して処理をしようとした際、フォーマットが...
CSSで一方方向に進むアニメーションを実装する
オンマウス時にラインを左から右に表示、マウスアウト時にラインを右から左に非表示にするようなアニメーションを実装してみます...
Movable Typeのlimitとlastnの違い
表示する記事の上限数を設定できるlimitとlastnの違いについて試してみました。...
Google Maps APIで表示しているマーカーを切り替える
昨日jsonのデータを使ってGoogle Mapsにマーカーを設置する記事を掲載しましたが、このマーカーをカテゴリ毎に絞...
Google Maps APIでjsonのデータからマーカーを設置する
CMSで入力した内容をjsonで出力してGoogle Mapsに表示するということがたまにあるので、jsonの内容使って...
Movable Typeで日付をファイル名に設定している時の注意点
ニュースやイベント情報など、日々更新するコンテンツを日付ベースのURLにすることがあります。 Movable Typeの...
video要素にsetAttributeで追加したmutedがFirefoxとchromeで効かない
setAttributeでmutedを指定した際に、Firefoxとchromeでミュートにならない現象に遭遇したのでメ...
WordPressのローカル環境を作成できる「Local by Flywheel」を使ってみる
WordPressのローカル環境を簡単に作成できる「Local by Flywheel」を使ってみたのでメモ。 今回はW...
Google Apps Scriptでカスタムメニューを作成する
GoogleスプレッドシートからGoogle Apps Scriptのスクリプトを実行できるように、カスタムメニューを作...
jQueryでキーワード検索の機能を実装する
CMSの記事情報をjsonで出力する前提で、json内の情報を検索する処理をjQueryで実装してみます。...