吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書いておき、 <script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>タグのt
質の高いコンピュテーションアートを堪能できる「Complexification」
コンピュテーションアートとは、いわゆるアルゴリズムや数式などによってグラフィックイメージを自動で創り出すというもの。マンデルブロ集合などがその例です。中でもこの「Complexification」にて公開されているものはどれもコレもクオリティが尋常ではないくらいに高い。 また、このグラフィック生成に利用されているJavaAppletも公開されており、オリジナルの画像を作成できる。それどころかソースコードまで提供されている。 Complexification | Gallery of Computation http://www.complexification.net/gallery/ 例えばこれは上から見下ろした街並みのようなイメージを生成するアプレット。放置しておけばどんどん細かく美麗になっていく。なんとなくシムシティの超高速版みたいな印象も受ける。 Substrate（900×900
GIGAZINE - 1万3000枚以上の写真をロイヤリティフリーで提供する「Image * After」
個人での利用はもちろん商用でも無料。素材をそのままネットで再販しない限りはOK。ユーザー登録不要でダウンロードできます。 ブログなどの作成時に記事にちょっとしたイメージ画像を付けるといい感じになるのですが、よい画像が見つからないときに便利。また、サイズも大きいのでちょっとした印刷レベルで大丈夫。暑中見舞いや年賀状にも使えるかも。 Image * After http://imageafter.com/ 一応ライセンスに関しては以下のようになっているので商用利用を考えている人は一読を。 http://imageafter.com/terms.php
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
キャズムを超えろ！ - 13万ロゴ以上 企業などロゴマークのリンク集
わかりやすく「ロゴマーク」と言う言葉を使ってみたが、ロゴタイプスへのリンク集である。個人的に結構活用するんだけどまとめサイトがなくて不便だったのでGiGAZINEのフォントリンクまとめを見て一念発起して自分でまとめてみた。一般的な使い方としてはカッティングシート(シール紙)に印刷してプラモデルに張る、ラジコンに張る、大きく印刷して実車に張る。はたまたデータのままの状態でレースゲームの画像データ改造に使う(自作Skin)などなど。公共ロゴ系は文化祭やイベントの案内などにも活用できるかも。 ※当たり前だが企業ロゴは無断で営利利用は不可 http://www.radiocom.co.jp/ まずはなんといってもここ。何が(・∀・)ｲｲ!! って日本のマイナーロゴマークが揃ってる。JISマークとかウール100%とかリサイクル用のスチール缶マークとか。道路標識・都道府県ロゴ・地図用記号・世界の国旗・
CSSのレイアウト40種類を集めた「Layout Gala」 - GIGAZINE
サイトのコンテンツのレイアウトを考える場合、コンテンツをどのようなレイアウトでは位置すればいいのか悩む場合が多々あります。2コラムにするのか3コラムにするのか、それぞれのコラムの下にさらに子コラムを入れるのか否か、右サイドに置くのか左サイドに置くのか、などなど。 そんな場合に参考になるのがこの「Layout Gala」。CSSによるレイアウトの例が40種類あるので、自分の作りたいサイトのスタイルに近いレイアウトを実際に見てから、CSSファイルをダウンロードできます。Layout Gala http://blog.html.it/layoutgala/ 全部のレイアウトのファイルを詰め込んだファイルのダウンロードは以下から。 http://blog.html.it/layoutgala/allLayouts.zip また、「Yahoo! UI Library」にも単一のCSSファイルで100
webデザインに使えるメニュー・アイコン：Goodpic
This shop will be powered by Are you the store owner? Log in here
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
r202.org: こんなクライアントには気をつけろ！（Webデザイナー編）
なんでも借入をたくさんするというのはデメリットが大きい、これは誰もが知っていることだと思います。あまりにも借入を他社からたくさんしていると、それだけで多重債務になってしまって自己破産をしてしまう…もしくは他社借り入れが多すぎると借り入れ自体ができなくなってしまう、これはその通りです。ですからちゃんと考えている人ほど、借金をたくさんしないようにしていますし、いろいろなところから借り入れをしないようにしています。 この借金ですけれども、実はカードローン（モビット）だけではなく住宅ローンも関係しています。まさか住宅ローンをいろいろな銀行から借りるという人はいないと思いますが、カードローンを借入しながら住宅ローンを借入するという人はいると思います。この場合審査に通らないということはないのですが、全く何も借り入れをしていない人に比べて通りにくくなっているのです。たくさんの会社からカードローンを借入し
美しい画像を見付け次第メモする
ここでまだ書けるのかな？？テストテスト。 ７年くらい前に、はてなワンワンワールドで知り合った、id:nui81についに会った。ジブリ『耳をすませば』のロケ地である聖蹟桜ヶ丘を歩いて、あっという間に意気投合し、仲良くなった。彼女は来月から、わたしの絵画教室の初の生徒ともなる。id:jkondoの生み出した出会いに感謝。はてなの社長は、人と人とをたくさん繋げた。 山か海か動物園か水族館に行こう！とのことだったので、聖蹟桜ヶ丘のいろは坂を登ることにした。ジブリファンには「聖地巡礼」などと呼ばれており、こちらのサイトには詳しい地図などもある。道行く若者に「巡礼ですか！」と声をかけると、「巡礼です！」と返ってくるくらい、なんだか不気味なスポットだ。 プリントアウトした地図を見ながら歩く。 駆けのぼるid:nui81。 道行くカメラボーイに声を掛けて撮影してもらった。ウサギの耳などつけていたためか、か
色や大きさを後から変更できる AQUA風ボタンの作り方
二日ほど前のブックマークの人気エントリーに入っていた、「AQUA風ボタンの作り方リンク集」を見てつくづく思ったのだが、Photoshopは奥が深く、同じような効果を作り出すのに何通りも方法があるのが興味深い。そこで、今日は、Photoshopにも関わらずあえて全てをベクターデータで書くという特殊な技法（知り合いのデザイナーから教わった技法）でAQUA風ボタンを描いてみた。 まず最初に、"Rounded Rectangle Tool"で適当な大きさの角の丸い四角を書く。角の丸みは、Radiusの値で変更できるが、この場合は16pxとした。 この時自動的に作られたレイヤーをダブルクリックして、レイヤースタイルのInner Glow属性をオンにする。Blend ModeはMultiplyで、Opacityは４０％程度が適切、色は黒にする（黒にしておくと、後でメインの色を変更したときにここを変更し
ちゅるるん ジェネレータ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Background Image Maker
Buttonator
画像を文字で置き換える Textorizer | 秋元@サイボウズラボ・プログラマー・ブログ
http://www.mutualresponse.com/res/6th/
【PICK UP】 GLO H Design | 【others】紙の広告媒体の力
HUMAN COLOR ROOM
収納のためじゃない (MoGo Mouse.com) | 100SHIKI
Web1.0懐古バナー集 - Engadget Japanese