公式サイト ライブラリを使ったデモ 参考記事 ライセンス:不明 prototype.jsを使ったWYSIWYGエディタ。高度なHTML編集を見たまま行えるライブラリをprototype.jsを使って実現しています。
公式サイト ライブラリを使ったデモ 参考記事 ライセンス:不明 prototype.jsを使ったWYSIWYGエディタ。高度なHTML編集を見たまま行えるライブラリをprototype.jsを使って実現しています。
TurboWidgets, presented by TurboAjax Group TurboWidgets are JavaScript client-side controls that provide a rich user-interface experience for AJAX-style web applications. 以前紹介した、AjaxなphpMyAdmin のページで、TurboWidgetsというAjax部品集がリリースされていたので紹介。 例えば、次のイメージはTurboGridというコンポーネント。かなりクオリティ高いです。 その他にも、次のようなプログレスバー(ぐんぐん伸びるイメージがカッコいい) 高品質なボタンコンポーネント集(一見デスクトップ風) ツリービュー(アイコン表示できる) タブコンポーネント(Appleのサイトっぽい) ドラッグアンドドロッ
DHTML Suite DHTMLで超クールなリッチWebアプリケーションを作成する「DHTML Suite」。 次のようなデスクトップアプリ風インタフェースをWebアプリに実装したいときになかなか便利です。 他にも、エクスプローラ風のテーブルウィジェット 次のようなリッチなタブUI実装ライブラリ など、リッチなWEBアプリを作るのに便利なライブラリが一式になってダウンロードできます。 他にもフォルダツリーやツールチップなどの機能も盛り込まれているようです。 おなじみ、dhtmlgoodiesの配布ライブラリなのでなかなか注目ですね。 関連エントリ JavaScriptでMacOS XのDock機能を実現する Yahoo UI Libraryを拡張した超リッチなコンポーネント集 Javascriptを使ったブラウザ上で動作するExcelシートライブラリ Ajaxな有用コンポーネント集
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
Kaliber10000 As the name implies, this section of K10k is a resource for deliciously pixellated patterns. 超クールなドット絵背景画像がダウンロードできる「Kaliber10000」。 ウェブサイトの背景画像なんかに使える画像が大量に公開されています。 例えば次のような画像のダウンロードが可能です。 ページの背景にするとそれだけでオシャレなサイト、といえるような芸術的な作品が数多く公開されています。 尚、このページの画像はユーザ投稿型のようで、誰でもファイルアップロードして投稿することが可能のようです。 URLなんかも登録できるので、自分の作品を投稿してページに来てもらう、という使い方も出来るでしょう。 これはすごいですね。 関連エントリ 用利用、加工を含めてフリーで使える「ゆんフリー写
willmayo.com CSS Speech Bubbles Easy to customize speech bubbles coded in CSS and valid XHTML 1.0 strict. CSSでオシャレな吹き出し形式のブロックを作成する「CSS Speech Bubbles」。 次のような吹き出し形式のblockquote要素を作成するサンプルが配布されています。 HTMLコードは次のようにクリーンにできます。 <div class="bubble"> <blockquote> <p>Works great for blog comments!</p> </blockquote> <cite><strong>John Smith</strong> on 1st January 2007 at 3:55pm</cite> </div> 角丸部分にはCSSだけでなく、
Showdown - Markdown in Javascript テキストをXHTMLに変換するJavaScript製「Markdown」ライブラリ。 次の画像を見てください。左の入力欄にテキストを入力すると、リアルタイムで右のウィンドウにHTMLに変換されたページが表示されます。 要は、Markdownとは、WIKIのような文字列変換を行うもののようですね。 ライブラリ自体はダウンロードして自分のツールに独自に組み込んだり出来そうです。 JavaScriptで出来ているということで、サーバに依存せず、アイデア次第で面白いもの/便利なものが作れるかもしれませんね。
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」 2007年02月21日- Suckerfish HoverLightbox Redux - Monday By Noon When the original Suckerfish HoverLightbox was published, I was honestly surprised at the amount of attention it received. JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Suckerfish HoverLightbox Redux」。 次のような写真の見せ方のサンプルファイル(html+JavaScript+CSS)がダウンロードできます。 ↓ マウスオーバーで画像レ
Even More Rounded Corners (Fluid, Alpha-transparent, Single Image Approach) Using CSS There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with various visual effects. CSSを使った透明角丸ブロック表現「Even More Rounded Corners」 次のような角丸かつ、光彩かつ、半透明なブロックを作成しているサンプル。 JavaScriptは使っておらず、また、1個のPNG画像で表現しているそうです。 なかなか美しい表現なので、ページデザインのどこかに使えるかも。 尚、IE6では動かないようなので、注意。 関連エントリ Wii
pic2color 写真をカラーリストにする「pic2color」。 画像のURLを入力することで、画像によく使われている色味を抽出することが可能です。 色のクリックで、#abcdef のような、HTMLカラーとして取得でき、ページレイアウトを作成する際に役立てることが出来るでしょう。 美しい画像を見つけた際は、このツールにかけてみて、よい色合いがないか、試してみるとよいかもしれませんね。 関連エントリ オンラインで動く、色, CSS, robots.txt, .htaccess等のジェネレーター色々 PHPで画像に使われている色を簡単に抽出する方法 画像の色をWEB上で解析「Color Palette Generator」 HPとGDを使って色々作るサンプル Color Palette Generator - 画像からカラーパレットを作成
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫:花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを1,2,3と開いていって、2に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
Simple Round CSS Links ( Wii Buttons ) You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags 1 image one CSS file . Wiiブラウザ風CSSボタンを作成「Wii Buttons」。 CSSと画像が配布されており、実装方法は次のように簡単かつクリーン。 しかし、class名に button はちょっと使い勝手が悪そうなので、別名に変更した方がよいかもしれませんね。 <!-- アンカータグの場合 --> <a class="button" href="?d=-1"><span>ボタンラベル</span></a> <!-- フォームボタン --> <span class="button"><input type="submit
GIGAZINEのログは膨大な量になっているため、以前まで使っていた「ApacheLogViewer」では毎日のアクセス解析に時間がかかりすぎるのと、今後のさらなるログの増大を考えると不安を覚えたので、いろいろと試してみた結果、「Visitors」というアクセスログ解析ソフトが超高速でよかったです。 大体、10万行を1秒~2秒ほどで処理してくれます。しかもサイトへの人の流れをフローチャート化することも可能。ユニークユーザーベースで解析してくれるだけでなく、検索ボットは除外したり、特定のリファラをブラックリストにしてノーカウントすることも可能。非常にすばらしいです。 また、Linux版だけでなく、Windows版も一応提供されています。やろうと思えばWindowsで解析することも可能です。 というわけで、実際にインストールして実運用するまでの手順をメモしておきます。参考になれば幸い。 ■解析
45 Fresh, Clean and Impressive Designs | Smashing Magazine Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. SmashingMagazineにてクールなサイト集が紹介されていました。 いくつか個人的にいいなと思ったものを抜粋。 全部見る クリーンというか、パッと見綺麗というか、一度見たら忘れないデザインに思えます。 こういったサイトを参考にカッコいいサイトを作っていきたいですね。 関連エントリ 2006年を彩った50の超美麗CSSデザインサイト集
無名関数のメリット 前回の記事では、無名関数を関数リテラルに割り当てるという操作を紹介した。なぜ、このような記法により関数を定義するのだろうか。 まず、無名関数を採用するメリットには、「命名する必要の無い関数をシンプルに記述できる」「(複数ファイルのJavaScriptライブラリを読み込んでいるときなどにおいて)、既存の関数/変数名との衝突を回避できる」という点が挙げられる。 前回の冒頭で述べた通り、JavaScript関連ライブラリが数多く存在し、多くのシーンでそれを活用している今日、既存のライブラリやソースコードと名前が衝突しない事がどれだけ重要であるかは想像に難くないだろう。 それでは、命名する必要の無い関数とはどのようなものだろうか。また、無名関数だと変数名の有効範囲はどのように決まっているのだろうか。ここで、前回に引き続きFirebugで以下のコマンドを実行し、動作を確認してみよ
Tableless forms consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. CSSでデザインされたテーブルレスでクールなフォームサンプル。 次のようなフォームのサンプルがダウンロードできます。 HTMLとCSS、画像がセットになっているので、ちょっと編集していろいろと応用できそう。 ログインの横にアイコンが表示されていると直感的かつ、オシャレなフォームになってますね。デザイン面で参考に出来そうです。 関連エントリ ブログのコメント部分やコメントフォームのデザインを色々集めたサイト
Flash Professional 8 が入ったStudio 8が登場 2005年10月12日発売! パッケージ内容 Dreamweaver 8/Flash Professional 8/Flash Video Encoder/Fireworks 8/Contribute 3/FlashPaper 2 STUDIO 8 Commercial STUDIO 8 アップグレード版
最優秀アンチウイルス・ソフトは「AntiVirusKit」,最下位は「Microsoft OneCare」 アンチウイルス・ソフトウエアの比較を行う独立系組織AV-Comparatives.orgが米国時間2月28日,2007年2月版の調査報告書「Anti-Virus Comparative No.13」を発表した。マルウエアのサンプル100万種以上を使ってアンチウイルス・ソフトウエア17製品を調べたところ,すべてのマルウエア検出に成功したという。ただし,全17製品がそろって検出できたマルウエアは全体の約64%にとどまった。 調査は,各アンチウイルス・ソフトウエアの状態を2月2日時点の最新版に更新し,2月1日時点で既知のマルウエア100万種以上を検出できるかどうか確認した。その結果,検出されないマルウエアは1種類もなかったが,調査対象の製品数を16製品に減らすと78種類の検出漏れが生じた。
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
WYSIWYGにWebページを開発するWebサービスはいくつもあるが、その中でも注目されているもののひとつにWeeblyがある。Weeblyについてはこちらに詳しい説明があるので参照してほしい。 5日(米国時間)、そのWeeblyの改善版が公開された。追加された主な機能は次のとおり。 編集およびページ管理機能を改善 MS Word/Excel、PDFなどのデータをアップロードする機能を追加 画像の編集機能(編集、切り出し、サイズ変更、リタッチ)を追加 フォトギャラリーへ要素を追加、"contact form"要素を追加 Google Maps/YouTubeなど既存の要素を大幅に改善 マルチカラムレイアウトを追加 Weeblyがサポートしていない機能を活用するためのカスタムHTML要素機能を追加、自身のドメインを使えるように機能を追加 要素の追加や機能の追加などは便利なものだが、とくにイン
Pioneers of the Inevitableは1日(米国時間)、オープンソースのジュークボックスソフト「Songbird 0.25」の開発者向けプレビューを公開した。対応プラットフォームはWindows 2000/XP/Vista、Linux(Fedora Core 5/Ubuntu Dapper 6.06で動作確認)、PowerPCまたはIntelプロセッサを搭載したMac OS X 10.4。 今回のリリースでは、アドオン「Songbird iPod Devices Support 1.0.0」の追加により、全プラットフォームでiPodに対応。接続したiPod上のサウンドファイルをリスト表示し、Songbirdから直接再生することが可能になった。同アドオンにより、iPod上のサウンドファイルのローカルへのコピーと、Songbirdのライブラリと同期させる機能もサポートされた。M
MiG InfoComは2日(デンマーク時間)、MiG Layoutのサイトにおいて、同プロダクトの最新版となる"MiG Layout 2.1"を公開した。公開された成果物はJava SE 1.4/1.5を対象としている。クイックスタートドキュメント、ホワイトペーパ、JavaDoc APIなどドキュメントも充実しており、扱いやすい状況が整っている。プロダクトそのものはThe BSD Licenseのもとで公開されているオープンソースソフトウェア。 MiG Layout (The Layout Manager for Swing & SWT)はSwingおよびSWTのために開発されたレイアウトマネージャ。フローレイアウト、グリッドベースレイアウト、絶対指定レイアウト、グループ&ドッキングレイアウトなどが提供されている。同プロダクトはThe BSD Licenseのもとで公開されているので自由
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く