使えるJavaScript/Ajaxライブラリ80個まとめ:phpspot開発日誌
80 AJAX-Solutions For Professional Coding | Smashing Magazine Web-developers can create amazing web-applications with AJAX. 使えるJavaScript/Ajaxライブラリ80個まとめ、ということで大量のAjaxライブラリが紹介されていました。 Ajax オートコンプリート AJAX AutoSuggest AJAX Autocompleter/ script.aculo.us library AJAX AutoCompleter ... Ajax でその場編集テキスト AJAX inline text edit 2.0 AJAX & CSS Flickr-like Editing Fields AJAX Instant Edit ... Ajaxメニュー、タブ AJA
シンプルで使いやすい７つのフリーフォント:phpspot開発日誌
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. シンプルで使いやすい７つのフリーフォントが紹介されていました。 Web2.0風なサイトを作ったりするのにぴったりなフォントもあります。 Faceplate™ A Gauge Sling Cicle Steiner Existence Light FF Mt FF Clan Narrow Bold 個人的には Steiner がカッコいいんじゃないかと思ってます。
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
超クール画像ギャラリーが作れるJavaScriptライブラリ:phpspot開発日誌
Galeria 超クール画像ギャラリーが作れるJavaScriptライブラリ。 次のような画像ギャラリーのサンプルライブラリが公開されています。 カーソルを合わせると画像が浮き上がり、クリックで拡大します。 Flashを使ったようなUIを実現でき、覚えておけばふとしたところで使える筈。
CSSだけでメニューにツールチップヒントを付けるテクニック:phpspot開発日誌
CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. CSSだけでメニューにツールチップヒントを付けるテクニック。 次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。 JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。 関連エントリ
テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック:phpspot開発日誌
Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法１ 次のDIVがあったとして、 <div class="resize"></div> 次のＣＳＳを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更
サイトに使えるCSSベースのクールなメニューナビゲーション8個:phpspot開発日誌
8 web menus you just can't miss There's no point to discuss the importance of a web menu, how it's done and how it looks. Many people may remember a website for it's great looking menu. サイトに使えるCSSベースのクールなメニューナビゲーション8個が紹介、ダウンロード公開されています。 サイトのナビゲーションデザインはシンプルだけど使い勝手のよいものにしたいですね。 そこで、サンプル集があればサイトにあったナビゲーションを考えることが出来そうです。 CSSベースの色んなタイプのナビゲーションがあるのでサイト作りに役立ちそうですね。 関連エントリ Webデザイナー/開発者が覚えておくとよい２５のテクニック
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」:phpspot開発日誌
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 （※↓は画像です） 知っておくと、レイアウトを崩さないでテーブルのようなＵＩ が必要な部分で使えそうですね。 設置方法は次の様に簡単 １．ライブラリを読み込み <script type="text/javascript" src="webtoolkit
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
Ajaxライブラリまとめサイト「MiniAjax」:phpspot開発日誌
MiniAjax.com / A showroom of nice looking simple downloadable DHTML and AJAX scripts Ajaxライブラリまとめサイト「MiniAjax」。 有用JavaScriptライブラリのリンク集ですが、チョイスがよくて、AjaxやDHTMLにて出来ることが一通りまとまっている感じです。 ライブラリをお探しの方は、JavaScriptist の「ライブラリ活用編 - JavaScriptist」なんかも参考にして頂けるかと思います。
超クールなフリーフォント５種:phpspot開発日誌
5 More Freefonts: Chara, Preface, Colaborate | Smashing Magazine High quality freefonts are always nice to have, but usually they are extremely hard to find. 超クールなフリーフォント５種。 フォントは色々入れておくとデザインの際に役立ちますね。気にいったフォントは入れておきましょう。 (フォントの入れすぎはディスクやメモリ容量を食ったりするので注意が必要ですが) Chúcara Preface Light Zalamander Colaborate Lindau フォント関連エントリ 超クールフォント10選 Web 2.0なサイトのロゴに使われているフォントへのリンク集 WindowsVista標準の日本語フォント開発版を試してみまし
超クールなドット絵背景画像がダウンロードできる「Kaliber10000」:phpspot開発日誌
Kaliber10000 As the name implies, this section of K10k is a resource for deliciously pixellated patterns. 超クールなドット絵背景画像がダウンロードできる「Kaliber10000」。 ウェブサイトの背景画像なんかに使える画像が大量に公開されています。 例えば次のような画像のダウンロードが可能です。 ページの背景にするとそれだけでオシャレなサイト、といえるような芸術的な作品が数多く公開されています。 尚、このページの画像はユーザ投稿型のようで、誰でもファイルアップロードして投稿することが可能のようです。 URLなんかも登録できるので、自分の作品を投稿してページに来てもらう、という使い方も出来るでしょう。 これはすごいですね。 関連エントリ 用利用、加工を含めてフリーで使える「ゆんフリー写
Adobe提供のAjaxフレームワーク「Spry」のサンプル集:phpspot開発日誌
Spry Samples In this section, we provide samples that feature small examples of a specific behavior in the Spry Framework. Adobe提供のAjaxフレームワーク「Spry」のサンプル集。 あまりSpryに関する情報は無かったように思いますが、こうしたサンプルが沢山用意されていると親しみやすいものですね。 Auto Suggest Sample XML をツリー表示 動的ページングサンプル 関連ページ prototype.js逆引きサンプル集 scriptaculous逆引きサンプル集
DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」:phpspot開発日誌
DHTML Suite DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」。 次のようなデスクトップアプリ風インタフェースをWebアプリに実装したいときになかなか便利です。 他にも、エクスプローラ風のテーブルウィジェット 次のようなリッチなタブＵＩ実装ライブラリ など、リッチなWEBアプリを作るのに便利なライブラリが一式になってダウンロードできます。 他にもフォルダツリーやツールチップなどの機能も盛り込まれているようです。 おなじみ、dhtmlgoodiesの配布ライブラリなのでなかなか注目ですね。 関連エントリ JavaScriptでMacOS XのDock機能を実現する Yahoo UI Libraryを拡張した超リッチなコンポーネント集 Javascriptを使ったブラウザ上で動作するExcelシートライブラリ Ajaxな有用コンポーネント集
サイトのCSSを見たままリアルタイムに編集するツール色々:phpspot開発日誌
サイトのCSSを見たままリアルタイムに編集するツール色々。 WEBデザイン開発において、編集→リアルタイム反映というのはなかなか効率がよいですね。 ということで、各種、リアルタイムCSS編集ツールをピックアップします。 FireFox拡張 or スタンドアロンアプリ FireBug - リアルタイムに指定部分のCSSが切り替え可能(参考記事)。CSS以外にも便利機能満載。 EditCSS - FireFox拡張で、エディタがインストールされ、エディタ編集と同時に即座にCSSが反映される。 CSSVista - IEとFireFoxの画面で一括プレビューが可能。 Web Developer ToolBar - WEBデザイナー必須のFireFox拡張。CSSの直接編集も可能。 他にもCSSやアクセシビリティに関する便利機能満載。 ブラウザ上で動作するオンラインツール たぬきのしっぽ - CS
フリーで使える超クールアイコン集「The Last Order Icons」:phpspot開発日誌
The Last Order Icons フリーで使える超クールアイコン集「The Last Order Icons」。 次のようなかなりクールなアイコンが商用以外であればフリーで使える模様です。 かなりいい感じですね。 イラストレータとかで書いてるっぽいですね。 関連エントリ フリーのアイコン配布サイトいろいろ フリーのWeb2.0風の16x16アイコンを配布しているサイト集
フリーのアイコン配布サイトいろいろ:phpspot開発日誌
More Symbols, Buttons and Icons For Free | Smashing Magazine We continue to collect best freeware and stock symbols, buttons and icons. Here are few sets we’ve stumbled upon over the last few weeks. フリーのアイコン配布サイトいろいろ。 ライセンス形態はそれぞれ違いますが、基本的にフリーなのでWEBアプリなどに使えそう。 Toolbar Icons - ロイヤリティフリー IconCool - 登録すればフリーで利用可能 Gallery 2 Web Icon Set - オープンソース。何でも使ってOK 14 sets in .PSD-format Twotones Miniicon-Set
HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」:phpspot開発日誌
DOM Tool HTMLをJavaScriptのDOM作成文にしてくれる「DOM Tool」。 次のように、HTMLの <div> 要素を JavaScript の document.createElement の形に変更してくれます。 HTMLをそのままJavaScriptのコードに記述するとプログラム的にコードが読みにくくなったりしますが、このツールを使い、DOMの形式にすることが出来ます。 DOMの形式でJavaScriptプログラミングを行いたい方にとって、これはなかなか便利ですね。 JavaScript: DOM-HTMLを操作するための仕組み
JavaScriptistを作る際に活用したツールや素材あれこれ:phpspot開発日誌
オンラインでBasicやC++、JavaScriptの開発＆実行が出来る「codeide」 次の記事 ≫：.htaccess ファイルを簡単作成「.htaccess Editor」 JavaScriptist を作る際に活用したツールや素材あれこれ。 先日、JavaScript 情報サイトの JavaScriptistを公開しましたが、その際に利用したツールや素材のサイトを紹介しておきます。 Silk Icon サイトに使ってるアイコンは殆どこれを使っています feed icons RSS用のアイコン ドリームラインジェネレーター 一部、画像生成のためにドリームラインジェネレーターを使わせていただきました。 参考：「ドリームラインジェネレーター」で誰でも簡単に目を引くクールな画像を作る方法 dp.SyntaxHighlighter JavaScriptのみでコードの色分け表示が可能なライブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌