phpMyAdminでサイズの大きいファイルがインポートできない時の対応方法
WordPressで作られたサイトのローカル環境をXAMPPで作ろうとした際、インポートしようとしたファイルサイズが大き...
position:stickyを使ってみる
スクロールに合わせて要素を固定できるposition: sticky を試してみました。...
Movable Typeで予約投稿を行う
Movable Typeで予約投稿を行うための設定を試してみました。 今回はさくらインターネットのレンタルサーバーでcr...
target=”_blank”を使用する際の注意点
target=”_blank”やwindow.open()など、リンクを別タブで開く際の注意事項...
tableで横スクロールできるようにする
スマホサイトなどでたまに見かける、コンテンツ幅からはみ出たtableを横スクロールさせる処理を実装してみます。...
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を簡単に実装してみましたが、今回はキャッシュを使ってオフラインでも表示できるように実装してみます。...