【CSS3】新しいプロパティで要素を上下中央に配置する方法！！
ここ最近は、CSS3もだいぶ使えるような環境が整ってきたのですが、少し要素を上下中央に揃えたいときもあると思います。その際にCSS3の新しいプロパティを使えば割とすんなり実現出来るようなので、メモしておきます。 上下中央…
csscsscss
css
css【jQuery】スマートフォンやPC用に画像を切り替える方法
まぁスマートフォンとPC用だと画像の切り替えに迷う。 基本的に画像をスマートフォンに対応させるには下記のようなCSSが多い気がする。 とりあえず現状では、下記の用にcssを指定するのはデフォルトのよう。 img{ wid…
css【CSS3】CSSでローディングのアニメーションを作ってみた！！
かなり以前にCSS3のanimationの機能を使った記事を書きました。 CSS3のanimationによるキーフレームアニメーションをやってみた。 で、この度久しぶりにCSS3のanimationでローディングのアニメ…
css【CSS】CSS3でFlexboxの水平方向と垂直方向の揃え方とは！？
このブログでも、何回か記事にした事もあるCSS3のFlexboxについての記事ですが、最近各ブラウザでもようやく使用できるレベルまでなってきたので、新たにメモしてみようかと。Flexboxに関してのほかの記事は書きになり…
css【CSS】CSS filterプロパティによる画像エフェクトを試してみた！
先日、FIRE FOXのブラウザのBeta 35が発表されました。 CSS filter”がデフォルトで有効になった「Firefox 35」のベータ版 これによりCSS filterが使えるようになるということで今更なが…
css[CSS]スマホ制作で大活躍！？table-cellで要素を横並びに配置する方法
前回、要素を横並びにするのに inline-block を使ったんですが、なんと「display:table-cell」でも同じことができます。 IE8からでないと利用できなんですが、スマホなどはモダンブラウザなので問題…
css【CSS】のinline-blockで要素を横並びにしてみた！
今更の話ですが、ナビゲーションを作成するときは、結構「float」を利用して横並びにすることが多いですが、実はdisplay要素だけでも横並びに出来るのでメモ。 htmlとCSSのコード そんな難しいことでもないので、簡…
css【html5】videoタグで背景に動画を再生させる方法とは！？
動画を背景で再生させるとサイトがダイナミックになりますよね♪ 例えば下記のようなサイトを見ていただければ分かりますがウィンドウいっぱに動画が再生されていて、街の風景だったり職場の風景だったりが再生されていますが、躍動感あ…
css【CSS】CSSで行ごとに背景色を交互に変更するには？
結構、新着情報などの背景色を交互に表示して行ごとに分かりやすくしているサイトを見てそれを実装しようとしたが、更新するたびに行ごとにクラスをつけたり外したりするのめんどくさいのでどうするか試してみた。 取り合えず新着情報み…
css【CSS】スマホでヘッダー部分を固定させるには！？
最近は、スマホサイトやらレスポンシブやらばっかですね（笑）。とまぁそんなこんなで最近はスマホでもヘッダー部分が固定されているサイトを見かけたりします。 個人的には思ったりするんですが、検索でひっかかるとランディングページ…
