[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

web designに関するekkenのブックマーク (325)

  • 堀江貴文『ブログの行間』

    堀江貴文オフィシャルブログ「六木で働いていた元社長のアメブロ」 一般的には、ホリエモンとか堀江とか呼ばれています。コメントはリアルタイムには反映されません。私にコンタクトを取りたいときは、info@takapon-jp.comへメールでご相談ください。 たまに私のブログのコメントで、読みにくいというのがありますが、それって、行間が空いていないからなんでしょうか?文字が小さいからでしょうかね? 芸能人のブログとかみると、ほとんどが、行間が一行一行毎に、数行ずつ空いているんですが、あれってどういう良い効果が期待できるんでしょうか? 私の場合、パソコンでも携帯でも見るんですけど、行間がぎちぎちに詰まっていて、細かい字のほうが、集中して読めるし、スクロールしなくていいので、パッとみて、すぐに別のブログを見られるので、都合がよいのですが。 あ、パソコンでは、RSSリーダーをつかっているんですよね。

    堀江貴文『ブログの行間』
  • ブログなんですが良く記事の文字の大きさが変わってたり、わくで囲ってあったりします。それってどうやるんですか? - 文章を枠で囲みたい場... - Yahoo!知恵袋

    文章を枠で囲みたい場合は、 記事制作時に「Wiki文法使用」にチェックを入れてください。 囲みたい文章の「最初の行」と「最後の行」に、{{{と}}}を入力すればOK。 【例】 {{{ 文章~~~~、 文章~~~~~~、 文章~~~。 }}} ↑↑この様に入力します。 文字のサイズや色を変えるには、【HTML文法】と【Wiki文法】の2通りあります。 一般的には、Wiki文法ばかり紹介されていますが、 「文字の色やサイズを変える」という点においては、 『HTML文法』の方が、圧倒的に使いやすくて便利です! それに、携帯(ヤフーモバイル)から記事を見た時に、 Wiki文法だと「文章が一部消える」という現象が起きますが、 HTMLだとそういった現象は起きない(起きにくい)です。 ★★★HTML文法を使用する方法★★★ HTML文法を使う際は、「Wiki文法使用」の欄にはチェックを入れないで下さい

    ブログなんですが良く記事の文字の大きさが変わってたり、わくで囲ってあったりします。それってどうやるんですか? - 文章を枠で囲みたい場... - Yahoo!知恵袋
    ekken
    ekken 2008/10/21
    鬱陶しいだけなので、使わないのがいいと思うよ!
  • このサイトの文章が横長で「読みづらい」理由 (agenda)

    ekken
    ekken 2008/10/14
    今回の文章の方が読みにくいのは、おそらく筆者の意図通りなんだろうなぁ。
  • 再びウェブ・マルチカラムに対する疑問等に応える (agenda)

    ヘルプにも書いて居る通り、640 × 480 を想定して居るうちのサイトではマルチカラムは採用出来ないなあ。 制作者の決断 - Weblogより マルチカラムとウェブ・ユーザビリティ (agenda)を読んだだけだとしたらある意味誤解も仕方ないのだが、私が採用を検討しているのはリキッドマルチカラムであり、解像度に応じて適当にカラム数が変化するものだ。単純化して説明すると、たとえばカラムの幅を40emに指定したとしよう。ryu氏のいうVGA(640 × 480px)という解像度では、40emの幅をもつカラムを二列並べることができない(※)ため、自動的にシングルカラムになる。こういった性質がある。逆に40emの幅を持つカラムを3つ並べることのできる画面解像度であったなら、3カラムになりうる。 ※ 文字サイズにもよる それはさておき、VGA以下のようなマルチカラムに適さない環境でも無理やりマルチ

    ekken
    ekken 2008/10/14
    "ウィンドウ幅をどんどん縮めていったとき、それぞれのカラムがどんな風に変化するかを比較できるだろう。" どんどんかっこ悪く見えるようになるけど、不必要な情報がスクロールの下方に配置されるのは良いかも。
  • どうでもいい雑記その232の続き、っていうか追記 : 雑記帳 : rusica.net

    Category: Web関係 どうでもいい雑記その232の続き、っていうか追記。レスがあったので。さっきの記事に追記しようかと思ったけど、書いてたら長くなったので別記事にしました。 闇黒日記とマルチカラム (agenda) うーんと別に1カラムのサイトなら何でも良かったんですけど、リキッドレイアウトかつそれなりに有名なところと思って闇黒日記を引き合いに出しただけで特別な意味はないです。 そもそも私はサイトによってウィンドウサイズを変えることをしない *1 ので、 闇黒日記を著者スタイルシートで読むときは、ウィンドウの幅を調整すると思うんだよ普通。 その「普通」には当てはまっていません。 一方闇黒日記を同じような条件、つまりウィンドウを十分に大きくしている状態で見ると、一行がとても長くなるはずだ。その「一行がとても長くなった闇黒日記」と「マルチカラムで表示されたagenda」を比較して、そ

  • マルチカラムとウェブ・ユーザビリティ (agenda)

    ウェブページの文章を読むときは「上から下へリニアに」というスタイルが一般的というか、恐らく99.9%がそうだと思う。マルチカラムで読んだ人がその慣性から引き剥がされて不快感を覚えたとしても不思議はない。視線を下への移動だけでなく上にも移動させるという、いつもと違うことをしなければならないというのは、それだけでユーザビリティ的に問題を引き起こす要因となり得るだろう。しかし、必要な「技術」は視線を移動させることだけだ。スクロールは必要ないし、マウス操作も必要ない。マルチカラムに関して生じているウェブ・ユーザビリティ的問題は、結局のところ主観的満足度の低下だけだと私は想像している。私が主観的満足度よりも重視しているのは視線の移動を失敗したりせずに「内容をきちんと読めたか」、そして「どのくらいのスピードで読めたか」。この2点。もともとスクロールが発生しないほどの短い文章ではマルチカラムが敗北するが

    ekken
    ekken 2008/10/08
    まぁ好みの問題。紙だと3カラムのほうが読みやすいけど、スクロールのコストってそんなに高いと思えない。全文が見えていると概要をつかめるという理屈も謎。
  • サイトのナビゲーションとしてサイドバーを採用すべきでない理由 (agenda)

    サイドバーとは左側に位置するウェブサイトのナビゲーションのことである、とここでは定義する。擬似段組などによって主に左側に配置される。何年か前にも一度批判したことがあるが、当時は疑いを述べたにとどまっている(段組の利点 - 3つの情報ブロックがある場合 (agenda))。その5年越しの「続き記事」といってもいいかもしれない。 第一に、サイドバーがナビゲーションバー(サイトロゴの下部に配置され、インライン方向に伸びるナビゲーション)と決定的に違うのは、それがナビゲーションかどうか分からないことである。サイドバーは今流行りの「ブログパーツ」かもしれないし、広告の塊かもしれない。自分のサイト内のコンテンツの宣伝である場合もしばしばだし、コンテンツに密接に関連した他サイトの記事へのリンクかもしれない。仮にナビゲーションであったとしよう。この時、サブカテゴリ内のリンクになっているケースもあればグロー

    ekken
    ekken 2008/10/06
    しかしこの2段組デザインもはげしく読みにくいよな
  • livedoor クリップ

    2012年10月10日をもちまして、livedoor クリップのサービスは終了いたしました。 livedoor クリップを長年ご愛顧いただきまして、誠にありがとうございました。 今後ともLINE株式会社のサービスをよろしくお願いいたします。

    ekken
    ekken 2008/10/01
    コメント欄廃止してこっちにしようか検討中
  • cite属性を表示する - jQuery メモ帳

    ブラウザが、cite属性を表示しないので、hatenaのように、引用元表示ができるようにする。 引用元リンクは、ブランクで開きます。 (function($){ jQuery(function(){ jQuery("blockquote").each(function(){ var cite = jQuery(this).attr("cite"); if( cite ){ jQuery(this).append("<p style=\"text-align:right;\">引用元:<a href=\"" + cite +"\" data-gtm-click-label="entry-summary-keyword" href="/q/BL">blank';\" data-gtm-click-label="entry-summary-keyword" href="/q/BL">blank';\">" + cite + "</a></p>"); } }); }); })(jQuery); 以下の記述で、引用末尾、右揃え

    cite属性を表示する - jQuery メモ帳
  • 使いにくい「q」タグの使い勝手をよくするカスタマイズ2種

    HTMLで引用に使われるタグは<blockquote>と<q>があります。前者は改行を含むような比較的長文の引用、後者は短文の引用に使われます。 ところが、<blockquote>はともかく<q>はあまり使われていないのが現状のようです。原因としては主に以下のものがあるのではないでしょうか。*1 1 : 単純にBlogのエディタで<q>が入れられないだけかもしれませんが。 IEでのスタイル付けが一切ない 引用元へのリンクをどうするか 1.はIEの対応状況の問題です。IEは引用部分を<q>タグで囲っても見栄えがまったく変わらず、その部分が引用なのかデフォルト状態では判断できません。IE以外のFirefox、Operaなどは<q>タグで囲った部分が引用符(")で囲まれるのですが、一番使用されているトップシェアのIEは完全に無視してしまいます。 2.はIEに限らず全てのブラウザで問題になる部分で

    使いにくい「q」タグの使い勝手をよくするカスタマイズ2種
  • ブログを半透明に - OKWAVE

    連投申し訳ありません。説明不十分な点がありましたので 投稿させてください。 「fresh_green」は記事下の背景画像(グレーの部分)と 全体的な背景画像(固定されてる背景画像)があるかと思います。 上記方法のみですと、記事下の背景画像に対して半透明化させて おります。 全体的な背景画像の方に半透明化させたい場合は上記タグの挿入だけでは不可能です。 また、#1さんも言われていますが、半透明化に対応していない ブラウザもありますので・・・。

    ブログを半透明に - OKWAVE
  • ホームページ上の文字の大きさを変わらないようにするにはどうすればいいのですか? - OKWAVE

    ホームページ上の文字についての質問です。 自作でホームページを作成したのですが、IEで「表示」→「文字のサイズ」→「最大」 とゆう風に押すと文字が大きくなり(あたりまえですが・・)画像とかぶったりして大変なことになります。他のホームページは「文字のサイズ」を変えても変化しません。 これって作成時の設定の問題だとおもうのですがどうすればいいのですか? どなたかよろしくお願いします。ちなみに作成ソフトはホームページビルダー12です。

    ホームページ上の文字の大きさを変わらないようにするにはどうすればいいのですか? - OKWAVE
  • 認証がかかっています

    こちらのブログには認証がかかっています。 ユーザー名 パスワード Powered by Seesaa

    ekken
    ekken 2008/06/09
    これはオシャレ。……だけど小さくて押し難い。
  • はてな

    新米と秋刀魚のわた焼き お刺身用の秋刀魚を買いました。1尾250円です 3枚におろして、秋刀魚のわたに酒、味醂、醤油で調味して1時間ほど漬け込み、グリルで焼きました 秋刀魚のわた焼き わたの、苦味が程よくマイルドに調味され、クセになる味わいです 艶やかな新米と一緒に 自家製お漬物 土…

    はてな
    ekken
    ekken 2008/05/28
    内容には触れないけど、この人の書き方はわかりにくいなぁ。リンク作成ブックマークレットを使えばだいぶ良くなると思うけど。
  • なぜブログは「真逆スタイル」を貫くのか? - OKWAVE

    (1) 過去の日記を読みたい時には、「次の記事」を押します。 「次」という、未来を連想させるような意味なのに、「過去」の記事という矛盾。 また、より新しい日記を読みたい時には、「前の記事」をクリックします。 「前」という、過去を連想させるような言葉なのに、「未来」という矛盾。 (2) 例えば、ブログを「」と考えた場合。 横書きですから、「右側のページをめくっていく」という感じが良いと思います。 もちろん、ファッション誌等では、横書きでも、左側をめくっていくというスタイルも結構存在します。 しかし、国語の教科者は縦書きなので、左側をめくるスタイルでした。 その他の教科は横書きなので、右側をめくるスタイルでした。 ブログは、横書きに書かれていますよ。 ブログを一冊の日記帳と考えます。 大学ノートに横書きで日記を書く場合、右側をめくるスタイルが普通だと思います。 しかし、ブログは「横書きなのに

    なぜブログは「真逆スタイル」を貫くのか? - OKWAVE
  • CSSで「font-family: &#8220;メイリオ&#8221;」を指定するのはやめた方がいいかも

    スタイルシートで font-family: “メイリオ”; と指定しているサイトをちょくちょく見かけるが これは今の時点ではやめておいた方がいいんじゃないかと思う。 確かに Windows XP にもメイリオを入れられるようになったが、 こないだ書いたように Windows XPでメイリオを使う方法まとめ – 頭ん中 メイリオをダウンロードして XP に入れるだけでは 綺麗な縁で表示されない。 から。 ブラウザの設定で、 サイト側で指定されたフォントを使わないようにしている人や そもそもメイリオを入れてない人なら問題ない。 その場合はデフォルトのフォントで表示されるから。 が、メイリオをインストールしたけど ClearType を使う設定をしていない人が メイリオ指定のサイトを開くと、 ギザギザだったりつぶれていたと きったないメイリオで表示されてしまう。 これならMSゴシックの方がマシ。

    CSSで「font-family: &#8220;メイリオ&#8221;」を指定するのはやめた方がいいかも
    ekken
    ekken 2008/05/15
    っていうかー。フォントファミリーは指定しないのがいいと思います!
  • ブログのサイドメニュー - electric interface

    rumblefish - イラストサイトにblogが向いていない理由で、ブログ形式のイラストサイトについて「とにかく表示要素を減らせ」と題して カレンダーなんて必要な場合が思い浮かばないし、閲覧者は最新コメントや最新トラバなんか興味ない。削れ削れ。 と言われてるけど、これはイラストサイト以外のほとんどのブログにも言えると思う。 カレンダーについては、更新のある日付にはリンクが付くから具体的な更新頻度は一目でわかるけど、そういう情報は一度チェックすれば十分だし、日付別にブログの記事を読みたいという場合はまずない。*1 最新コメント・最新トラックバックについては、特定の記事にアクセスすればそれらをすぐ確認できるので、サイドメニューからアクセスすることは滅多に無いはず。 よって、それらをブログのほとんど全てのページに表示され、且つ目に付くメニューにわざわざ用意する必要は無いし、それらはその他各種

    ブログのサイドメニュー - electric interface
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • newsingで分かった、ブログもニュース記事もタイトルが9割 - 仮面浪人ブロガー

    またもnewsingネタで。 newsingで記事のピックアップをやり始めてわかったことだが、ブログもニュース記事も「記事のタイトルが9割」で読まれるか読まれないか決まるようだ。 私は、newsingで記事をピックアップするときに、よくその記事のタイトルを変えてしまうことがある。 なぜなら、記事のタイトルがパッとしないと、せっかくピックアップしても、他のnewsingのユーザーに見てもらえないからだ。 どのように変えるかというと・・・ (1)記事ソースが頭に表示される場合、それを記事タイトルの後に廻す。 (例)asahi.com (2)タイトルは、なるべく主語が先頭に持ってくるように書き換える。 特に、誰か有名な人が発言したものがベースになっている記事なら、その発言者の名前を前に持ってくる。 (3)有名ブロガーの記事からのピックアップであれば、わざわざ有名ブロガーやブログのタイトルの名前を

    newsingで分かった、ブログもニュース記事もタイトルが9割 - 仮面浪人ブロガー
  • なぜみんなlightboxを使うの?

    なぜみんなlightboxを使うのだろうか。 あれ、迷惑なだけだと思うのだ。 文章と比較しながら画像を見ることが出来ないし、視覚的には別ページっぽく見えるのに、ブラウザの戻るボタンを押すと前のページに移動してしまう。 Flashが叩かれていたときによく言われていたことをそのまま繰り返しているじゃないか。 lightboxって、何がいいの? 何も便利になっていない。

    なぜみんなlightboxを使うの?
    ekken
    ekken 2008/04/29
    運営者の自慰でしょ。