CSSの制作時や検証時に役立つGoogle Chromeの機能拡張を紹介します。 いくつか機能がかぶっているので、お好みのものをご利用ください。
Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS
mixi, Twitter, Facebook 2011年5月最新ニールセン調査、Facebook利用者820万人へ 6月18日に、2011年5月度のニールセン・インターネット視聴率が発表された。震災の反動で3サービスとも利用者が減少した4月と比較すると、5月度はサービス間の明暗がはっきりと出た一ヶ月となった。 データ元は、ネットレイティングス社提供によるインターネット利用動向調査「Neilsen/NetRatings NetView」サービス。対象は「一般家庭および職場のPCユーザー」としている。 利用者数でいくと、mixiは1287万人(前月比103%)と微増、Twitterは1466万人(同95%)と減少、Facebookは820万人(前月比118%)と大幅増加となった。ただし、ペーシビューや利用時間では、引き続きmixiが他を圧倒している。 Twitter訪問者数には専用クライアン
利用しやすいものから、利用シーンを選ぶものまで、jQueryを使って実装したナビゲーションを紹介します。
あなたのウェブデザインをワンランクアップさせる『奥行き』を使いこなすための5つのデザインテクニックを紹介します。 Creating Depth in Web Design: 5 Design Tricks [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに リアリスティックなインターフェイス ラッピングとリボン 遠近法 オーバーラッピング シャドウ おわりに はじめに デザインに『奥行き』を与えると、ウェブサイトをユニークにし、ビジターに忘れがたい印象を与えることができます。それが抽象的な方法なものであっても、奥行きがリアリズムを与えます。グラフィックデザイン、ロゴ、ウェブデザインなどこういった付加的なリアリズムはあらゆるデザインにおいて、興味を引き起こすことができます。 また、奥行きを使うことで、特定のエレメントの強調をしたり、情報の正しい階層を作ることも可能です。フラッ
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※本文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
タモリさんが考案した「豆腐丼」が、再びネットで話題になっている。これは、テレビ番組「笑っていいとも!」で以前紹介されたもので、このレシピはネット上で拡散し続け、今もなお、超簡単でヘルシーでウマイ!として、大絶賛されている。 では、早速、夏にピッタリの「豆腐丼」の作り方をお教えしよう。 ■材料 ・醤油 ・豆腐 ・ネギ ・ゴマ ・いぶりがっこ(タクアン) ・ご飯 ・温泉卵 ※タモリさんは分量などを公言していないのと、これは、超簡単なレシピであるため、分量はあえてお好みで。 ※いぶりがっこ(いぶり漬け)とは、秋田県の漬物。タクアンと違って燻製される。 ■作り方 ネギ、ゴマ、細かく切った「いぶりがっこ」をぐちゃぐちゃにした豆腐とからませ、適量の醤油を入れ具を作る。その具をご飯の上にのせ、最後に温泉卵をトッピングしたら完成。 ちなみに、「みょうが」などを入れてもうまい。実際にこの「豆腐丼」を作ったユ
GitHubスタイルのシンプルで使いやすいボタンをclassの指定だけで簡単に実装できるスタイルシートを紹介します。 CSS3 GitHub Buttons [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページはボタンの文言を日本語にし、シンプルしたものをアップしました。 デモページ(当方日本語化) 普通のボタン 注意を促すボタン 大きいボタン グループ化したボタン グループ化したものをまとめたボタン アイコンを伴ったボタン 対応ブラウザ ライセンス 普通のボタン 普通のボタンは、a要素、button要素、input要素などあらゆる要素で作ることができます。 ボタンを作るためには、「class="button"」を加えるだけです。 デモページ(当方日本語化) <a href="#" class="button">Post comment</a> <input class="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く