Tontuu is help for web-developer to create CSS Sprites・ファイルの読み込み(ドラッグ＆ドロップ) ・ソート1 (Sort direction:col ⇒ Sort type:IMAGEBASE ⇒ padding:0) ・ソート2 (Sort direction:row ⇒ Sort type:IMAGEBASE ⇒ padding:30) ・ソート3 (Sort direction:col ⇒ Sort type:POSITIONBASE ⇒ padding:100) ・ソート4 (Sort direction:row ⇒ Sort type:POSITIONBASE ⇒ padding:150) ファイルを開く 画像ファイル(gif,jpeg,png)、もしくは拡張子.ttdのプロジェクトファイルを、2通りの方法で開くことが出来ます

タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」 2009年06月16日- jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」。 同様のライブラリは他にあるかもしれませんが、アニメーションや見た目の点で非常に洗練されていて覚えておく価値アリなものになってます。 Expose 該当部分だけを目立たせることが出来る ↓↓クリックするとクリックした位置以外がグレー表示になります Tooltip イカしたスタイルがかかったツールチップ Tab 綺麗なタブUI Overlay LightBox風のページ内ウィンドウ実装 Scrollable 少ないスペースでコンテンツをスクロールするウィジェット実

DantoCart :: Open Source Ecommerce オープンソースで本格的なＥコマースサイトが作れる「DantoCart」。 以下はデモ用のサイトなのですが、ＵＩも綺麗で使いやすそうです。 デモサイトを見てみる こうしたショッピングサイト構築用のオープンソースは色々ありますが、選択肢の一つとして覚えておいてよいかもしれません。 関連エントリ PHP製のショッピングカートシステムいろいろ 超かっこいいJavaScriptショッピングカート「simpleCart(js)」 Ajaxベースのクールなショッピングカート作成

25 Stylish Examples of Web Forms スタイリッシュなWEBフォームの実装例がいろいろと紹介されており、一部ご紹介。 フォームというと簡単なデザインで済ましてしまう場合が多いと思いますが、こうしたところにもこだわっていると力の入れ加減が伝わってきますね。 デザイン自体もなかなか難しいと思いますが、参考にして綺麗なフォームが作れそう。 Alexandru Cohaniuc 壁に貼ったみたいなインタフェースでオシャレ Tea Round App 角丸で立体的なフォームがナイス Grooveshark 子ダイアログ風のポップアップフォーム Substrakt Matt Pixelight Creative 全部見る デザインを学んだ上で、ユーザビリティについても考え、あくまで利用者視点にたった使いやすいフォームを作りたいものですね 関連エントリ CSSでデザインされた

Sexy Drop Down Menu w/ jQuery & CSS | Noupe セクシーなドロップダウンメニュー実装サンプル。 次のような、セクシーかどうかはさておき、クールなメニューのサンプルが公開されています。 CSSで綺麗にレイアウトして、jQueryで実装したものです。 マウスオーバーで光る高級感がナイス 矢印↓ボタンを押した時にちゃんと凹むのもいい感じ。 タグ構造も結構綺麗に定義できてレガシーなブラウザ（ＩＥ６）にも対応しているっぽいのでなかなかオススメです。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル

Star Wars text effect スターウォーズの映画ロゴ風テキスト作成用Photoshopチュートリアル。 次のようなカッコいいテキストを作成するPhotoshopのチュートリアルです。 グラデーションやレイヤー効果をうまく使ってデザインしていくテクニックは色々役立ちそう。 「Harry Potter Movie Font 」というエントリにて、ハリーポッターのロゴ風画像を作成するチュートリアルもあるみたい。 サイトのロゴにするなり、ネタ用のパンフレットにするなり、色々と楽しめそうなチュートリアルですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 美しい光のエフェクトを画像に加えるPhotoshopチュートリアル集 Photoshopチュートリアルの検索サイト「Vunky Search」

さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。 https://anchor.fm/s/66ff2830/podcast/rss ここで聴く！という人は以下のプレイヤーからどうぞ。 んで、これまではGoogle Drive上に保存したmp3ファイルを聞きたい方は以下のリンクをクリックしてください。ブラウザ内で聞けます。 https://drive.google.com/f

30 Inspiring Dark and Sleek Web Designs 黒ベースのダークでクールなWEBデザイン集がまとまっていましたので一部ご紹介。 黒ベースは目に優しいですし、なんとなくカッコいい感じが出せるのですが、個人的に、黒の印象が強くてなかなかデザインは難しい印象があります。 こうしたデザインを参考にすることでうまくデザインできそう。 Tapbots Lisa Moseley Futurefabric coda.coza 全部見る 関連エントリ デザインのインスピレーションを受けるために便利なサイト集 韓国のすごいデザインサイト集 グラデーションをうまく使って立体感を出したサイトデザイン集

Flash Lite入門講座　第1回　日本のFlashLiteの仕様 | デベロッパーセンター Flash Lite入門講座という記事がAdobe Developer Conection サイトにて公開されています。 モバゲー、グリーといったサイトで、多くのFlashゲームが公開され人気ですが、そうしたゲームを自分でも作ってみたいと思っている方はかなり参考にできそうです。 単純にFlash Lite1.1を選ぶだけではダメで、それぞれのキャリアにおいて何が出来て出来ないか、といったことも理解しておくことが必要で、そういう部分も解説されています。 これは今後の連載に注目したいですね。 著者のサイト： hi-posi 関連エントリ ＰＨＰで携帯サイト - phpspot

22 CSS Button Styling Tutorials and Techniques : Speckyboy Design Magazine CSSでボタンを綺麗にスタイルするサンプル集が Speckyboy Design Magazine にて紹介されています。 なんとも美しいボタンのサンプルが色々と紹介されていて、もうボタンデザインに迷うことはないかもしれません。 Submit button should look same everywhere 綺麗なアイコン付きSubmitボタン How to make sexy buttons with CSS 角丸グラデーション付きボタン Scalable CSS Buttons Using PNG and Background Colors 文字を長くしても伸縮するボタン CSS Overlapping Arrow Buttons 階

これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」 2009年05月28日- jQuery Ribbon - Home これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなＵＩ。Windows7っぽいデザインのＵＩがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているＵＩのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ

siiimple シンプルWEBデザインが沢山見られて参考になる「siiimple」 単純にカッコいいというのではなく、シンプル、ということにこだわったサイトの紹介サイト どれもシンプルにデザインされているけど、そのシンプルさがカッコよさを引き立てているようなサイトが多いです。 関連エントリ シンプルだけど、クールなデザインサイト集