もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
コンテンツにエフェクトを掛けるjQueryプラグイン10個
個人的に必要になるかもと思ってメモ。 テキストや画像にエフェクトを与えて Webサイトを動きのあるサイトにする 手助けをしてくれるjQueryのプラグイン をいくつかご紹介します。 コンテンツに対するユーザーの興味を高めたり、画像を使用せずテキストを装飾したりと、使い方次第でいろいろ用途がありそうです。 Sliding Door Effect マウスオーバーで画像が4隅に開きます。動きも素敵。 Sliding Door Effect / デモ Rainbows テキストにグラデーションや影をつけます。これは凄いですね。 Rainbows / デモ Opacity to Show Focus マウスオーバーしたコンテンツ以外に半透明のエフェクトを掛けるjQueryプラグイン。テキストでも可能。 Opacity to Show Focus / デモ Color Changing Text an
よい評価と悪い評価、公平につけるべきか？ : ロケスタ社長日記
Webコミュニティとかを作っているロケットスタートという会社の代表取締役をやっています。いつもがんばっています。 たいした話題じゃないので、校正もたいしてせずにダラダラかいてみます。 nanapiというサイトをやっているのですが、そこの一つの機能として、記事にたいして「いいね！（良い評価）」「きょとん（悪い評価）」というのがつけられるのですね。 で、nanapiだと、いいねは誰でもできる、という形にしています。IPで連打は規制していますが、日を変えればできちゃいます。 逆に「きょとん」はログインしないと出来ないようにしています。ネガティブな評価をしたいと思った時は、ある程度のステップをふめば可能、だけどログイン時のニックネームが出るくらいのリスクはとってね、という設計です。 で、ネットに詳しい人とかからは「これは公平じゃないんじゃないか」と言われたりしていますが、公平ってなんですか
webtoolkit.info - Code Snippets Repository
Javascript Chainable external javascript file loading This object is useful when you want to load external javascript files only when last one was loaded. In this way you will form some sort of chainable javascript library loading, which will guarantee you that every file will be loaded only then when it has its dependencies loaded. Javascript Javascript color conversion This Javascript library, w
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル
ドケチなのに良質な無料漢字フォントを探している人向けフォント大全集｜| ＾＾ |秒刊SUNDAY
ドケチなのに良質な無料漢字フォントを探している人向けのフォント集 バイオレンスなニュースサイト秒刊SUNDAY（びょうかんサンデー） 無料で使えるフォントは多々ありますが、日本語フォントはなかなかないものです。また日本語でも漢字が使えるものはさらに絞られ、数少ないのですが、これらはその少ないうちの一つです。 ◆Windows用Ｏｓａｋａ ■WindowsでOsakaフォントを使おう！ ◆モトヤ ■全文字フリーフォント ※登録が必要です。 ◆Holiday MDJP02 ■Holiday-MDJP03 / 2byte True Type ■Holiday-MDJP03 ◆メイリオ ■ Windows XP 向け ClearType 対応日本語フォント ◆IPAフォント ■IPAフォント ◆M+フォント ■トップ ■M+フォント( ◆VLゴシックフォント ■VLゴシックフォントファミリ ◆MO
「Googleのインデックスやランク付けなどに関する10の誤解」をGoogleが公式ブログにて公開
GoogleやYahoo！の検索結果の上位に来ないページやサイトは存在していても存在していないのと同等の扱いを受けてしまうため、検索エンジン対策最適化、すなわち「SEO(Search Engine Optimization)」を専門に行う業者が無数に存在しており、まことしやかにいろいろな噂や都市伝説めいた誤解が流布されています。 当然ながらこういった誤解によって最大の被害を受けるのは検索エンジンの利用者と検索エンジンを提供する側の双方です。そのため、Googleがついに重い腰を上げ、「Googleのインデックスやランク付けなどに関する10の誤解」について公式ブログで説明をし始めました。 詳細は以下から。 Webmaster Central 日本版 公式ブログ: Google のインデックスやランク付けなどに関する、10 の誤解 Official Google Webmaster Centr
自分的HTMLテンプレートの組み方 | Takazudo Clipping*
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
//// COLOURlovers :: loving colours since 1981
jQuery plugin: Tablesorter 2.0
http://www.designwalker.com/2009/08/user-interface.html