ローディング作成☆
Loading GIF or, so called loader gif is an animation that indicates a loading process on a web-site or an application. Being an critically important part of web-site and application design and usability, mostly the animations are used to show that something is loading on the background (e.g. AJAX applications). The animation objects are usually used in GIF format which is very popular due to it's
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
アスキーアートのダイアグラムを画像に変換·ditaa MOONGIFT
これは面白い！ 技術者は画像やイラストで表現するよりもテキストベースの表現を好む傾向にある。作るのが面倒というのも一つの理由ですが、画像だとコピー＆貼付けで完結しなかったり、後で修正するのも手間がかかってしまうということもある。そこで作られるのがテキストベースのダイアグラムです。例えば下のような画像、よくメーリングリストなどで使われているのを見たことがないでしょうか。 まぁ個人的にはこれが見やすですし、理解するには十分かな、と。でも、これを技術者以外の方がみると、分かりづらいし何より見た目がいけてない、という話になってしまいますよね。そこで憮然と構えるのではなく、見やすく変換してしまおうというのがditaaです。変換結果は以下にて！ これが変換結果です。どうです、素敵でしょ？ これなら誰が見ても納得の一品のはず。ditaaはJavaで作られたソフトウェアで、テキストファイルに書いたダイアグ
MOONGIFT: � Keynote向けのプレゼンテーションアイコン集「Keynote Objects」:オープンソースを毎日紹介
Power Pointで作られたプレゼンテーションは見飽きるほど見ており、それっぽい資料を見せられるだけでやる気が削がれてしまう。どうしても格好いいとは思えない。その点、Mac OSXのKeynoteで作られたグラフィカルなプレゼンテーションは見ていて面白い（と言う思い込みかも知れないが）。 ずらりと並んだアイコン だが、Keynoteには大きな弱点がある。それはアイコン集がないことだ。文字や写真中心ならまだしも、ビジネス向けのプレゼンテーションではそうはいかない。そこだけ既存のプレゼンテーションから貰っていたのでは、全体の雰囲気が壊れてしまう。そこでこれを使おう。 今回紹介するフリーウェアはKeynote Objects、Keynote向けのポップなアイコン集だ。 Keynote ObjectsではKeynoteのデザインにマッチするポップなアイコンが100個登録されている。矢印、再生や
Djangoで始めるデザイナー的フレームワーク入門 | スパムとか
株式会社モノスペースの船井さんが、東海PythonWorkshop01でデザイナ視点から見たDjangoについてプレゼンされたので、参加してきました。 ＃本当は動画を撮りたかったんだけど、ヘボイデジカメでとるのは辛かったから断念orz 船井さんは、元々はデザイナの出で、今はプログラムもできるとのこと。最近、つぶやき系のサービス monologista をDjangoで作られています。 昨年の夏頃にチュートリアルの用なものをブログに書かれていたので、Djangoを追っている方々はご存知の方も多いかもしれません。 以下、メモ書きしてきたものです。きっとプレゼン資料が公開されることでしょう:) デザイナにとって嬉しいところ DRYで無駄を省けるところ シンプルで覚えることが最小限 動作高速 ドキュメント充実 大規模Webサイトでの利用実績多数 使える管理画面の自動生
フォントデータの書き換えの法的問題 : TTC/OTFからTTFへの変換 - faireal.net
[MKV] SSA字幕用フォント埋め込み (2004-03-05) SSA/ASSのEncoding (\fe) 1について (2006-12-10) TTCなどからTTFへの変換 (2007-05-16) フォントデータの書き換えの法的問題 (2007-05-17) メモ: TTCのcheckSumAdjustment (2007-05-20) [MKV] SSA字幕用フォント埋め込み 2004年 3月 5日 記事ID d40305 2004年3月4日（日本時間5日）、MKVでSSA字幕用のフォント埋め込みが可能になったと発表された。 概要 SSAの フォント埋め込み とは、字幕表示用に使うフォントデータを動画内に格納しておき、 再生時にそれを使用することで、再生側のシステムにインストールされていないフォントを使えるようにするもの。 画像の一部として焼き込んでしまうハードサブと変わらない
Lightbox.js のような写真のスライドショーするライブラリ沢山：Goodpic
This shop will be powered by Are you the store owner? Log in here
パッケージ風の画像を作成する無料ネットサービス「3DWebBox」
ソフトウェアのパッケージのような画像を簡単に作成することができるのがこの「3DWebBox」という無料ネットサービス。左側面と右側面の画像を用意すれば、いかにもそれっぽい画像が作成されます。 使い方は以下の通り。 パッケージの3D画像を作成 http://netapeta.com/3dwebbox/index.php まずは「参照」をクリックして画像を指定 それっぽくするために左側だけ幅を50％に。明度を変更することもできます。このあたりがお好みで。 「作成する」をクリック できあがり。ダウンロードして使いましょう。 ほかにも、カラフルなQRコードを作成するサービスもある模様。 おもしろQRコード作成サービス http://qr.netapeta.com/ 今後はQRコードを貼り付けた立体キューブを作成するサービスとか、faviconを3Dキューブにするサービスとかも予定しているらしい。期
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
第36回 画面設計書を書くための手法とツール：ITpro
画面設計書について，前回に引き続き，それを書くツールや手法について考えてみましょう。 画面設計書の基本 まずは，画面設計書の中にあるべき情報から見てみましょう。これらすべてがそろっていなければならない，というわけではありませんが，望ましいのではないかと私自身は考えています。 header ページIDやタイトルなど，一目でそのページがどの画面仕様を記述しているかがわかるような「ヘッダー」部分。細かく書くならば，文字コードや対象ブラウザまで記述する場合もある。また，プロジェクトの名前（プロジェクト・コード）や版番号なども記し，似たようなドキュメントの中からも引き出せるようにしておく。 footer 制作サイドのコピーライトやページ番号などを記す。最終的には，クライアントのコピーライトに置き直して，最終納品とする場合もある。 Page Layout 画面内に配置する「ユーザー・インタフェース（U
プログラマでも出来るWebデザイン - Blog.37to.net
home blog labs about contact プログラミング・開発 > プログラマでも出来るWebデザイン (X)HTML CSS テンプレート デザイン 画像 作成： 2007-01-08T01:58:41+09:00 更新： 2009-04-29T09:48:31+09:00 年始早々に大幅リニューアルした当ブログですが、リニューアルのお知らせでも書いた通り、 今回のデザインリニューアルに当たっての作成過程や、使ったツールを書いていきます。 デザインセンスの無い私にとって、今回のリニューアルは良く出来たと自負しているので、 お題はプログラマでも出来るWebデザイン。 前提として、CSSでコーディングが出来て、ある程度HTMLは設計出来る、でもデザインは・・・orz な人を対象にしています。 使用したツール・サイト一覧 作成過程は後半に書くとして、今回使用したサイト・ツールで
角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p
これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
ThickBox 3.1
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
XOOPS デザインテーマ - BCOOL THEME
このサイトは高機能CMS:XOOPS Cube向けデザインテーマを扱うサイトです。コミュニティサイトを中心とした従来のXOOPSの特性を生かしたサイトデザインテーマだけでなく、”使いやすい日本版CMS”としての役割を助成するデザインテーマの提供を目指しています。配布されるテーマは、個人での非商用利用の場合は無料にてお使いいただけます。法人でのご利用・商用利用の場合は有償となります。商用利用についてをご覧下さい。 利用是非お気に入りのテーマを見つけて下さい。あなたのXOOPSサイトがもっと盛り上がることを祈っています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.caramel-tea.com/2007/01/favilist/
http://youmos.com/news/reflection_js.html
NameBright - Domain Expired
Kawai Food | Mood Twisting Taste
複雑なアニメーションを実現するanimator.js | SIMPLE*SIMPLE
ColorJack: 色の発電機