CSS

CSS
  • 2014.06.03
  • ,

CSSだけで要素を中央に配置する

特定を要素(画像)を中央に配置したいときの方法をまとめておきます。やり方を覚えておけば、いろんな場所で役に立ちそうなので記事として残しておきます。 参考サイト 参考になったのが下記のブログの記事です。たった3行のスタイルシートで高さ不明の要素に対して天地中央に配置するテクニック(IE9にも対応) コ […]

CSS

FacebookのLikeboxをレスポンシブ対応に

Facebook の Likebox を表示する際に、設置したままでは固定の幅となってしまいます。今回は CSS だけで Likebox をレスポンシブに対応させる方法を載せておきます。 Likebox は、iframe が表示されているため固定幅となっています。そこで、CSS に下記のような記載を […]

スクラップリスト(2013年11月23日)

jQueryを利用する際に便利なライブラリを3つ載せておきます。 今回は画像の見せ方をいじるったりするものが中心です。   画像に対して様々なエフェクトをかけられる! 単純なポップアップやグレースケールからのフルカラーへのエフェクトなど、ライブラリだけで画像の見せ方を変えることができます。 […]

スクラップリスト(2013年10月11日)

jQueryを利用する際に便利なライブラリを3つ載せておきます。 HTMLを直接編集できるものを中心に紹介します。   テーブルの行や列の追加や編集ができるライブラリ ページ上のテーブル(table)の箇所を直接編集が可能になるライブラリです。行 / 列の追加や値の入力などが簡単にできます […]

CSS

Foundation4のセレクトボックス問題の対応

CSSフレームワークのFoundation4を利用して、Webアプリケーションの作成を行っていました。 簡単に使えるのはいいのですが、融通が利かない部分もあり、微妙な感覚を覚えました。   その中でも、モーダルを利用した場合にモーダル内のセレクトボックスへFoundationのセレクトボッ […]

スクラップリスト(2013年7月13日)

JSやCSSだけでも今はアニメーションができるんですね! 利用できるブラウザも限られてしまいますが、今後どんどん使える環境が増えるはずなので覚えておきたい内容です。   アニメーションや変形が簡単にできるライブラリ アニメーション、変形などが簡単にできるライブラリです。少ない記述で出来るの […]

スクラップリスト(2013年5月22日)

仕事で利用しているWebサーバの起動が出来なくなり調べた結果、ディスク障害だった事が判明し逃がせるデータのみ退避しながらのスクラップリストです。   CSSだけできれいなボタンを作れる! 画像を利用して角を丸くしたり、背景色をグラデーションするために縦長の画像を背景に設定したり・・・と以前 […]

スクラップリスト(2013年2月11日)

会社の仕事で、画材となる写真がないため、作業服&ヘルメットをかぶって撮影会が実施されたようですが、現場作業員よりもおいしそうにオニギリを食べている写真には圧巻でした。 前置きはこれくらいで、今日のスクラップリストです。   スマートフォン最適化診断レポート こちらのサイトでURLを入力し、 […]