IBMがWebアプリケーションのUIガイドラインとHTML/CSSのソースコードを公開
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
個人利用フリーになったa-blog cmsは、現場にじわじわ効いてくる | ウェビンブログ
個人の非商用に限り、a-blog cms は無料でご利用頂ける事になりました | a-blog cms これまで30日間限定の試用までしかできなかったa-blog cmsが、個人非商用であれば自由にダウンロード・利用できるようになりました。 評判がいいらしいけど、忙しくて30日じゃ検証しきれない…と思っていた方、とりあえず趣味で使ってみたいんですが、という方は是非お試しを。 ちなみに私は、30日間の試用期間ではほとんどいじれなくて結局ライセンス取っちゃいましたwちきしょうめwww 今回のアップルップルさんの英断を、私は金銭面とは違うところでとても期待しています。 私が把握している範囲では、a-blog cmsというのは「じわじわ良さがわかってくる」CMSであるからです。 a-blog cmsは「Web制作者のためのCMS」と銘打たれています。 特にアピールされているテンプレート仕様や
CSSでゲームのような円形メニューを作るサンプル:phpspot開発日誌
Stu Nicholls | CSSplay | A circular menu with circular sub menus CSSでゲームのような円形メニューを作るサンプル。 次のような、可愛い円形メニューが作れます。 アイコンにカーソルを合わせると、「HOME」といったメニュー内容が表示されるため、迷うことなく使えそう。 鉛筆にカーソルを合わせると、追加で２つのアイコンが表示され、次のアクションにいけます。 人型のアイコンにカーソルを合わせると、４つのアイコンが表示。 メールアイコンにあわせると次のアクションとなる４アイコンが表示。 という感じで、なかなかユニークなナビゲーションで、触っているだけでもなんとなく楽しい感じがします。 実装すると、それだけでアイデアの利いたサイトだなぁと思われそう。 こうした枠の幅を最小限にしてすべての項目を見せつつスマートに配置できるという点でＵＩと
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
BLOGROWN（ブログロウン)
BLOGROWN（ブログロウン）は、お持ちの電話端末から、簡単にブログに音声をアップロード出来る無料ブログパーツです。 特別な知識も必要ないので、どなたでもすぐに「音声ブログ」を体験することができます。 今お持ちのブログを「音声ブログ」にカスタマイズすることで 内輪なブログから、外向けの実践的なブログまで、幅広いバリエーションのブログを作る事ができます。 また、今話題の機能「ポッドキャスティング」にも、各種対応ブログに投稿することで利用可能です。 音声ブログで、他人とはひと味ちがうあなただけのオリジナリティの高いブログを作ってみませんか？
Flickr検索画像で文字列を作る:phpspot開発日誌
Spell with flickr What is this? Spell with Flickr is a small program that lets you type in whatever you want, then goes to flickr and grabs pictures for each an every letter! It also allows you to change the images that you see, so you can find better images for your word or phrase! FlickrのAPIで画像検索した後、検索文字で文字列を生成するサンプル。 flickrと入力すると、次のようなイメージを生成できる。 関連エントリ: flickr風のロゴを簡単に作成
テーブルタグ作成ページ
ここはテーブルタグ（表）を項目を指定していくだけで簡単作成することができます。 下にあるボタンで現在の結果を新ウィンドウで確認することができます。 ボタン下にある項目を選択していき、再度ボタンを押せば変化があります。 完成したタグが欲しければ、結果ページの下にあるテキスト部分をコピーしてください。
ロカポDIYマップ：自分だけのオリジナルマップを作ろう！
Googleの地図をベースに、自由に線を引き、マーカーを配置できます。 あなたが作成したDIYマップの全データは、下記のようなURLテキストに変換されますので、メールなどで簡単に送ることができます。 Example: "http://www.locapoint.com/publicutil/viewer.html?lp=RZ7.WU8.BY.MI.%22Locazing%20Inc.%20Office%22" 今すぐＤＩＹマップを作るにはこちら！ 作ったURLが長すぎる？そんなときはURL圧縮サービスもご利用ください。 <-- このアイコンが目印 あなたが作成したDIYマップのURLは、地図の全データを含んでいるので場合によってはとても長くなります。このオリジナルのURLの代わりに、下記のような圧縮URLを使うこともできます。このURLは代表地点の座標とあなたの好きな「キーテキスト(半角
参考になる CSS 集
テンプレートいろいろ 特定の文書構造とセットの CSS ばかり。まあ、「テンプレート」ですからね、私の不満はいちゃもんに過ぎないのでしょう。これからはスタイルシートでデザインする時代だ、なんていってみても、レイアウト用の div 要素などはたくさん書いても、本文のマークアップには無頓着な人がほとんど。だからきちんと HTML の主要な要素について装飾を指定したスタイルシートには需要がない。 個人的には、以下のリストに示すスタイルシート群の方がずっと「参考になる」と思うのだけれど……。 Appendix > CSS List - outsider reflex CSS カタログ 「言葉 言葉 言葉」スタイルシートギャラリー スタイルシートライブラリ - W.F.N. CSSギャラリー ちなみに私の書くスタイルシートは、自分が使わない要素の装飾についてまともな指定がなされていないので、あまり汎
Modern Syntax
TikTok/InstagramユーザーのRCDriftTokさんによる過去1年間のラジコンカーによるベスト・ドリフト・トリックのコンピレーションビデオです。 ラジコンカーをドリフトさせて車体の後部を何かに接触させて何かのアクションを引き起こすということをやっております。多分ミリ単位で接触しているんだろうけど、成功しなかった方が圧倒的に多かっただろうなってのを考えると奇跡的なビデオと言えるでしょう。 つうかラジコンカーってドリフトできるんですね。
Javascript（script.aculo.us）で、ブログをアニメーション・デザイン：Goodpic
Ruby on Railsなどにも含まれている、話題のJavascriptライブラリを週末にちょこっと触ってみた。prototype.jsを継承して、Ajaxなユーザーインターフェース機能を実装するためのライブラリ。 script.aculo.us - web 2.0 javascript HTMLコード内に、いちいちファンクションを定義せず、クラス指定だけでアニメーションさせるようにしてみました。 インストールは簡単 上記のサイトから、scriptaculous-js-1.5.1.zip をダウンロードして解凍 /lib と /src を、そのまま自分のサーバにアップロード アップロードしたjavascriptを、使用するページのheadでInclude <head> <script src="js/lib/prototype.js" type="text/javascript"></s
表現のためのオープンソースソフトウェア
ここは、コンピューターを使った作品制作において、オープンソースソフトウェアを使う場合に役に立つ情報を 共有するための場です。ソフトウェアの紹介や使い方から、自分でアプリケーションを構築したりプログラムを 書いたりするためのツール、あるいはその実行環境まで含めた、幅広い情報を蓄積することを目指しています。 どんどん書き込んでいってください。 告知 スパム投稿が多発しているため、ユーザーアカウントの追加を停止しています。 各記事および記事中のソースコードのライセンスを Attribution-ShareAlike 3.0 に変更しました。詳しくはOss4art‐ノート:Copyrightsを参照してください。 このページへのリンク: https://fukuchi.org/oss4art/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bookma! - 404
STC :: fontBROWSER ::
IDEA * IDEA
Background Image Maker
http://hiro003.cool.ne.jp/index2.html
http://d.hatena.ne.jp/bluejoker/20060106/1136954963
スッキリかんたんスタイルシート
Webデザイナーのためのリンク集