タグ

designに関するcatfistのブックマーク (45)

  • ウェブページを見る目の動きは「F」パターン - GIGAZINE

    つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階: 訪問者は最初にページの

    ウェブページを見る目の動きは「F」パターン - GIGAZINE
    catfist
    catfist 2006/04/21
    面白い。そしてgoogle先生はさすが。
  • HomePage - Kwiki

    News • SVN • Trac • IRC • Download • Documentation • Mailinglist Welcome to Kwiki 2.0 The Rebirth of Kwiki WhatIsKwiki? WhatIsKwiki20? WhyKwiki20? Using Kwiki KwikiHelpIndex InstallingKwiki2 UpgradingToKwiki2 KwikiFormattingRules KwikiConfiguration KwikiDocumentation KwikiPlugins KwikiThemes Various unorganized topics InfrastructureChanges KwikiBootstrapProcess SpeedRefactorings EditingFeatures No

  • SiteDev - フリーCMS

    siteDev の世界へようこそ! siteDev はPukiWikiをベースに作られたフリーのCMS(コンテンツマネジメントシステム)です。 siteDev を使えばサイト更新の手間が少なくなり、Webの更新が楽しくなるかもしれません。 これからはサイト更新に FTP やエディタは不要です。 ブラウザだけでいつでもどこでも更新可能になります。 現在見て頂いているサイト自体も siteDev によって構築されています。 siteDevで構築されたサイトは携帯電話でも閲覧することが出来ます。 はじめての方、より詳しく知りたい方は こちら 実際に使ってみたい、という方はデモサイトへ ・これまでの面倒なWebページ更新手順と siteDev 導入後の比較 ・管理者だけがページを管理できます。そのユーザの制限の方法は? siteDev の更新履歴 2006/06/11 siteDev2(PukiW

  • [N] フリーで使える写真をアグリゲートする「EveryStockPhoto」

    EveryStockPhoto free stock photographyというエントリーより。 Newly-launched web site EveryStockPhoto looks like a promising source of stock images for use in your blog, web site or presentation. Lifehackerで、ブログやウェブサイト、プレゼンテーションで使用することができる画像をストックしている「EveryStockPhoto」というサイトが開始したと紹介されていました。 Lifehakerによれば「EveryStockPhoto doesn’t host images – it aggregates them from other sites」ということで、画像をホスティングしているのではなく、他の写真共有サイ

    [N] フリーで使える写真をアグリゲートする「EveryStockPhoto」
  • デフォルトスタイルの差異を無くすCSS

  • hxxk.jp - CSS を書く前に読んでもらいたいこと

    記事データ 投稿者 望月真琴 投稿日時 2006-04-09T19:40+09:00 タグ CSS IRC Team-One オフ会 仕様 実践 Web Standards Design 春に会いましょう 概要 CSS の初心者なあなたもエキスパートなあなたも、とりあえずここは押さえとけ、という記事を紹介。 リプライ 7 件のリプライがあります。 CSS を書く前にブラウザ毎のクセをリセット CSS を書くことに慣れている人はよくご存知でしょうけど、 IE や Firefox や Opera や Safari などの UA はデフォルトスタイルシートと呼ばれるスタイルシートを持っており、それを適用せねば、あるいはそうであるかのように動作せねばならないと仕様で定められています。 User agent: Conforming user agents must apply a default s

  • CSSによる段組(マルチカラム)レイアウト講座

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • tDiary 用リンク先サムネイル表示プラグイン

    _ tDiary 用リンク先サムネイル表示プラグイン ダウンロード - linkthumb.rb ウェブサイトサムネイル作成API β版を使用して、リンク先のサムネイルをポップアップで表示するプラグインです。 マウスオーバーでポップアップ → http://www.tdiary.org/ なお、このプラグインを使用すると大量のサムネイルを作成する可能性があるため、API 作者の方にご迷惑をおかけするかもしれません。 追記:ポップアップ自体をクリックできるようにしてほしいという要望がありましたので、そのように修正しました。

    tDiary 用リンク先サムネイル表示プラグイン
  • NINJATOOLS

    URLに間違いがないか、再度ご確認ください。 ファイルが削除・またはファイル名が変更されている可能性があります。 ご利用中のユーザー様は、忍者ホームページヘルプをご参照ください。

  • 最速インターフェース研究会 :: Tropyクローンを作った

    なんかJavaScriptで作れ、みたいな圧力がかかったので作ってみた。 http://la.ma.la/misc/tropix/ (追記:ソース) http://la.ma.la/misc/tropix/tropix.zip 元ネタこれね http://www.hyuki.com/d/200511.html#i20051105203040 最速版Tropyということで、サーバー負荷と表示速度の改善を主に。 JavaScript無効だと表示すらできないのであんまりよろしくないんだけど。 ---- 技術的なこと - サーバーサイドはRubyで書いた。90行ぐらい。普通のCGI。 - ランダムなページのアドレスをCGIに問い合わせて、テキストはAjaxで直読みする。 - 履歴を10件分保持するので、行き過ぎても戻れる。 - サーバーにとてもやさしい。 - ページリストを取る際に履歴をPOSTで

  • MT の個別ページに Javascript でカテゴリー別の最新記事を表示

    Movable Type の個別ページ(Individual Entry Archive)のテンプレートで、最近の記事一覧を表示するテンプレートとして、下記のようなタグがデフォルトで入っているかと思います。 <MTEntries lastn="10"> <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br /> </MTEntries> 当然ながら、静的な html が生成されるので、記事を書いた時点もしくは再構築をした時点での最新記事が表示されることになります。ですが、常に最新の記事を表示したいと思うのがブロガーとしての当然の心理。ちょっと調べてみますと、「ブログ(MovableType)の個別ページに、Javascriptで最新記事を表示:Goodpic」ってのが見つかります。 この方法、UTF-8 なブログであれば問題なく上手く

  • Japanese Traditional Colours with html code

  • 小粋空間: Amazon アソシエイト作成支援ツール一覧

    Amazon アソシエイトを利用して商品リンクをブログに貼り付けている方は多いと思いますが、デフォルトの商品リンク設定では他のブログでよくみかけるような表示になりません。 0.Amazonアソシエイトのデフォルト商品リンク ブログを始めた頃、これと異なるデザインのリンクを見かけて、「どうやって表示しているのだろう?」と、画像横に表示されたツール配布元のクレジットリンクに気がつかずにネットで調べた記憶があります(バカ)。 ということで、Amazonアソシエイトのリンク作成支援ツールをまとめてご紹介します。ツールの利用にあたってはAmazonアソシエイトへの登録が完了していることが前提です。 1.Amazlet NDO::Weblog:amazlet - Amazon アフィリエイト簡単作成ツールです。 利用方法は、上記ページ内にある amazlet のリンクをクリックして、新しく開いたウィン

  • http://kengai.my.land.to/h/?ClickableTooltip

  • スタイルシートスタイルブック

    PG WALLET สล็อตออนไลน์พร้อมเงินฝากอัตโนมัติ pg slot วอเลท ผู้ให้บริการสล็อตออนไลน์ระดมทุนผ่าน True Money Wallet บริการสล็อตฟรีที่พร้อมมอบประสบการณ์การเล่นเกมสล็อตออนไลน์และบริการฝากเงินให้กับคุณ ง่ายๆ ด้วยวิธีการฝากเงินยอดนิยมในปัจจุบัน บัญชีทรูมันนี่ หรือ ทรูมันนี่วอลเล็ท PGWALLET ครบวงจร แนะนำสมาชิกใหม่ ส่วนลด 50% ข้อเสนอพิเศษสำหรับสมาชิกใหม่ โบนัสฟรี 50% ฝากครั้งแรกเพียง 100 บาท slot pg รับวอลเ

  • Tropy Wiki

    [ インターネット ] Tropy Wiki とろぴぃのういきぃ 編集 履歴 添付 設定 新規ページ作成 メニュー カテゴリー 最近更新したページ 2005-11-11 FrontPage 2005-07-08 MenuBar1 MenuBar2 最新コメント FrontPage Tropy Wiki Tropyリンク Tropyのリンクです。新しく設置されたかたは教えてくださいね(トラックバックやコメントで)。 Ajax版 FukTropy PHP版 trophpy Hatena記法版Haropy Ruby版Traipy めもおきばさんのHaropy Tropy始めました rytropy Clypy 株Tropy CGI::Application版Caropy 高負荷対策版Tropyクローン Java版JTropy Ruby + JavaScript版 Tropix  いんたーとろぴぃ 

  • [javascript] ページ内リンクでスムーススクロール @ ZEROBASE CAST

    2009/04/28:すみません、スクリプトをメンテナンスしていないため、掲載を止めました。内容や動作の保証はできませんが、別のサイトを推薦しておきます:class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note →zerobase.jpのajax関連情報はこちら →当時エントリへのはてなブックマーク (掲載当時の文章を念のため載せておきます) 「ページ内リンクでスムーススクロール」するためのJavaScriptコードを配布します。ページ内リンクを使う際に、このスクリプトもあわせて使えば、訪問者に親切かもしれません。 意図 派手なエフェクトを取り入れたい。ではなくて、ページ内リンクをクリックすると、一瞬でワープするので、迷子になってしまう場合がある。それを解決する手段。 特徴 HTMLを書く際に一切意識しなくて良い。あとから

  • 日本発の wiki クローンリスト2

    『Wiki Way コラボレーションツールWiki』のために「日発の wiki クローンリスト」を書いてからも Wiki エンジンはいくつも開発されており、「日発の wiki クローンリスト」だけでは網羅できなくなっている。今回はそうした新しく開発されている Wiki エンジンに加え、前回の文章を書いたときには筆者が寡聞にして知らなかった実装、また前回は「オリジナルの実装」という条件で線引きしたために洩れた実装の中で有力なものを紹介させてもらう。 前回の文章もそうだが、紹介する Wiki クローンは現在も開発が進行中であり、以下の文章における解説が有効でなくなる可能性もあるので、興味を持たれた方は是非公式サイトで最新の情報をお確かめいただきたい。 「日発の wiki クローンリスト」、並びに文に紹介されていない日発の Wiki エンジンをご存知の方はご一報ください。必要とあればリ

  • 日本発の wiki クローンリスト

    注記:『Wiki Way コラボレーションツールWiki』に特別付録として収録された同タイトルの文章は、以下の文章を元に編集したものであり、RWiki と howm に関する記述はウェブ版のみである。『Wiki Way』刊行にあたり、既存の記述にも修正を加えた。いずれにしろ両者は厳密には同一の内容ではないのに注意いただきたい(2002年9月2日)。 Wiki を格的に取り上げた初の書籍である "The Wiki Way" には様々な wiki クローンが取り上げられているが、それらの多くは主に英語圏で開発されたものであり、デフォルトの状態では日語が利用できないものもある。またドキュメントを見ようにも英語ばかりでは、導入するのに敷居が高いと感じられることも容易に想像できる。 素晴らしいことに、日発の wiki クローンは既に数多く存在する。最近特にその開発が盛り上がっているように思える

  • いろいろなWiki 機能比較調査 :設置テスト済み

    Wikiが一番情報共有に適している。 2年以上、サーバーアプリケーションの備忘録用 に活用してきた。 最近は、面白いWikiも登場しているので、整理してみる気持ちになった。 最近の設置サンプル:Wikka 日語版をようやく作成しました。一番のお気に入りです。 1.一番使われているのは、pukiwikiで、私も愛用 2.最近気になるのは、qwikWeb  :設置済み 3.携帯対応やモバイラー向きのものもある。 4.スキンもいろいろ出てきました。 Wikiの機能比較:いろいろありますね。 FreeStyleWiki という面白いWikiもあります。 このサイトでのWiki比較表 も参考になります。 このサイト もwikiを多数紹介。franceのおしゃれなページです。 MediaWiki : Wikipedia百科事典のWiki 多言語化、データベース、静的HTML