タグ

2008年6月8日のブックマーク (14件)

  • Blogger

    Google のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。

    thakuro
    thakuro 2008/06/08
    画像アイコン付きCSSボタンの画像付きサンプルセット
  • jsmap - JavaScriptによる都道府県入力補助

    Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細

    thakuro
    thakuro 2008/06/08
    <q>jsmap(仮称)は、県名や州名の選択をするためのポップアップを表示するスクリプトです。(入力補助スクリプト)</q>
  • Michael Leigeber

    Hello. My name is Michael and I’m a digital strategist and engineer building LandSearch where you can find millions of acres of land for sale.

    thakuro
    thakuro 2008/06/08
    アコーディオンUIがアニメーションしながら伸縮
  • CSS Decorative Gallery - Web Designer Wall

    Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple

    CSS Decorative Gallery - Web Designer Wall
    thakuro
    thakuro 2008/06/08
    画像ファイルをCSSできれいに装飾したサンプル
  • Custom Software Development Company - Perfectial

    Key Areas of ExpertiseWith years of experience in custom software development, we offer businesses, large and small, web application development services along with design and UX, cloud & SaaS expertise, and mobile app creation. Web AppsCustom Cloud & SaaS web application development services based on the most popular tech stacks and frameworks

    Custom Software Development Company - Perfectial
    thakuro
    thakuro 2008/06/08
    ショップサイトとかに使えそうなアイコン集。汎用性の高そうなアイコンも。
  • Free Arrow symbol & icons矢印のベクター素材

    Vector Arrow Arrows originate from pointing with the human finger towards a direction. In todays graphic design arrows are widely used in all kinds of forms and shapes. This collection of arrows are designed for environmental graphic design, signage and wayfinding. The arrows are designed from a legibility perspective and should instantly be recognized as showing a direction. The collection is des

    Free Arrow symbol & icons矢印のベクター素材
    thakuro
    thakuro 2008/06/08
    矢印アイコンのフリー素材
  • 一般人はそこまでネットを使わない - (旧姓)タケルンバ卿日記避難所

    こうやってブログを書いたり、Twitterやmixiを使ったり、またははてなアンテナやRSSリーダーで情報を集め、気に入った記事があればはてなブックマークに登録するなど、気ままにネットツールを利用していますが、こういうのを当たり前に使っていると、一般的な世界とは認識が離れていくもんです。使っている人にとっては当たり前のツールでも、知らない人・使わない人にとっては「なんじゃそりゃ」です。「自分の常識は、他人の非常識」であることは珍しくありません。 特にそれを痛感したのは学生との会話。5月はゼミのディベートの試合があったので、後輩を指導しておりました。そのため、学生と話す機会がもの凄く多かったわけですが、そこでの会話がまあ自分の認識のズレを気付かされるものでして。自分は普通、一般人と思っておりましたが、気付かないうちに奇妙な人種になっているものなんですね。 ブログは書くものではなくて読むもの

    一般人はそこまでネットを使わない - (旧姓)タケルンバ卿日記避難所
    thakuro
    thakuro 2008/06/08
    <q>ツールってのは使う人の自由度や使い勝手を高めるために、ある程度のカスタマイズの幅があるわけですが、こんなものは知らない人にとっては迷惑</q>メリットを具体化する
  • Operaのナビゲーションバーとlink要素の対応

    Operaのナビゲーションバーとlink要素の対応 Permalink URL http://www.magicvox.net/archive/2008/04301033/ Posted by ぴろり Posted at 2008/04/30 10:33 Trackbacks 関連記事 (0) Post Comment コメントできます Category Opera ブラウザのツールバーにはナビゲーションバーというのがあって、HTML の link 要素に設定されたリンクに素早くアクセスすることができます。設定名とボタンの対応を調べてみたのでメモしておきます。このナビゲーションバーって意外に便利かも。

    Operaのナビゲーションバーとlink要素の対応
  • ヨモツネット

    この Web サイトの概要 ヨモツネットは、気になった技術の実験場と個人的な日記を中心としたサイトです。主に卓矢エンジェルや、Web 関連についてを話題にしています。 卓矢エンジェルとは 卓矢エンジェルは、デザインに陣羽織、振袖、手甲、鎧、脚半などといった和なテイストを取り入れたファッションブランドです。卓矢エンジェルを着る人たちはエンジェラーと呼ばれ、ゴシックやパンク、デコラなどのようにひとつの系統として分類されています。 この Web サイトの構成 日記 日々の出来事や Web についての話題を題材にした日記 実験室 便利な javaScript の配布や、マークアップの Tips など 自己紹介 この Web サイトの制作者について お問合せ 制作者への連絡用メールフォーム リンク 友人の Web サイトなどへのリンク このサイトについて 著作権、その他の情報などについて

    thakuro
    thakuro 2008/06/08
    なんか格好イイサイト。和風。
  • 外部リンクだけにアイコンをつけることのできる CSS のセレクタ | ヨモツネット

    概要 リンクで、外部の Web ページが参照先のときにアイコンなどをつけて区別するケースがよくあります。 そのときに、参照先が外部の Web ページの a 要素だけにスタイルを適用するための CSS コードです。 動作確認用の demo この方法は外部リンクの a 要素だけに class 属性をつけるというような処理が必要ないので、CMS やブログのエントリーなどにいいかもしれません。 似た方法で JS でまとめて class 属性を付与する方法もありますが、CSS だけで完結したほうがスマートかなと思ったのでサンプルを作りました。 demo で使用した CSS コード a[href^="http"]{ background:url(img/ico_conductor.png) no-repeat right center; padding-right:15px; } a[href^="h

    thakuro
    thakuro 2008/06/08
    便利
  • Paparazzi!

    Paparazzi! is a small utility for macOS that makes screenshots of webpages. Paparazzi! 1.0 requires macOS 10.9 or later (current version: 1.0b11). Older versions are available on the downloads page. If you find yourself using Paparazzi! often, please remember to donate! You can also follow Paparazzi! on Twitter.

    Paparazzi!
    thakuro
    thakuro 2008/06/08
    webページキャプチャソフト
  • CustomEditorButton2

    管理画面のブログ記事投稿画面に、任意の機能を持ったボタンを追加できるプラグインです。 以前に公開していたCustomEditorButtonのMT4対応版となります。 最新版のダウンロード CustomEditorButton2_0_3.zip 使い方 インストールが成功すると、自動的にブログ記事編集画面にボタンが追加されます。MTのデフォルトのボタンと同様に、エディタで範囲選択をした状態でボタンをクリックしてください。 ボタンの並び順を変更する カスタムボタンは、ドラッグ&ドロップで簡単に並び替えることが出来ます。 今のところ、見た目ドラッグしている感じが無いのでわかりづらいかもしれませんが、当に変更できます。 並び順を変更したら、右端のフロッピーディスクのアイコンをクリックしてください。変更結果が保存され、次回に編集画面を開いたときにもこの並び順で作業を再開できます。 「ポケット」を

    CustomEditorButton2
  • blog.aklaswad.com: TaggingHelper

    ブログ記事の編集画面に過去に使われたタグを候補として表示し、選択することでタグを指定できるプラグインです。要するにはてなブックマーク式のあれです。 MT4.2対応暫定版 TaggingHelper For MT4.2 - blog.aklaswad.com インストール 解凍して出てきた中から、「plugins/TaggingHelper」ディレクトリを、お使いのMTのpluginsディレクトリ内にアップロードしてください。 動作環境 MT3.3とMT4のどちらでも動作します。 当たり前ですが、MT3.2以前ではMTにタグ機能が無いため、動きません。 動作検証は基的にFirefox2.0でしか行っていません。 IE6でも最低限の動作は確認しましたが、それ以外のブラウザでは確認してません。 Firefox 2.0, Firefox 3.0, IE7 で動作確認を行っています。 設定 特にな

    blog.aklaswad.com: TaggingHelper
    thakuro
    thakuro 2008/06/08
    ログ記事の編集画面に過去に使われたタグを候補として表示し、選択することでタグを指定できるプラグイン
  • そろそろブラウザの実装レベルに応じたスタイリング分けをしよう - Liner Note

    そろそろブラウザの実装レベルに応じたスタイリング分けをしよう 書いた人: hash 投稿日: 2008年06月08日(最終更新:5年6ヶ月と28日前) 読者の皆さんの反応 1 被ブックマーク数: 70 要約:シンプルなマークアップを元に各ブラウザの実装レベルに応じて、様々なスタイリングをしていく方が楽だし、いろんな閲覧者が幸せになれるんじゃないかなと思った次第 全てのブラウザで同じに見える必要はないというのは前から何度か言われていることですが、もう少し具体的な文脈に落として考えてみようかな。 例えば、引用文を引用文ぽくスタイリングしたいとする、こんな感じに。 で、とりあえずGoogle先生で調べてから頭を回してみるわけですが、 Natalie Downe » Blog Archive » Inline image quotes CSSで引用をデザインする。 – DesignWalker 第