[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。
第 2 回目は「色々なカラムレイアウト（段組）を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。 その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。 サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 CSSは以下のように設定します（重要な箇所だけ抜粋）。またご紹介するレイアウトすべてで第1回記事のデフォルトリセットも使用しています。 /* ========================================================= ■wrapper ========================================================= */ d
![[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
【TB企画】これまでに使った便利なjQueryプラグイン
これまでに使った20のjQueryプラグイン :: 5509 5509のnoriさんとチャットで会話しているときに nori: みんなでよく使うプラグインをまとめる、とかは？ nori: ↑それぞれがまとめる nori: 意外と知らないやつとかあったりするかも hiromu45: 皆さんはどうですかー？大募集！ hiromu45: みたいなのやりますか。 なんて話題になったので、ＴＢ（トラックバック）企画にしちゃいます！ 自分の普段使うプラグインやこれは便利だ！なんてプラグインを書いてエントリーに書いて、トラックバックしてください！ 便利なプラグインのまとめ サイトの制作時に使ったプラグインや、これは便利だ！と思っていたプラグインをまとめてみました。今だったら自分で書くかなっていうプラグインも含めてまとめてあります。 jQuery Opacity Rollover http://h2ham
Twitterで書名をつぶやくだけで読書履歴ページを作れる「読んだ4!」正式公開
Twitterから読んだ本を記録できるWebサービス「読んだ4!」が2009年7月31日，正式リリースされた。Twitterユーザーであればユーザー登録は不要で，Twitterに「@yonda4 断る力」などと投稿するだけで読書記録を作成できる。 「読んだ4!」を利用するには，アカウント「yonda4」に向けた投稿として書名を書き込む。yonda4が著者名や表紙画像などを検索して読書履歴ページを作成する。「@yonda4 断る力 面白かった」のように，感想を付け加えることも可能。 自分の読書記録は「http://yonda4.com/user/［自分のTwitterアカウント名］」のアドレスで閲覧できる。例えばアカウント名が「akky」であれば「http://yonda4.com/user/akky」に読書記録が表示される。 読書記録ページにはAmazonの該当書籍ページへのリンクが作成さ
PHP で引数をそのまま返す関数を作っておくと便利 - IT戦記
PHP では以下のように new してすぐメソッドを呼べない <?php new DateTime()->getOffset(); なので、引数をそのまま返す関数を作ってやると <?php function expr($a) { return $a; } expr(new DateTime())->getOffset(); // OK! 便利だなー おまけ 配列アクセス用のも作っておくと便利 <?php function expr($a) { return $a; } function idx($array, $i) { return $array[$i]; } echo idx(idx(expr(new DateTimeZone('Asia/Tokyo'))->getTransitions(), 0), 'abbr') . "\n"; おまけ2 無名関数をそのまま呼ぶときにも使える。 <
Mac用テキストエディター選手権
今日はちょっとテキストエディターについて語ってみたいと思います。ちなみにTerminalから直接呼び出して使う系のエディターにはまだ手を出してません。viとかvimっていうんですかね。これはjとかkとかでカーソル移動させるしちょっと初心者には敷居が高いです。以下が僕が持ってる＆日頃ぼちぼち使ってるテキストエディターの一覧です。 CotEditor Coda Espresso CSSEdit（CSS専用） Dreamweaver Xcode CotEditor 単純にテキストを書くならCotEditorが良いですね。軽いです。P_BLOGのコードも書いておられるnakamuxuさん作のテキストエディターです。国産。もちろんコード書くのにも向いてます。AppleScriptでわしわし機能強化とかも出来そうです。CodaゲットするまではCotEditor一本でした。いまでもWindowsでいう秀
ブラックベースの暗いウェブデザインで気をつけたいポイント
ブラックベースの暗いデザインのウェブサイトを制作する際に、取り入れたいポイントや注意すべきポイントをWeb Designer Depotから紹介します。 The Do's and Don'ts of Dark Web Design 下記は、その意訳です。 はじめに 1. ホワイトスペースの活用 2. テキストのホワイトスペース 3. テキストのコントラスト 4. フォントの取り扱い 5. カラースキームは最小に 6. スタイルスイッチャー 7. 暗いデザインがはまるサイトとは 8. エレガントな暗いデザイン 9. クリエイティブな暗いデザイン 終わりに はじめに ブラックベースのウェブデザインは人気が高く、エレガントでクリエイティブな魅力があります。しかし全てのウェブサイトに適したものという訳ではなく、適切であるときだけ使用されるべきデザインです。 ブラックベースのデザインを使用すると印象
たった一晩で睡眠の周期を変える方法
異なる時間帯の国へ旅行するときなどに役立ちそうな、たった一晩で睡眠の周期を変える方法をWise Breadから紹介します。 How to Naturally Reset Your Sleep Cycle In One Night [ad#ad-2] この方法は時差ぼけを解消したり、シフト交代制の仕事の順応を改善するでしょう。 睡眠の周期を変える方法は、次の起床予定時刻までの12～16時間は食べるのをやめることだそうです。 次に食事をした時に、それが新しい一日のスタートとして体内時計がリセットされ、睡眠の周期をスムーズに変えることができます。 例えば、2:00 amに起床予定の場合は、前日の10:00 amか2:00 pmから食事を絶ちます。 旅先などで朝食がいつ出されるか確認して、その12～16時間前から食べないようにするとよいとのことです。 サイトではこの方法に基づいた小さい哺乳動物の行
【ハウツー】MySQLを手っ取り早く使うならコレ! テスト環境に最適な「MySQL Sandbox」 (1) わずかな操作でMySQLのSandboxを | エンタープライズ | マイコミジャーナル
MySQLを手軽に使いたいユーザにはぴったりの"砂場" - MySQL Sandbox MySQLのインストールがもっと簡単なら…… ちょっと使いたいだけなのに…… こう考えたデベロッパは少なくないことだろう。とくにレプリケーションや1台のマシンに複数のMySQLサーバを構築したいとなった場合、ポート番号の衝突やデータディレクトリの管理など検討事項が一気に増え、作業が煩雑になりがちだ。そんなときは、このMySQL Sandboxを使えばスッキリ解決するかも知れない。わずかな操作で簡単にMySQLをインストールできる魅力的なプロダクトを紹介しよう。 7月14日、Giuseppe Maxia氏はMySQL Sandboxの最新バージョンであるMySQL Sandbox 3.0.04をリリースした。MySQL Sandboxは手軽にMySQLデータベースを構築できるオープンソースソフトウェア。同
JPEG、GIF、PNG画像選択の指針まとめ | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Jennifer Farley氏がSitePointにおいてGIF, PNG, JPG. Which One To Use?のタイトルのもと、Webサイトを作成するにあたってどの画像フォーマットを採用すべきかという指針を簡単にまとめている。まず氏はそれぞれの画像フォーマットの特徴を簡単に説明。 GIF - 256色のインデックス画像。写真には向かないが、ロゴであったりフラットブロックな画像には向いている。透過データを保持できるという特徴がある JPEG - クオリティによって圧縮率が変わる非可逆圧縮の画像フォーマット。透過は表現できないが、写真データの用途に向いている PNG - GIFに似ているが、GIFのようなぎざぎざを出さずに背景透過を実現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パスワード認証
http://www.designwalker.com/2009/08/wp-jquery.html