HTML5 × CSS3 × jQueryを真面目に勉強 – #16 レスポンシブWebデザインでテーブルを最適化するベストプラクティス ｜ Developers.IO

2013/03/17 518 users ベストプラクティス Developers.IO MdN 勉強

dislay 属性についてもっと知りたいという方は、こちらのサイトを参照ください。 display - CSS | MDN 要するに何が言いたいかというと、テーブルもまたスタイルシートの display 属性によってその形状を実現しているに過ぎず、この値を色々と操作すればスマートフォンのようなスクリーンサイズの狭い環境にも最適化された表示が出来るのではないかということです。 実際に作ってみた - ... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強してみる – #12 Pinterest風グリッドレイアウトを作ってみた ｜ クラスメソッド開発ブログ

2013/01/15 502 users Pinterest HTML グリッド 従来 画面

HTML5 × CSS3 × jQueryを真面目に勉強してみる HTML5 × CSS3 × jQueryを真面目に勉強してみる – #12 Pinterest風グリッドレイアウトを作ってみた そんな訳で、写真共有SNSの一つであるPinterest(ぴんたれすと)。従来のグリッド式レイアウトのように高さが均一のグリッドが整然と並べられているのと違い、異なる高さのグリッドが画面いっぱいに敷き詰め... 続きを読む

HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 ｜ クラスメソッド開発ブログ

2012/10/16 761 users パララックスエフェクト パララックス parallax ディ

そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け（※自分含む）のサンプルをいくつか紹介していきたいと思います。 はじめに – パララックスエフェクトについて パララックス（parallax）を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ... 続きを読む