クールなナビゲーションを実装したい。 そんなときにおすすめなのが、『30 Cutting Edge Examples Of CSS Navigation』。かっこいいCSSナビゲーション集です。 気になったのをいくつかご紹介しますね。 Pixlogix マウスオーバー時にツールチップが表示されるメニュー Thoughtbot 赤のグラデーションとラインの使い方がかっこいいThoughtbot Evan Eckard フォントサイズのコントラストが美しいEvan Eckard。カレント時の背景色も綺麗 Lonn Roth 上部のラインと連動した美しいメニュー Dragon Interactive アニメーションで切り替わるクールなメニュー 他にもいろいろあるので一度見てみてください。 30 Cutting Edge Examples Of CSS Navigation いろいろぱつぱつだけど
Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing
cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日本語版 RoundedCornr / 角丸のHTML・CSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現できる CSS Builder / オンラインでスタイルを生成可能 Spiffy Box / cssによる角丸を簡単に生成 The
ホワイトの背景にブラックの文字、ブラックの背景にホワイトの文字の組み合わせがベストでしょうか? ウェブデザインにおいて、背景と文字の色の組み合わせ方で可読性を考慮するきっけかになるスタディをDevloungeから紹介します。 ホワイトとブラックを使用したコントラストのスタディです。 上段の1と3はホワイトに#ffffff、ブラックに#000000を使用しており、最も高いコントラストをもっています。 下段の2と4はそれより若干低いコントラストになっています。 上記をモニター越しに見ると、下段の方がより読みやすく、デザイナーがホワイトの背景の場合に文字の色を#000000ではなく、#333333を使用したくなるのも頷けます。 カラフルの背景色と文字色のスタディ ※訳者注:オレンジの箇所のテキストが間違ってますが、そのまま掲載しています。 左と右を比べた場合、左のボックスの方に目を奪われると思い
情報システムの調達におけるRFP(提案依頼書)の必要性は,ここ数年でかなり認知度が高まっている。以前はRFPを作らないユーザーも多かったが,厳しい経済状況の中,システム投資に慎重になっているユーザーにとって,RFPを作ることは不可欠になっている。本連載では,筆者が実際に経験したRFP作成・活用の現場の情報を基に,すぐに役立つ実践的な情報を提供していく。 なお,RFPの初歩から知りたいという方は,「RFP&提案書完全マニュアル」(日経BP社)も併せて読んでみてほしい。 ■趣旨(目的・背景・狙い)」の実践的なまとめ方 趣旨はRFPの「ミッション・ステートメント」 「目的・背景・狙い」とは何か? 趣旨をつかむための「ネタ」とは? ケーススタディ:ガソリンスタンド会社の顧客情報システム 趣旨の具体的な書き方の例 ■業務要求とアウトプット RFPの基本構造 RFPにおける業務要求の洗い出しの目的とは
変数の命名規則って名前がついているのですね・・・というのをさっき知ったので・・ほんといまさら聞けない感じです・・w アッパーキャメルケース (UCC)、またはパスカルケース(PascalCase)(Pascal記法) キャメルケース - Wikipedia 複合語の先頭を、大文字で書き始める。 例 : CamelCase ローワーキャメルケース (LCC)、または単にキャメルケース キャメルケース - Wikipedia 複合語の先頭を、小文字で書き始める。 例 : camelCase アプリケーションハンガリアン(ハンガリアン記法) ハンガリアン記法 - Wikipedia アプリケーション ハンガリアンは、間違えたコードを間違えて見えるようにする記法である。 たとえば、論理座標にRelative Positionのrp、絶対座標にAbsolute Positionのapというプレフィッ
「提案書」や「要件定義書」は書くのが難しい。読む人がITの専門家ではないからだ。専門用語を使わず、高度な内容を的確に伝えるにはどうすればいいか。「提案書」「要件定義書」の書き方を通じて、「誰にでも伝わる」文章術を伝授する。 顧客に伝わる文書にするには、書き手の考えや意図、提示したい情報などを、正確かつ確実に読み手(顧客)に理解してもらえる文章を記述しなければなりません。今回から2回にわたって、顧客に伝わる文章を記述するためのポイントを紹介します。まず「分かりにくい例文」を取り上げてどこが分かりにくいのか解説し、その後に分かりやすい文章へと修正していきます。 1つの事柄だけを伝える文章にする 文章を記述する際の基本は、1つの文章で1つの内容(事柄、情報など)だけを伝えることです。1つの文章で多くの内容を伝えようとすると、長くて分かりにくい文章になってしまいます。以下の点を考慮して文章を記述し
他の文書と同様、要件定義書はまず文書全体のアウトライン(骨格、構成)をしっかり作り上げてから内容を記述します。今回は、読みやすく分かりやすい要件定義書にするためのアウトライン作成方法を紹介します。 階層構造で読みやすい文書にする 要件定義書を作るためには、全体を大見出し=中見出し=小見出し(章=節=項)の階層構造にします。 「大見出し」「中見出し」「小見出し」の数を、それぞれ5から10程度にするのは、前回(第3回「分かりやすい提案書はアウトラインが美しい」)紹介した提案書と同様です。見出しの数が多すぎると、読み手が文書の全体像を把握できなくなります。また、1つの項目の記述量を1ページ内に収めるようにします。 要件定義書を構成する項目 要件定義書に必要な大見出しの項目としては、次のようなものが挙げられます。 システムの概要/システムの構想 機能要求 入力要求と出力要求 システム導入後の業務フ
分量がある文書を作成する際には、文書全体の「アウトライン(骨格、構成)」をきちんと作り上げてから内容を記述する必要があります。今回は、「読みやすく分かりやすい提案書」にするアウトラインの作成方法について紹介します。 読みやすい文書は「階層構造」をしている 読みやすい、分かりやすい文書は、全体が階層構造になっています。文書は、一般的に下記のような階層で構成されています。 大見出し(章) 中見出し(節) 小見出し(項) 階層構造は、複雑で大量の情報を含んだ文書の内容を、分類・整理するために必要不可欠です。階層化した文書は、各トピックで記述される範囲が決まっているため、焦点を絞って読むことができます。このことは、読者の理解を大いに助けます。 階層構造の方法について、順を追ってみていきましょう。まず「大見出し」の層に分割します。その後に各「大見出し」を「中見出し」の層に、さらに必要であれば「中見出
「提案書」や「要件定義書」は書くのが難しい。読む人がITの専門家ではないからだ。専門用語を使わず、高度な内容を的確に伝えるにはどうすればいいか。「提案書」「要件定義書」の書き方を通じて、「誰にでも伝わる」文章術を伝授する。 文書を作成するには、顧客から必要な情報を引き出さなければなりません。その際には、顧客とのコミュニケーションの「質」が鍵となります。そこで今回は、顧客と質の高いコミュニケーションを行うためのポイントを解説します。 まずは顧客を区分する 情報収集のための顧客とのコミュニケーションの手段は、ヒアリングやインタビューなど、対話が中心になります。以下、対話によるコミュニケーションを念頭に記述を進めます。 顧客は大きく、下記のように区分できます。 経営陣、業務部門の管理職 実際にシステムを利用して業務を遂行するチームリーダー 情報を収集するためのヒアリングは、このような区分を考慮し
「提案書」や「要件定義書」は書くのが難しい。読む人がITの専門家ではないからだ。専門用語を使わず、高度な内容を的確に伝えるにはどうすればいいか。「提案書」「要件定義書」の書き方を通じて、「誰にでも伝わる」文章術を伝授する。 第5回「ドキュメントの質を確実に上げる6つの文章作法」に続き、顧客に伝わる文章を記述するためのポイントを紹介します。今回は、修辞句や用語など、「より具体的な表現方法」について説明します。なお、前回同様に、まず「分かりにくい例文」を取り上げてどこが分かりにくいのかを解説し、その後に分かりやすい文章へと修正していきます。 「修飾語を適切に使う」ことが、読みやすい文章を作るコツ 分かりやすい文章を書きたいなら、「修飾語」に着目しましょう。修飾語を使うときは、以下のような点に注意します。 長い修飾語は前に、短い修飾語は後に置く 文章を書く際は、句や文節を使った長い修飾語を前に、
DB設計の神ツール「ERMaster」なら、ここまでできる:ユカイ、ツーカイ、カイハツ環境!(11)(1/3 ページ) 無料のEclipseプラグイン「ERMaster」とは データベースのテーブル設計を行うときに皆さんは、どのようにしているでしょうか? いくつかの無料で利用できるツールが提供されているので、筆者はそれらを利用していましたが、最近「ERMaster」と呼ばれるEclipseプラグインの存在を知りました。 ERMasterは、ほかのツールに比べ、直感的で分かりやすいUI(ユーザーインターフェイス)に、カスタマイズ可能な、Excelで出力できるテーブル定義書、辞書機能など痒いところに手が届くERモデリングのツールです。本稿では、このERMasterについてご紹介します。 ERMasterの主な特徴、8つ ERMasterには、主に次のような特徴があります。 【1】直感的で使いや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く