『 特殊文字のコピペサイト。チェックマークとか、指さしとか、八分音符2つとか、上ブロックやじるしとか、スペード、ハート、クローバーとか、こんなの出来たんだなぁ。チェックマークはこれから良く使いそう。 』
Google Chart APIを利用したサービス。グラフが実際の図柄で選択できるなど、視覚的なGUIでパラメータの指定が可能なため、よりアプリケーションらしくGoogle Chart APIが利用できる。ブラウザのフォームから数値入力、チャートタイプ選択などを行って、最後にGoogle Chart APIに各種パラメータを引き渡すことでグラフが描画される。 料金無料 インターフェイス英語 グラフでの日本語利...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね! Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ!」と感じた方も多いかと思います。Ubiquityはブラウザ上でのありとあらゆる操作をスマートにこなせるようにしてくれる、超強力なコマンドラインツールです。...
"Webアクセシビリティとは?"から始まる『Webアクセシビリティ入門』、2004年6月に制定されたWebコンテンツのJIS(日本工業規格)『JIS X8341-3の解説』など、これだけは知っておきたいWebアクセシビリティの基礎知識を分かりやすく解説します。 『基礎知識』コーナーの目次 Webサイトの運営者および制作者が現場でWebアクセシビリティを実践するのに役立つノウハウおよびテクニック...
『 ブログソフト別に紹介。やっぱりwordpressが多め。 』
『 アクセシビリティを意識して色作成を支援しているサービスこのように色識別がしやすい色の組み合わせにすると「OK」マークが表示 』
1.画像上で右クリックして「名前をつけて保存」で自分のパソコンのマイドキュメントに保存 2.サーバー上、ブログのスタイルシートがある場所【 例 】blogフォルダ直下 にアップロードしてください。 3.スタイルシート内 #banner { font-family: Verdana, Arial, sans-serif; /* background-color: #f8fbd9;*/ background-image: url("画像名"); color: #666666;/*文字色*/ text-align: left;/*文字位置*/ font-size: 12px;/*...
HTML には、複数の項目を選択する UI として、たとえばチェックボックスがあります。こんなやつですね 好きなメンバを選択してください(複数可) 梅田えりか 矢島舞美 村上愛 中島早貴 鈴木愛理 岡井千聖 萩原舞 有原栞菜 まぁこれぐらいの量だったらたいしたことはないかもしれませんが、もし、選択項目が数十あるいは数百あったらどうでしょうか。激しくめんどくさいですよ...
FLASHを作る際、1秒間に再生するフレームの数を指定できるのですが、IE6を通して貼り付けられたFLASHを再生すると、指定したフレームレートより遅く再生されます。最初は自分のPCの処理速度が関係しているのかと思いましたが、他のブラウザーで同じFLASHを見ると正常なフレームレートで再生されていたので、どうやらIE6だけがこの現象になるようです。 どんなに処理の軽いFLA...
ちょこちょこっとFaviconを作りたい、というときに便利そうなのが「Favicon.cc」。ブラウザ上のエディターで簡単にアイコンを作っていくことができます。 作ったアイコンはダウンロードして使うことができるほか、クリエイティブコモンズのライセンスの下、公開することもできます。もちろん公開されているアイコンの一覧を見ることもできますよ。Faviconデザインの参考になり...
音楽ファイル、ムービーファイルを自分の好みの形式に変換するだけの作業に特化することであらゆる変換を可能にした化け物フリーソフトがついに登場。MediaCoder - The universal audio/video transcoderhttp://mediacoder.sourceforge.net/画面はこんな感じで見れば分かるようにほぼ万能ですhttp://mediacoder.sourceforge.net/screenshots/mediacoder.png入力可能な形式は以下の通り。> MP3, Ogg Vorbis, AAC, AAC+/Parametric St...
『 Mac版IEは、他の多くのブラウザと同じようにバグや特異な性癖を持っており、そうと知らないウェブ制作者をけつまづかせます。この記事は、よく見かける3つのタイプの問題について記述しています。 』
とある友人に教えても経ったTinyMCEという WYSYWIG な HTML エディタライブラリがやばそう。 JavaScript で記述された LGPL でオープンソースな クロスプラットフォームの 多言語対応もしてて 簡単に使える ライブラリ。似たようなものに htmlArea というのがあって結構昔に話題になってたんですが、導入がめんどくさかったりブラウザによってはまともに動かなかったりとか色々面倒な感...
[1] システム開発は何らかの出力をもって完結する。メール送信する場合や、画面出力等がある。業務システム系であれば、帳票や一覧表も考えられる。その中でよく要望に挙がるのがグラフ表示だろう。 グラフ用のライブラリを導入したり、表示のプロットが面倒だったりして、最終的には表計算ソフトウェアに逃げてしまうことが多い。既存データへのグラフ表示機能を追加...
『 ColorMatchRemixのさらなる強化版?基準色をリストから選択できるようになった。ダウンロード版もあり。 』
『 いろんなtipsをHTML、CSSソースを載せて紹介。タブナビゲーション(SlideDoors)の和訳版 』
グラフ作成ツールが人気ですよね。べつやくメソッドも地位を確立しつつあります。 さてそうした流れを受けてご紹介したいのがEJSChart。Javascriptだけで実現できるグラフ作成ツールです。 残念なことにまだ公開前なので全容は不明ですが、やたら高機能らしいです。 ズームやスクロールが可能であるばかりか、マウスイベントを拾ったり、ヒントの表示などもサポートしている...
Window.Growl 2.0利用者にメッセージを分かりやすく伝えるJavaScriptライブラリ「Window.Gr...
画像編集と言えばPhotoshopが真っ先に挙がるだろう。高度な編集も容易にこなす、素晴らしいソフトウェアだ。だが高い、個人レベルではとても購入して使おうという気になれない。そこで代替えとして挙げられるのがGIMPだ。 GIMPを使い勝手よく! GIMPはオープンソースであり、無償で利用できる。だがインタフェースがこなれていない(玄人向け?)なので、一般ユーザには取...