「キーボード・マガジンが季刊誌として生まれ変わります!!」：リットーミュージック
指定したURLが間違っているか、ページが削除された可能性があります。 恐れ入りますが、以下のボタンから目的のページをお探しください。 商品を探す雑誌を探す雑誌定期購読お問い合わせ先一覧
画像置換の問題点 | d-spica
画像置換の問題点 2007-05-19 0 0 XHTML/CSS CSS, image 画像置換の使いどころって，そんなにないような気がしてきました。 「heading要素（h1〜h6）にはビシッとテキストを入れておくほうが，SEO的にはいいだろう」と考えて，XHTMLにはテキスト，CSSでそれを背景画像に置換するという方法をよく使っていました。 画像置換 骨だけ書くと，次のような感じ。 <h1><a href="index.html">サイトタイトル</a></h1> h1 { background: url(img/logo.png) no-repeat; } h1 a { display: block; width: 200px; height: 50px; text-indent: -9999px; } 何も出なくなる場合 しかしこの方法だと，CSSが効いていて画像を非表示にした
リスト全体の余白を調整する
margin の値には auto（自動）を指定することもできます。 マージンとパディングの指定については、以下のページをご覧ください。 ボックスのマージン（外側の余白）を指定する ボックスのパディング（内側の余白）を指定する デフォルトの余白を取り除く方法 一般的なブラウザでは、リストの周囲に適度な余白が設定されています。 この余白を取り除きたい場合は、ul要素（またはol要素）に対して次のスタイルを設定します。 ul { margin: 0 0 0 1em; padding: 0; } 左マージンは、少なくともリストマーカー1つ分以上の大きさが必要です。（以下は1つの目安です） ul要素に設定する場合 … 1em 程度 ol要素に設定する場合 … 1.5em ～ 2em 程度 マージンとパディングを 0 にして、左マージンにだけ上記の値を設定する、といった感じになります。 余白の比較 u
これだけは知ってほしいウェブデザインの常識 インターネット-最新ニュース:IT-PLUS
電通、三菱UFJ信託銀行など大手企業が相次ぎ参入を表明する「情報銀行」。ここに挑むベンチャー企業がDataSign（東京・渋谷）だ。同社の太田祐一社長は情報銀行という言葉が生まれる…続き 中部電力が「情報銀行」参入へ 電力データを活用 ［有料会員限定］ 「情報銀行」説明会に２００社 データ流通の枠組み始動
見やすいサイトの条件
最近は単にデザインや動きに圧倒されるより、どれだけ見る人に負担を与えないかというサイトに感動します。あくまでも観る側として条件をまとめてみます。 軽い……すぐに表示される ごちゃごちゃしない……無駄に迷わせない 文字が小さくない……小さい文字は読みたくない 色・配置に意味がある……使ううちに操作を覚えやすい 目的がすぐにわかる……不要な場合はすぐ離脱できる およそこの５点。 こういう視点で見やすいと思うサイトをいくつかご紹介。 日刊イトイ新聞 おもしろいことを教えようという目的があって、読みやすいテキスト、おそらく誰も嫌わないデザイン。技術的なことは置いておいて、考えが見えてくるサイトだと思います。 東京アートビート 使っている色の意味や目的もすぐにわかります。全体に見やすさと賑やかさのバランスが丁度よく、無駄なデザインもなく軽くできています。 Google 見やすいサイトが義務みたいなサ
「svchost.exe」の正体を探る - GIGAZINE
CtrlキーとShiftキーとEscキーの同時押しで起動するタスクマネージャを使うと、「プロセス」のところにいくつも「svchost.exe」というのが見えます。一体これはなんだろう？ということで怪しがって削除してしまったり、強制的に終了させてウインドウズごと強制再起動させられたりといった目にあった人もいるかと思います。 また、時々この「svchost.exe」がCPU使用率100％になってしまい、困っているが一体何が原因なのかわからない場合があります。そういった際に「svchost.exe」の正体を探る方法を知っていると問題解決に役立ちます。 というわけで、「svchost.exe」の正体を探る方法を紹介します。 Svchost.exe の説明 要するに、「svchost.exe」とは起動時に読み込まれる「サービス」であるわけですが、以下のタスクマネージャの例を見てもわかるように、一体ど
windowsを10倍便利にするキーボードショートカット集(CROSSBREED クロスブリード！)
windowsは、ほとんどのマウスによる操作がキーボードでできるようになっています。 超有名なところで、[Ctrl]を押しながらC（以下[Ctrl]+Cと表記します）でコピーというのがありますね。 このキーボードショートカットで、「右クリック→コピー」よりも、数倍早く操作ができます。これ知ってるのと知らないのとでは、大きく差がつくものですね。しかもこのコピー、アイコンであろうが、文字であろうが画像であろうが、なんでもコピーしてしまうのです。クリップボードという概念を考えた方は天才です。 他にもかなり沢山キーボードショートカットは存在します。 で、ちょっと調べてみました。そしたら知らないショートカットが山盛りでした。これ使ってアナタも仕事が出来る（ように一瞬だけ見える）人になってみませんか？ スポンサードリンク 基本編 ええ、基本です。必須です。この位はあっさり使いこなしましょう。マウスは右
海外で使うときにはちょっと気をつけたい7つのジェスチャー
普段、友達の会話の中で何気なく使っている身振り手振りですが、時には自分が意図した通りには相手に伝わっていないことがあります。そして、海外に目を向けると、ふだん使っているのとは全く異なった意味合いを持っていることもあります。たとえば、手のひらを下にして相手に振ると日本では「おいでおいで」になりますが、アメリカなどで使うと「あっちいけ」になってしまいます。逆に、アメリカなどでは手のひらを上にして指を立てるように動かすと相手を呼ぶジェスチャーになります。 そんな、何気なく使っているけれど、一部の国ではとんでもない意味を持っているジェスチャーを紹介します。 7 Innocent Gestures That Can Get You Killed Overseas | Cracked.com 1.開いた手を突き出す おなかがいっぱいになってもう食べられないというとき、「ストップ」の意味で開いた両手を突
リンク先の拡張子に併せてアイコンを自動挿入する方法「Showing Hyperlink Cues with CSS」
TOP > WebDesign > リンク先の拡張子に併せてアイコンを自動挿入する方法「Showing Hyperlink Cues with CSS」 かなり昔のエントリーですが、知らなかったのでメモ代わりにエントリーしたいと思います。今日紹介する「Showing Hyperlink Cues with CSS」はリンク先の拡張子に併せてリンクテキストの前にアイコンを表示させるというテクニックです。 基本的には何かプログラムを用いてと言うわけではなく、CSSで制御してアイコンを表示させるという物になっています。この方法に対応しているブラウザはIE7,FireFox,Safariとなっています。 詳しくは以下 例えばリンク先がPDFのテキストリンクの後ろにアイコンを表示させる場合について紹介したいと思います。HTML側にはまったくなにも細工する必要はなく下記のように記述します。 <
写真やテキスト画像にエフェクトを与えるPhotoshopのアクション集 | コリス
The Photoshop Roadmapのエントリー「40+のスペシャルなエフェクトを与えるPhotoshopのアクション」から、面白そうなPhotoshopのアクションをいくつか紹介します。 40+ Special Effects Photoshop Actions
40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
CSS - dtをfloatする場合の注意点 | Try | d-spica
dtをfloatし，margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず，マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
スライドするドアのように使いやすいボタンをCSSで作る方法『Make fancy buttons using CSS sliding doors technique』 – creamu
DiaryTechnology スライドするドアのように使いやすいボタンをCSSで作る方法『Make fancy buttons using CSS sliding doors technique』 汎用性のあるボタンが作りたい。 そんなあなたにおすすめなのが、『Make fancy buttons using CSS sliding doors technique』。スライドするドアのように使いやすいボタンをCSSで作る方法だ。 このエントリーでは、↑のようなボタンをCSSで実装する方法が紹介されている。 画像を2つ使い、テキストの長さによってスライドするドアのように縮小・拡大するというものだ。 HTMLとCSSがすべて公開されているのですぐに実装可能だろう。 スライドするドアのように使いやすいボタンをCSSで作る方法、チェックしてぜひ使ってみてはいかがだろうか。 先輩とジムで会ったので
すこしズルしてリアルなアイコンを作る方法 | バシャログ。
猫も杓子も Web 2.0 的な表現がもてはやされた頃、 ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。 質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。 時間もスキルも足りない！ [1] まずフリー写真を探します。 アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。 今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。 さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。 写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。 輪郭線を書き足したり、グラデーションを上か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヴォイス・トレーニングの全知識 |本 | 通販 | Amazon
はてなブログ | 無料ブログを作成しよう
タブインターフェースを使うための条件 | へたれwebディレクターの覚え書き
36 Cool Business Cards You Should’ve Seen
lllcolor.com
Project83 Blog - Commentary on web development, standards and small business » Design Gallery: eCommerce Progress Bars