CSS編:レスポンシブデザインのグリッドレイアウトを詳細解説

投稿日時:2014年8月12日 カテゴリー:CSS
レスポンシブデザイン参考bootstrap

いまさらながら、グリッドレイアウトのレスポンシブデザインについて記載したいと思います。 レスポンシブデザインのグリッドレイアウトについて可能な限りわかりやすく、フレームワークを使用しなくてもコーディングできるよう記載した […]

続きを読む

Google が作ったルービックキューブで思った、将来は結構すごいゲーム作れる

投稿日時:2014年5月19日 カテゴリー:CSS
アイキャッチ ルービックキューブ

Google のトップページがルービックキューブになっていた。 何を使って実現しているのかなと思ったら、css の translate3d と JavaScript で実現していた。   たぶん、詳細に解析しな […]

続きを読む

レスポンシブデザインでCSS を全部変更するテクニック

投稿日時:2014年5月13日 カテゴリー:CSS
CSS 一気に適用

レスポンシブでよく使うのが以下の「@media screen」で横幅の可変でして css を適用できる。 @media screen and (min-width:768px){ /* 768px 以上の横幅で適用 */ […]

続きを読む

指定位置で fadein する css で動く美女

投稿日時:2014年5月7日 カテゴリー:CSS
アイキャッチフェードイン

css + Jquery を使ったスクロールフェードインのサイトの作り方を解説する。 昨今、IE オワタなので、Jqueryオンリーより、css3 でアニメーションを実行したほうがよいと思った。   簡単な説明 […]

続きを読む

CSS position fixed を使ったメイン画像

投稿日時:2014年5月4日 カテゴリー:CSS
fiexed サムネイル

初めに ゴールデンウィーク 1日目、海外のサイトでよく見かける、メイン画像 fixed で固定する奴作ってみた。 ベッドでは決して言ってもらえないので、CSS を利用して女の子に「どうなってるかわからないけどすごい♡」と […]

続きを読む

モバイルページでcssスプライトとか画像軽量化とか日本ではもはや意味がないのでは?

投稿日時:2014年4月27日 カテゴリー:CSS
HTTP の画像読み込みの仕組み

初めに モバイルのホームページ(特ににレスポンシブ)においては、如何に早くページを表示させるかがカギだった。 なぜならば、ページの表示時間とユーザがサイトに訪問した際の行動には明らかな相関関係がある。 これは、googl […]

続きを読む
1 / 212