ウェブデザイン作業には、びっくりするくらいイライラすることがある。 何をどこに表示するか無限の可能性があるのだから、真っ当なデザインがいとも簡単にできあがると思うじゃないか。でも、正常に表示できないデザインに何時間も手を焼いたり、今どき流行らないピクセル調整をするはめになったりとか、誰でも何らかの形で行き詰まった経験がある。 これから紹介する8つのノウハウは、そうした厄介な状況から抜け出すために、私が取る作戦だ。 先に中身からデザインする これは、今までに聞いたウェブデザインに関するアドバイスの中でも、最良の部類に入るものだ（Cameron氏に感謝を）。 多くのデザイナーが、まずヘッダーに力を注ぐ。でもたいていの場合、見映えのするページになるか否かは、ページの中身で決まる。ヘッダーは付け足しだ。とりあえずヘッダーのことは忘れて、中身の要素に取り組んでみよう。すると、しっかりした中身があれば
SEO連載(9) 「Google PageRankの知識を整理しよう」 - かんたん!SEO実践講座より 株式会社CPI運営サイト「CPIで人気サイトを作ろう！」にて連載中のSEOコラム「かんたん！SEO実践講座」から加筆・修正して転載しています。第9回はGoogle PageRankについて巷で聞かれる勘違い・誤解と正しい答えをまとめました。2007年1月最新版です。 公開日時：2007年02月02日 09:51 今月はSEOに取り組む時には必要となる、Google PageRankについて学びます。 巷にはPageRankに関する情報が氾濫していますが、残念なことに今日2006年で通用する情報を適切に説明しているページはそう多くありませんし、むしろ、すでに古い知識、実践ではまったく利用できないことが多いというのが実情です。そこで情報を整理して、すでにPageRankのことを知っている方
ちょっと古いですがなんだか身の回りで手品が流行っているのでご紹介。 こちらでは手品の種明かしをする10の動画が紹介されています。昔よく見た手品の種明かしなどもあり、「そうやっていたのかー」と感心してみたり。 » Everything Interesting (And More): Top 10 Magic Trick Tutorial Videos 簡単なものも多いので覚えておくとちょっとした時に使えそうです。出し物なんかにもいいかも。 では下記に1位からご紹介！ 【1】 The snap card Amazing Card Trick – Snap Card – video powered by Metacafe 選んだカードがトランプの束から飛び出してきます。インパクトのある手品ですね。 【2】 The revolver Amazing Card Trick Revealed! – v
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
CSS Techniques Roundup - 20 CSS Tips and Tricks I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。 どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHoverエフェクトを加える HRタグへのCSS ＦｌｏａｔのClearに関するテクニック CSSでポップアップ小窓 ボックスの見出し(Box Punch)を表現 CSSボタン オレンジのRSSボタンをP
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。
「グズ」だった筆者自身が、いかにこれを克服したかを克明につづった 『いまやろうと思ってたのに… かならず直る―そのグズな習慣』 という本を読みました。 以下は、「はじめに」の一節。 …こうした不安は未知なる巨大なフォースで、その力に圧倒されてわたしは身動きもできませんでしたが、やがて、自分なりにその正体をつきとめてみようと思いました。少しずつ整理し、議論し、立ち向かい、格闘し、答えをひねりだし、そして、ついに人生を動かすことができました。この本で解説している原理（不安に関する1章も含めて）すべてを実行に移したのです。 効果があったかって？ もちろん！ 約1年後、わたしは同級生たちとともに胸を張って壇上を歩き、文学士の学位を受け取ったのです。さらに5年後、育児や仕事と両立させながら修士号も取りました。いったんグズを打破してしまえば、可能性は無限に広がるのです。 初めは「イタい」本かと思いまし
プレゼンの目的は様々だと思いますが、目に見えている余計な「肉」をそぎ落としたあとに残る「骨組み」に目を向けてみると、以下のような骨格が浮かび上がります。 1．プレゼンをする自分とはいったい何者なのか？（Who） 2．自分はそのプレゼンで何を伝えたいと考えているのか？（What） 3．このプレゼンは誰に向けられたものか？（Target） 4．このプレゼンを聞き終えると何が得られるか？（Fruit） 5．プレゼンをする背景にはどのような事情があるのか？（BackGround） 6．プレゼンの屋台骨を支える原則は何か？（Principle） 7．この原則を現実に適用する方法とは？（How） 8．方法を実践するうえで参考になる事例とは？（Good Example） 9．方法を実践するうえで避けるべき事例とは？（Bad Example） ほかにも要素はあろうかと思いますが、これだけあれば骨格として、
CSS Tools CSSの便利ツール集。 Em Calculator - ピクセル(px)とemの対応を計算することが出来ます その他オプティマイザ Clean CSS - CSSのオプティマイザ. CSS Tweak - CSSのオプティマイザその２ Online CSS Optimizer - CSSのオプティマイザその３ W3C CSS Validator - CSSバリデーター その他、便利なCSSツールのリスト。 どれもWEBで使えるのでＣＳＳ開発に便利ですね。 関連エントリ CSSデザインのページを作る際のスタイルガイド クールなCSSサイトをチェックできる『CSS Allstar』
CSSTYPE - web safe typography on screen for pixel perfectionists サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」。 次のようなＵＩが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。 このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。 確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spacing, text-align, color, background, width, padding, text-indent, button-text。 次の図は、実際のプレビュー画面。 letter-spacing とか line-h
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
