gulp-csslintでCSSのバリデーションを行う
少し前にHTMLのバリデーションの記事を書きましたが、今回はgulp-csslintを使ってCSSのバリデーションを試し...
Movable Typeで記事登録後にカスタムフィールドを追加する時の注意点
Movable Typeを使っていてたまにあるのですが、サイト公開後にカスタムフィールドを追加する際、既存記事を全て上書...
keyframesで同じ値の設定をまとめる
CSSアニメーションのコードを見ていて、あまり見たことのない指定方法を見かけたのでメモ。...
gulp-htmlhintでHTMLのバリデーションを行う
gulp-htmlhintを使ってHTMLのバリデーションを行ってみます。...
HTMLに直接記述したYouTubeのiframeをJavaScriptで操作する
HTMLにiframeで直接埋め込んだYouTubeをJavaScriptで操作したいということがあったので、実装方法を...
Google Maps APIでマーカーのサイズを変更する
Google Maps APIでマーカーを独自画像で設置した際、マップの倍率によってピンのサイズを変更したいということが...
Movable Typeの再構築トリガーで設定できるトリガーを試してみる
Movable Typeで記事に対する再構築トリガーについて調べる機会があったのでメモ。...
画像を順々に切り替える処理を実装する
画像を複数重ねて配置して、一定時間ごとに切り替える処理を実装する機会がたまにあるので、実装方法をメモ。...
data属性の名前に使える文字列
data属性を設定する際、名前に使える文字列について調べてみました。...
さくらインターネットの共有SSLを使ってみる
さくらインターネットの初期ドメインでSSL対応をしたいことがあったのですが、以下で紹介されているLet’s ...
Atomで「Uncaught TypeError: wrapGuide.updateGuide is not a function」とエラーが表示される
Atomを使っている時、少し前から「Uncaught TypeError: wrapGuide.updateGuide ...
幅固定のコンテンツ内で画面幅いっぱいに要素を広げて配置する
コンテンツの幅固定で左右中央位置に配置された要素内で、画面幅いっぱいに要素を広げて配置する方法を試してみます。...
table内でtext-overflow ellipsisを使う
table内で文字省略をしたいことがあったので、table内での実装方法を試してみました。...
Vimeoで背景動画を実装する
Vimeoで背景動画を実装できるかどうかを調べる機会があったのでメモ。...
PWAでオフラインでも動作するように実装してみる
以前PWAを簡単に実装してみましたが、今回はキャッシュを使ってオフラインでも表示できるように実装してみます。...
さくらインターネットで無料SSLの導入を試してみる
さくらインターネットで無料SSLを導入する機会があったので、設定した際の流れをメモ。...
Macでhostsファイルを書き換える
Macの環境でhostsファイルを書き換える機会があったので方法をメモ。...
西暦を和暦に変換する
令和になったタイミングということで、JavaScriptで西暦の年月日を和暦に変換する実装をしてみました。...
Movable Type クラウド版でサーバ配信を試してみる
Movable Type クラウド版を使用する機会があったので、サーバ配信機能を試してみました。...
Marker Clustererを使ってみる
Google Mapsで複数のマーカーを立てた際、近いマーカーをまとめて表示できるMarker Clustererを使っ...