2011年8月18日のブックマーク (10件)

  • taiyakihiiragi.com

    This domain may be for sale!

  • 認知の違いから分かる効果的な情報の見せ方

    情報は単に配信すれば伝わるというわけではありません。仕様書を読んで理解できる人もいれば、噛み砕かれた解説書を読むことで理解できる人もいます。また、文章を読んで論理的にアイデアを組み立てる人もいえば、絵から全体像を掴みながらアイデアを考える人もいます。伝えるための情報デザイン、文章デザインで、情報(文章や絵図)をいかに構成することで人に伝わりやすくなるという話をしました。今回は情報を受け取る人に注目し、人が情報をどのように認知しているのかを考えてみます。 今回、Cognitive style and learning strategies という文献を参考にしました。認知の視点から人がどのように学習をするのかを簡潔にまとめています。その文献によると、段階的に学習する Serialist と、メタな観点から学習する Holist の二種類の学習方法があるといわれています。使い分けて学習する方も

    認知の違いから分かる効果的な情報の見せ方
    uragami
    uragami 2011/08/18
    アプリのインストールとかそーゆー動きだし、入力ない場合ボタン押せないのはアリかも
  • 商用もしくは個人で利用できる英字フリーフォント厳選24種類 - YATのBlog

    ブックマークしているフォントが結構な数になってきたので一度ブログにポストしてシェアしておきます。 2023.12.27 リンク先が無くなっていたので更新しました デザインフォント タイプライター フラワー 筆記体 デザインフォント

    商用もしくは個人で利用できる英字フリーフォント厳選24種類 - YATのBlog
    uragami
    uragami 2011/08/18
  • [JS]画像の一部を拡大・カラー・くっきり表示するスクリプト -jQuery Loupe

    拡大画像を表示するレンズの形状やオーバーレイの設定など、豊富なカスタマイズが用意された画像の一部を拡大表示したり、カラーやくっきり表示にするjQueryのプラグインを紹介します。

    uragami
    uragami 2011/08/18
  • 日本語版 WordPress チートシート | Webクリエイターボックス

    2024年7月21日 Wordpress, ダウンロード WordPressの覚え書きというか、カンニングペーパーです。コードなんぞをまとめました。他にもWordPressのチートシートはいたるところで記事にされていますが、CSSハックやCSS小技集に続き、これもまた自分用まとめだったり…。例文も私がよく使うものをコピペしやすいように置いてます。A4サイズの印刷用も作ってみたので、「これ使えるかも!」と思った方は印刷してデスクに置いておくと便利です :) ↑私が10年以上利用している会計ソフト! WordPressチートシート 目次 印刷用WordPressチートシート WordPressテンプレートファイル インクルードタグ テンプレートタグ テンプレートタグ/bloginfo 条件分岐タグ ループ ナビゲーションメニュー 1. 印刷用WordPressチートシート A4サイズの印刷用P

    日本語版 WordPress チートシート | Webクリエイターボックス
    uragami
    uragami 2011/08/18
  • Free Fonts! Legit Free & Quality » Font Squirrel

    Free Font Utopia Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format. Here are some of our favorites:

    Free Fonts! Legit Free & Quality » Font Squirrel
    uragami
    uragami 2011/08/18
  • スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」:phpspot開発日誌

    スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」 2011年08月18日- Smart sticky floating box | jQuery Plugins スクロールするとついてくるサイドバーを実装する際に便利なjQueryプラグイン「Smart sticky floating box」。 スクロールするとアニメーションでついてくるサイドバー。いろんなところでよく見ますが、実装の仕方によっては酔っちゃったりかえってユーザ利便性をそこないかねないUIですが、常にサイドにあることで便利に使えるという目的で設置されているものです。 こういうUIを実装する際に使えるのがこのプラグインで、位置移動の際のアニメーション方法が多数選べるだけでなく、遅延やアニメーションの速度が自由に設定できます。 デモページで動作確

    uragami
    uragami 2011/08/18
  • サンプルで学ぶjQuery Mobileまとめ(中編) (1/4)

    (前編「リストの表示」の続き) 見出しのテーマの変更 jQuery Mobileのリスト表示は、ul/ol要素にdata-theme属性でテーマを指定できます。 ■サンプル26[HTML] <ul data-role="listview" data-theme="e"> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> </ul> data-theme属性はul/ol要素の子要素であるli要素にも指定できます。li要素にdata-theme属性を設定すると、個々のリスト項目のテーマを変更できます

    サンプルで学ぶjQuery Mobileまとめ(中編) (1/4)
    uragami
    uragami 2011/08/18
  • サンプルで学ぶjQuery Mobileまとめ(前編) (1/5)

    jQuery Mobileにはこれまで紹介した以外にもさまざまな機能があります。サンプルの作成を通じて紹介した基的な使い方をおさらいしつつ、そのほかの機能も併せてまとめておきましょう。 ページの作成 jQuery Mobileでは、1つのHTMLに複数のページのコンテンツをまとめて記述します。ページの区切りやページ内のレイアウトは、カスタムデータ属性のdata-role属性で定義します。 ページの作成 data-role="page" div要素などにdata-role属性「page」を指定すると、HTML内にページを作成できます。data-role="page"を指定した要素には他と重複しないページIDを付け、id属性に記述します。 ヘッダーの表示 data-role="header" ページ内にdata-role属性「header」を指定した要素を配置すると、ヘッダーが表示されます。

    サンプルで学ぶjQuery Mobileまとめ(前編) (1/5)
    uragami
    uragami 2011/08/18
  • 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」:phpspot開発日誌

    spin.js 画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブラリ「spin.js」。 あのローディング画像を画像を使わず、外部CSSも使わない方法で実現でいるライブラリです。 パラメータをいじくれば簡単にローディングイメージをカスタマイズ可能です。 独立して動く方式をベースとして、jQueryプラグイン方式で動くコードも公開されているみたいです。 最初は画像だったものが、画像不使用に変化し、ライブラリによってより便利になってますね。 関連エントリ 画像要らずのローディング表示を実装できるjQueryプラグイン「Activity Indicator」 Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ ブロック内コンテンツを読込画像と共にAjaxで読み込ませアニメーション切替えできるjQueryプラグイン「Ajaxloader」

    uragami
    uragami 2011/08/18