セレクトボックスで複数選択 : LIVEPIPE / SelectMultiple - ウェブユーザビリティ.JP
複数個の選択肢の中から順不同で複数を選択させる場合の入力方式としては、チェックボックスを利用する事が多いと思います。チェックボックスは一覧性があり、全体を把握できる点では分かりやすいですが、表示領域を広く取ってしまうため、使いづらい場合もあります。 今回紹介するSelectMultipleは、LIVEPIPE UIというライブラリの中の1つの機能なのですが、セレクトボックスで複数選択を可能にする入力インターフェースを提供しています。 初期状態では、通常のセレクトボックスとなんら変わりないのですが、横の"Select Multiple"をクリックすると、複数選択用のメニューが表示されます。 ここで、例えば上記のような３つを選ぶと、セレクトボックスの選択肢として、３つがセットになった選択肢が表示されるという仕組みです。 この方法であれば、省スペースで複数選択を実現できるので、インターフェースの
Web Developer Extension on chrispederick.com
All the work on chrispederick.com is distributed for free, but your donation allows me to continue my development and any amount is greatly appreciated. Donate The Web Developer extension adds various web developer tools to a browser. The extension is available for Chrome, Firefox and Opera, and will run on any platform that these browsers support including Windows, macOS and Linux.
自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ＆ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
GPS携帯 位置情報 基礎知識
▼ GPS携帯と携帯サイトの作り方に関する基礎知識のメモです。 メニュー GPSとは 携帯各社のGPS位置情報の取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のユーザーエージェントの取得方法 au DoCoMo SoftBank WILLCOM 携帯各社のホームページ作成方法（マークアップ言語について） au DoCoMo SoftBank WILLCOM GPSメールとは GPS画像とは 関連ページ GPS携帯 位置情報 システム for au （PHP/MapScriptベースのWebスクリプト） GMapsBBS Beta （Google Maps と GPS携帯を連携したBBS） 日本地図 首都圏エリア 大阪エリア この画像の最終更新日:2008/08/18 20:21 この画像は、GPS携帯から取得したアクセスポイントをローカルサーバのMapSe
font-sizeのパーセント表記一覧 - Webtech Walker
font-sizeはpxやptなどで指定するとIEで拡大、縮小ができないので、パーセントなどで指定することが多いと思います。しかし、パーセントで指定すると、ブラウザごとに大きさが違ったりします。そこで、基本サイズが12px～16pxのときに10px～26px相当を表示するパーセントの数値を計算して、各ブラウザで確認したものをまとめました。 注意点 これは僕が自分で確認できる環境でのみ動作確認を行っています。動作確認したブラウザは以下になります。 Windows IE6 IE7 Firefox2.0.0.14 Opera9.27 safari3.1 Netscape7.01 Mac Firefox2.0.0.14 Opera9.27 Safari3.1.1 Safari2.0.4 IE5.2 計算式は以下のとおりです。小数点以下は四捨五入するとブラウザ間で差異でるようなので、切り上げることで
CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 – creamu
DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSでフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino（WINDOWS 97.09% / MAC 78.86%） ・Tahoma（WINDOWS 96.09% / MAC 72.02%） ・Impact（WINDOWS 95.85% / MAC 88.08%） ・Century Gothic（WINDOWS 85.44% / MAC 42.50
inputEx - HTML Form作成Javascriptライブラリ
inputExは、クライアント側だけでバリデーションや入力補助つきのフォームを作成できるJavascriptライブラリだ。MITライセンスで、Yahoo UI libraryのバージョン2.5.1をベースにしている。 サンプルのページからデモを開くとわかるけれど、 JSON形式の短い記述のみで、きちんとしたフォームが使える。一般的なフォーム、URLやメールアドレス、IPアドレスなど特定のフォーマットに従ったフォーム、グループの制約を持つフォームやカラーピッカー、WISYWIGエディタまで、様々なフォームのための部品が提供されている。 ドキュメントもきちんとしているし、GUIでこのJSONデータを作成するためのフォームビルダも提供されているので、使うための敷居は低いだろう。 サーバ側でフォームを書かないため、このライブラリで作ったフォームは、Javascriptがオフになっていると動かなくな
2310::blog: Markdown文法の全訳
Markdownは可能な限り簡単に読み書きできるようにしたものです。 Markdownのルールで書かれたテキストはタグなど複雑な要素が用いられていないため 直感的に分かりやすく、HTMLに変換しないままでも配布することが可能です。 MarkdownのルールはSettext、 atx、 Textile、 reStructuredText、 Grutatext、 EtTeといったテキスト文書をHTMLに変換するツールを参考にしています。 しかし、何よりメールで用いられている表現を参考にしています。 最後に、Markdownのルールは、ハイフンやセミコロンといった記号を使用しています。 これらの記号は、それを実際に使用した効果を考え選び抜かれているものです。 例えばMarkdownでも(メールなどと同様)単語を アスタリスク(*)で囲むと*強調*となります (2310注：英文メールではアスタリス
%20分室 : Markdown 記法
Philosophy - Markdownとは Markdownとは、WEBページを記載する際に用いる、テキストをHTMLに変換する記法の一つです。 通常、WEBページはHTMLによって表記されますが、ブラウザからでなく通常のテキストエディタなどから見た時、HTMLは若干煩雑で全体像を把握し辛いのも事実です。 そこで、Markdown記法では、Settext, atx, Textile, reStructuredText, Grutatext, EtTeといったテキスト文書をHTMLに変換する既存の記法を参考にし、HTMLに変換しないままでも閲覧性に優れた表記方法を実現しています。 これは、何よりも電子メールで用いられる日常的な表現方法を参考にしているためです。 (英文メールで良く使われる表現方法である事に注意) 当ページでは、通常のMarkdownに加え、Markdown Extr
[CSS]hackを使用していないCSSのテンプレート集
Perfect multi-column CSS liquid layoutsは、CSS hackを使用せず、iPhoneにも対応したベーシックなCSSのテンプレート集です。 Perfect multi-column CSS liquid layouts テンプレートは、全てリキッドタイプで、横幅はパーセント指定されています。 対応ブラウザは、下記のものと記されていました。 Win Firefox 1.5 & 2 Safari Opera 9 Explorer 5, 5.5, 6 & 7 Netscape 8 Mac Safari Firefox iPhone & iPod Touch Safari
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
