JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」 2009年10月23日- JavaScriptをやるなら覚えておくと超便利な、コードをブラウザ上で開発＆発行できる「JS Bin」というサイトを発見。 ちょっとした動作確認用のコードを書いたり、入門者の方がJavaScriptを学ぶのに非常に有用ですし、その結果も保存してサーバに置いてホスティングしてもらうことも可能。 また、比較的面倒なjQueryやjQuery UI、prototype.js 等の有名どころのフレームワークを簡単に読込めて使える機能もあります。 サイトを開くと、まず3つのタブがあって、JavaScript のタブにはJSを、HTMLのタブにはJavaScript から操作するHTMLを、Output には実行結果が出力されるようになっています。 JavaScript

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

idTabs わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」 以下のようなHTMLを簡単にタブ化できるみたいです <ul class="idTabs"> <li><a href="#aaa">Tab 1</a></li> <li><a href="#bbb">Tab 2</a></li> </ul> <div id="aaa">This is tab 1</div> <div id="bbb">This is tab 2</div> UL要素の中にリストを定義してあるのがタブ部分で、<div>部分が該当ページ部分です。 1ページ内に全部のデータを収めることも出来るところもいいですね。 関連エントリ タブ機能付きパーソナライズドホームページ『Netvibes』 多数のタブをグループ化して管理できる「TooManyTabs」

40 Stylish and Trendy Icon Sets 物凄く綺麗なアイコンセットが色々と紹介されておりました。 その中でも特に目を引いたものをピックアップしてみました。ほんとに、綺麗です。 Sleek XP 標準XPアイコンからつい変えたくなりそうな可愛く美しいアイコンセット Exempli Gratia リアルな感じがなんとも言えないアイコン集。 １４のアイコンが各種フォーマットにて収録 Antique Icon update appleを木目にしてしまった８アイコンセット。味がありますね。 HydroPRO v2 10個の青とグレー、黒を基調としたクールなアイコン Black & Blue Icons 黒と青を使った色々なアイコン6個。 これはなかなか映える色合いですね。 Container Icons コンテナ風のAdobeアイコン40個のセット。 どこで使うかはさておき、

15 Free Professional Magazine WordPress Themes ・WPCrowd すっきりまとまった雑誌スタイルのフリーWordPressテーマ集が紹介されています。 読むことに集中させたいようなコンテンツの場合はこうしたテーマが適当なのかも。 Basic 2.0 非常にすっきりしたレイアウトで読みやすそう IsoTherm 写真をふんだんに使っているレイアウト。写真のキャプションはHTMLで出来ているみたい Red Carpet 色を効果的に使った雑誌風レイアウト MagZine 新聞風レイアウト 全部見る 個人的には派手目のレイアウトがすきなのですが、ブログは読み物なので、こうしたレイアウトの方が嫌われないデザインなのかもしれませんね。 関連エントリ これは面白い、あのサイトそっくりなWordPressテーマ 2009年リリースの綺麗なWordPressテ

Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。 HTML定義部分。分かりやすいコードも魅力です。 <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--画像の定義部分--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu

これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」 2009年03月12日- jQuery Context Menu Plugin これでサイトに独自の右クリックメニュー実装は誰でも簡単「jQuery Context Menu Plugin」。 ちょっと前までだと独自の右クリックメニューを作るのはすごく大変でした。特にクロスブラウザで動作することなんかを考慮すると本当に大変でした。 が、このライブラリを使えば簡単に実装できてしまいます。 特定のエレメント上のみに右クリックメニューを設定できるという、柔軟なつくりになっています。 どのアイテム上でクリックしたかっていうのがイベントハンドラで受けられるところも汎用的になっていていいです。 このライブラリ１つとってみても、jQueryを使う意味が出てきそうです。 jQueryは本当にデフ

50 Most Beautiful Icon Sets Created in 2008 | Noupe 美しいアイコンセット集2008とういことで今年も多数のアイコンが配布されましたね。 OldSchool Icon Set Archigraphs Porcelain Icons I-KID ICONS FOR IPHONE Socialize Icons Distortion Icons Merry Christmas Icons Coquette Icons Turqua 3d Isometric Vector Icon Pack Free Glossy Blogging Icons Set for Bloggers Free Glossy Blogging Icons Set for Bloggers Finance and Applications Icon Set Icon Ed

The Power of WordPress and jQuery: 25 Useful Plugins & Tutorials jQueryを使ったWordPress強化プラグイン集が紹介されています。 活用することでWordPressがより強力になりそうです。 Infinite Scroll 無限スクロール jQuery Lightbox 画像LightBox表示 Snazzy Archives アーカイブを次のようにおしゃれに J Post Slider 他ポストをサムネイル＆デスクリプション付でスライダ表示 µAudio Player オーディオプレイヤーをドッキング 全部見る サイトは１から作るよりもWordPressつかっちゃった方が後々色々な機能がプラグインで追加できて楽しそうですね。 関連エントリ ゼロからWordPressプラグインを作成するためのチュートリアル Word

11 Tutorials for Business Card Design | Vandelay Design Blog クールな名刺を作る際のチュートリアル集が公開。 かなり奇抜なデザインが多く、デザイナーの方なんかが持っておくとデザインのスキルをアピールを出来るだけでなく、覚えてもらえそうな名刺を作れそう。 Design a Print Ready Business Card for Designers Making a Grungy Business Card Making a Print-Ready Business Card Using Only Photoshop 全部見る 最近は家庭用プリンタでもきちんとした印刷が出来るのでありがたいですね。 関連エントリ 凄くクールな名刺を作成するPhotoShopチュートリアル

jsCron, portando Cron a Javascript | aNieto2K これは面白い！JavaScriptでcron実行「jsCron」 0 10 * * * コマンド の形式で実行できるcronですが、JavaScriptで特定の関数をcron形式で実行できるようにしたライブラリが公開されました。 サンプルコードは次のようになっています。 // 実行する関数定義 function hola() { alert("Hola"); } // cron設定 jsCron.set("35 17 * * * hola()"); 訪問者が訪れた時刻によって処理を変えたい場合など、なかなか使えそうですね。 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ Extバリの超クールなUIを提供するJavaScriptライブラリ「Jx Library」 使えるJav

皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル＆サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応

Best of CSS Design 2008 2008年のCSSベストデザインサイト集という特集。 これは、と思う物をピックアップしてみました。最新のデザインを見ることで勉強になりますね。 Let It Bleed Vermont Coffee Works Digital Mash Good DrupalCon, DC Future of Web Apps - Miami 2009 Future of Web Design - NYC 2008 Tennessee - Fall Tennessee - Spring Tennessee - Summer Tennessee - Winter LightCMS The First Twenty Luke Larsen Design Disease Adaptd Jason Santa Maria Electricurrent Mochi A

15 Must-Have Bookmarklets For Web Designers And Developers WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。 起動すると、その場で画像などの要素をドラッグ＆ドロップでデザインできたりする便利なブックマークレット集です。 ReCSS - Reloads The CSS 起動すると、サイトのＣＳＳが再読込みされ、リロードすることなく見栄えの更新ができる Edit Any Website - ブックマークレット XRAY - See Details Of Any Web Element 起動するとJavaScript製のＤＯＭインスペクタが起動します。 MRI 起動してエレメントをクリックすると、クリックしたエレメントのセレクタが取得可能。 Design - Grid-Rule-Unit-Crosshair 起動すると、4

50 Incredible Fonts for Professional Web & Print Design | Noupe ウェブ、ＤＴＰに使えるクールなフォント集。 次のようなクールなフォントが紹介されています。 Kawoszeh Jacks Font Geo Sans Light Lemur Light Fertigo 全部見る パンダのフォントがあるのですが、なかなか可愛いです。 関連エントリ 萌え系フォントのまとめ 実用的なフリーフォント色々 フリーのイタズラ書きフォント色々 フリーフォント大量配布/紹介サイトいろいろ

30 Brilliant Vector Logo Designs, Deconstructed - VECTORTUTS サイトのロゴ作成のヒントとなる秀逸なロゴデザイン集。 非常にうまくデザインされたロゴデザイン集が多数見れます。 そういう方法があったか、というようなアイデアが満載ですね。 関連エントリ Photoshopで行う実用ロゴ作成チュートリアル集 汎用的にロゴなどにも使えそうなクールなフォント集

3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集 2008年08月22日- Adrian Parr’s Blog Blog Archive AS3 Code Libraries 3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリが紹介されていました。 ActionScriptというとライブラリもあまり知らない人が多いのではないでしょうか。 3Dエンジン Papervision3D http://blog.papervision3d.org/ Away 3D http://www.away3d.com/ Sandy 3D http://www.flashsandy.org/ Alternativa Platform http://blog.alternativaplatform.com/en/ FIVe3D http

Ultimate Collection of Free Textures on the Web | Background Patterns | Seamless Tiles | High Resolution | Beeex.net 木目、紙、錆などフリーで使えるリアルなテクスチャ画像集。 イメージの背景など色々と活用できそう。 木目 紙 古紙 石壁 メタル さび 髪の毛 すべてチェック アイコン検索エンジンはありますが、フリーで公開されているテクスチャ用の検索エンジンなんかもあったら便利そう。 既にあったら教えてください。

Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいＣＳＳメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS＆HTMLサンプル アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 J

Top 28 Free Font Directory Resource Sites | Speckyboy - Wordpress and Design フリーフォントを探すのに便利なサイトのまとめ Urban Fonts dafont.com The Font Pool Fonts 500 Type Now SimplytheBest Free Fonts Font Diner Search Free Fonts - over 13,000 free fonts availabl Creativespirits Truetype fonts by Curtis Clark Wanted Fonts Acid Fonts Who Fonted? Abstract Fonts Font Garden 全部見る 非常に沢山あって、今度は探すのが大変そうです。 中から、クールだなと思うフォントの