[B! jQuery][css] ike_aijiのブックマーク

すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ

作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。エンジニア速報は Twitter の@commteで配信しています。もくじ横並び１．今までの回り込み解除２．横並びや並び順３．均等に並べる／段組みナビゲーションメニュー４．多階層　ドロップダウン５．amazon風　メガドロップダウン６．ドロワーメニューコンテンツメニュー７．モーダルウィンドウ８．アコーディオン９．タブパネルテーブル１０．ストライプテーブル１１．レスポンシブ＋テーブルリスト１２．カウント

ike_aiji 2014/04/22

css
jQuery

リンク

画像は使わない！文字を装飾するCSS／jsまとめ

作成：2013/11/5 更新：2014/10/24 Webデザイン > 画像を使うと変更がめんどう。出来ることならテキストで済ませたい。Webデザインはカーニングなどによる可読性の調整は難しいですが、CSSやjsを用いた簡単な指定で、文章の読みやすくしたり、注意をひくことが可能です。今回はCSSやjQueryで調整できるテキストまわりをまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじ js／プラグインなど１．文字詰め２．テキストの幅にあわせてテキストのサイズを自動調整３．縦書き４．均等割り付け５．画面幅に応じて可変６．一文字ずつ、文字ごとに色を変える７．回転８．文字の色を反転９．弧を描くように文字列を配置 CSS １０．カーニング１１．3D風１２．テキスト選択時１３．ヴィンテージ風、ストローク状、エンボス加工１４．エフ

ike_aiji 2013/11/12

css
jQuery

リンク

css+jQueryでチェックボックス&ラジオボックスをオリジナルデザインのボタンにする

Posted: 2012.04.10 / Category: javascript / Tag: jQuery ブラウザ標準のチェックボックス&ラジオボタンのデザインだと俺のクールなサイトには合わん。といったときの為にボタン風なオリジナルデザインにする方法をご紹介します。 cssオンリーの場合まずはcssのみでやってみます。隣接セレクターやcheckedセレクターを使用している関係でieでは動きません。 <div class="check-group clearfix"> <div> <input id="checkbox1" type="checkbox" name="check[]" value="c1" /> <label for="checkbox1">Checkbox 1</label> </div> <div> <input id="checkbox2" type="ch

ike_aiji 2012/04/10

リンク

4 Methods For Creating Equal Height Columns In CSS - Vanseo Design

One of the few things that isn’t as simple to do with css as it should be is creating columns of equal heights. A variety of methods do exist, each with its pros and cons and I want to present 4 methods here. Let’s think for a moment about what we mean by equal height columns. We generally don’t mean that we want the content inside each column to be of equal height. If that were the case there rea