3D Cartoon Icons Pack by *deleket on deviantART 丸っこいデザインが可愛いアイコン集「3D Cartoon Icons」。 次のようなRSSやアプリケーションに使えるアイコンが配布されています。 関連エントリ RSSやデスクトップ用のアイコンが詰まったアイコン集「FreshIcons」 クールなボタン画像をジェネレートできる「The Button Generator」
A CSS styled calendar | Veerle's blog Many times I’ve been asked how I created my calendar, or asked me if they could use the code etc. That’s why I thought it might be interesting to write an article on how to create such calendar. CSSで美しくデザインされたカレンダーのCSSサンプル。 CSSで次のように美しくスタイルされたCSSサンプルが公開されています。 カレンダーのデザインって微妙に難しいのですが、このデザインはシンプルだけど綺麗にまとまっていて美しいですね。 カレンダー部分のデザインの参考にできそう。 あと、こちらのサイトでは、いろんなサイトのデザイ
PSDTuts Advanced Glow Effects In this tutorial we're going to create some really sharp looking glow effects using a combination of layer styles, the pen tool and colour blending. 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル。 次のような画像を作成するチュートリアルです。 本当に綺麗で、パンフレットの表紙、WEBデザインのタイトル部分など、様々な部分に応用することが出来そうです。 チュートリアルを参考に画像を作ってみたところ、次のような画像が出来ました。 関連エントリ PhotoShopで7色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたよう
9 tutorials Beautiful lighting FX effect in Photoshop This tutorial will show you how to create particle effects in Photoshop. PhotoShopで7色に輝く美しいパーティクルエフェクトを作成するチュートリアル。 次のように美しいパーティクルを作成するチュートリアルです。 簡単そうに見えて、いろいろとテクニックが使われています。 写真などと合成して綺麗なグラフィックが作れそう。 ↓実際に試してみました。これは美しいです。 関連エントリ 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光のモーションで画像を超カッコよくするPhotoShopチュートリアル スライムのような質感の
進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」 2007年09月06日- Bram.us jsProgressBarHandler (Dynamic Unobtrusive Javascript Progress/Percentage Bar) jsProgressBarHandler is a rewrite of the (unfortunately wrongly named) AJAX Progress / Percentage Bar by Webappers. 進捗状況を分かりやすくプログレスバーで表示できるJSライブラリ「jsProgressBarHandler」。 プログレスバーがなめらかなアニメーション表示されるので、進捗状況が非常に分かりやすく表示できます。 デモページはこちら 利用にはprototype.js
ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」 2007年09月03日- Eulerian Technologies - DatePicker using Prototype and Scriptaculous You'll find here the code and instructions for a datepicker widget using Prototype and Scriptaculous librairies. ありそうでなかったPrototype.jsベース(script.aculo.us使用)の日付入力補助ライブラリ「DatePicker」。 次のような日付入力補助機能を実装できるようです。 YUIなんかには普通にありましたが、Prototype.js ベースははじめてではないでしょうか? 実装コードも次のように非
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ&ドロ
Uza’s Blog & More Blog Archive SOLVED: Right Click in AS3 A day or two ago polyGeek has revived an old and challenging idea that one could make use of custom right-click functionality in Flash (AS3 Javascript).Flashムービー上で右クリックを可能にするサンプル。 Flash上では通常、右クリックするとFlashメニューが現れます。 ただ、この機能により、Flash上で右クリックが使えず、マウスの左右ボタンを使ったゲームなどが作れないという欠点がありました。 今回紹介するサンプルを使えば「デモ」のようにFlash上で右クリックが出来るようになります。 このサンプルを応用して、Flas
Have a Slice This is an example of creating a semi-dynamic pie chart without the use of server-side imaging libraries CSSだけで円グラフを表示するサンプル。 次のような円グラフをCSSのみで実現するサンプルが公開されています。 HTMLコードは以下のようにシンプルに表現できます。 <div class="shadow"> <div id="example"> <div class="pie size35"></div> <p class="percent">37%</p> </div> </div> 次のような1個の円グラフを並べた横長画像のbackground-positionをずらして、必要な部分だけ表示することで実現しているようです。 サーバサイドでもクライアントサ
Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator. Web20Badges is a set of free and very cool web badges. Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」。 Web2.0なサイトによく見られるバッジを、次のようなオンラインツールで自作することが出来ます。 PhotoShop用のバッジファイルもダウンロードできるので、Web2.0風バッジを作る際は迷わずここに行きましょう。 関連エントリ web2.0ボタンジェネレーター お好みのajax読み込み画像を作成するサービス
リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」 2007年08月07日- Scrollovers - A New Way of Linking Scrollovers are a way to quickly and easily add flair to your web pages, giving your users an experience they weren't expectin g. リンクホバーを超カッコよくアニメーションするJavaScriptライブラリ「Scrollovers」。 例えば、次のアンカーにカーソルを合わせて みてください。 [YOUR TEXT HERE] Scrollovers を使えば、こんなリンクの貼り方が出来ます。 普通のリンクより 分かりやすいだけでなく、訪問者に驚きを与えることが出来ますね
Highlighted Chrome : Photoshop Tutorials -- Absolute Cross Create some cool smooth chrome with soft blue highlights, great as a text effect or on all kinds of other.. 硬い金属のような文字を作成するPhotoShopチュートリアル。 次のような光沢のある美しい金属風文字を作成できます。 次のような比較的簡単な流れで上記のような文字が作れるようです。 ロゴとして使えば、重厚なサイトの印象を与えることが出来そうですね。 関連エントリ テキストにツララが重なったようなロゴを作成するPhotoShopチュートリアル テキストの上に雪がのっかったようなロゴを作るPhotoShopチュートリアル PhotoShopでMacOSX風アクアな
Ivan Uzunov Blog Blog Archive Top 10 JavaScript String.prototype Extensions This is the list of mine top 10 JavaScript String.prototype extensions. If you want to you can post yours bellow. 超便利!JavaScript用の文字列拡張関数いろいろ String.prototype でStringクラスを拡張し、次のような機能を実装するための関数が公開されています。 trim - トリミングを行う関数 splitrim - トリミングとsplitを行う関数 escHtml - HTMLエスケープを行う関数 unescHtml - HTMLアンエスケープを行う関数 urlEncode - URLエンコードを
Leo's Icon Archive - 12,500 free icons, buddy icons, xp icons, vista icons, desktop icons, aim icons The Icon Archive is a collection of desktop icon sets from various authors of over 12,500 high quality icons for Windows, Macintosh and Linux Systems. 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 次のような超リアル&クールなアイコンを入手できます。 それぞれのページにライセンスが書いてあって、利用も簡単に出来ます。 その他サイトで使えるフリーのアイコン配布サイト Silk Icons Mini Icons
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
7 Brilliant Free Fonts: Faceplate, Sling, Cicle | Smashing Magazine Every month we take a look around, browse through dozens of fonts collections and select most irresistible typefaces released recently. シンプルで使いやすい7つのフリーフォントが紹介されていました。 Web2.0風なサイトを作ったりするのにぴったりなフォントもあります。 Faceplate™ A Gauge Sling Cicle Steiner Existence Light FF Mt FF Clan Narrow Bold 個人的には Steiner がカッコいいんじゃないかと思ってます。
超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」 2007年05月31日- TableKit TableKit is a collection of HTML table enhancements using the Prototype framework. 超簡単にソートやリサイズ、その場編集が可能なテーブルを作成できるJavaScriptライブラリ「TableKit」。 次のようなExcel風テーブルが簡単に作れます。 どれぐらい簡単か、というと、必要なJavaScriptを読み込んだあと、table の class に次のように値を指定するだけ。 <table class="sortable resizable editable"> 最低幅の指定など、動作に関するカスタマイズも豊富なオプションによって指定可能です。 こ
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ&ドロップ、アニメーション、スライダー、オートコンプリートのほか、 3Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
Jash: JavaScript Shell Jash is a DHTML-based window that gives you command-line JavaScript access to the current browser window. JavaScriptの開発等にかなり使えるJavaScriptシェル「Jash」。 Jashサイトのダウンロードページでブックマークレットがダウンロードでき、このブックマークレットを設定し、実行することでサイト内に小窓が開きます。 小窓には JavaScript シェルが統合されていて、小窓にJavaScriptコードを入力して、JavaScript の対話的な実行が可能です。 (入力欄は、TABキーによる補完も可能です) Jashを使って、例えば、次のようなことが可能になります。 サイト上で定義されているJavaScript変数の中身
DHTML Site - 10 Free CSS and Javascript Calendars Calendars may be used on webpages for various reasons, such as allowing users to easily pick a date in a form, or just to provide monthly information. フリーのCSS&JavaScriptカレンダースクリプトいろいろ 多くのウェブアプリに必要になってくるのがこのカレンダー機能なんですが、フリーで高機能なものが沢山出回っています。 ドラッグ&ドロップなどでGoogleカレンダーライクなものまで色々とあるようです。 Monket Calendar Quick Calendar Using AJAX and PHP Integrating Googl
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く