Tag : CSS

READ MORE

CSS+CSS3のみにて円形や三角、四角、星型、ハート型などなどありとあらゆる形状を画像を使わずに形成する方法を集めた「The Shapes of CSS」がおもしろかったのでメモ書き程度にご紹介。The Shapes of CSS≫The Shapes of CSSページ上には実際にブラウザ上で表示される形をもとにC…

READ MORE

CSSでさまざまなアニメーションエフェクトの制御を可能とするプロパティ「Transform」。そんな「Transform」をサイト全体でうまく利用して、ページ(コンテンツ)遷移を画面全体のズームイン/アウトで制御しているWebサイト「BeerCamp at SXSW 2011」がおもしろかったのでご紹介。BeerCam…

READ MORE

今年始めに紹介した、CSSのみでタブUIを作成する方法「CSS(CSS3)のみでタブUIを作ってみる。(Ver.1)」。こちらの Ver.1 でも基本的なタブの動き(表示/非表示の切り替え)は実装できていましたが、タブボタンに対して、現在開いているアクティブ状態のボタンの見分けを付けることが実装できていなかったのでその…

READ MORE

jQueryなどのJavaScriptライブラリでは定番のLightBoxやThickBoxといった、ポップアップ型モーダルウィンドウプラグインが様々あります。ギャラリー要素などコンテンツの見せ方としてモーダルウィンドウは定着しつつありますが、そんなモーダルウィンドウをJavaScriptなどのSCRIPTを使用せずに…

READ MORE

jQueryなどのJavaScriptではクリックする度に交互にアクションを実行させる時に「toggle(トグル)」という処理をよく使用します。この「toggle」処理をJavaScriptを使用せずに、CSS3のみで実装させる方法が紹介されていたのが興味深かったのでメモ書き程度に紹介してみます。CSS3 toggle…

READ MORE

最近、CSSのみでの3D表現を実験的に行っているサイトを多々見かけます。CSSでの3D表現はCSS3から追加となったプロパティ「transform」で実装可能となります。そんな「transform」を使ってCSS3での3D的表現方法を実験してみたので簡単なサンプルにて紹介してみます。まずは動作サンプルから。※「tran…

READ MORE

Webサイトを更新したりニューアルした際、それまで使用していたCSS指定を別の形に置き換えたりする作業を繰り返すことで、CSSファイル内に使っていないCSS指定が残ってしまうことはよくあること。ですが、もちろんサイトデータ(HTML/CSS共に)内にはページ形成に不必要な記述は可能な限り残しておくべきではないもの。そん…

READ MORE

サイト制作の際、ブラウザごとのCSS解釈の違いで、やむを得ずCSSハックを使用することはよくあることですが、Webサイトを構築する際、出来る限りCSSハックを使用することは避けたいもの。そんなCSSハックの使用を避ける為に作られた「CssUserAgent (cssua.js)」が今後活用できそうだったのでご紹介。Cs…

READ MORE

2011年初投稿です。本年もWeb制作に役立つのではないかと思われる情報を紹介していきますので何卒、よろしくお願いします。去年暮れに紹介したCSSのみでのアコーディオンUI作成方法に引き続き、今度は(スクリプトを使用せずに)CSS3アニメーションを利用してCSSのみでタブUIを実装する方法の紹介してみます。まずは動作サ…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner