MooTools Mocha UI Mochaで生成したフロートウインドウは、拡大・閉じるボタンがあり、マウスのドラッグ操作での移動も可能です。 ユーザーの操作によって、新たにフロートウインドウを生成することも可能で、日本語の表示も問題ありませんでした。 Mochaはmootoolsのプラグインで、ダウンロードできるファイルには「mootools-beta-1.2b1-compatible.js」が入っていました。

線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル 2007年11月21日- CornOnCob : SwooshyLines Tutorial In this tutorial, I will show you how to make an abstract ribbon-like effect using only Adobe Photoshop 線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル。 次のような美しい画像を作成するチュートリアルです。 PhotoSohpであれば、素材を使わずとも、こういった美しい画像が作れます。 応用することで、オリジナルの美しい画像が幾通りも作れそう 関連エントリ PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル 煙風エフェクトをカッコよく作るPhotoS

Firefox 3 ベータ版は、下記ページよりダウンロードできます。 Firefox web browser | International versions: Get Firefox in your language Firefox 3 の開発者向け新機能 Firefox 3での開発者向けの主な新機能です。 ※引用先にあるように各項目は追加・編集されることがあります。 ※下記のものは、2007年11月21日のものです。 Firefox 3の開発者向けの新機能：CSS display プロパティの値 inline-block と inline-table が実装されました。 font-size-adjust プロパティが全てのプラットフォームで動くようになりました。以前は Windows でしかサポートされていませんでした。 color に対する rgba() と hsla() のサポート

PHP Tag Cloud Tutorial | Prism-Perfect.net Well, it's actually so simple it's not really a tutorial at all so much as a snippet with a bit of explanation. But I've had some people ask how it's done, so here's how I do it.PHPでMySQLからデータを取ってタグクラウドを作成するサンプルが公開されています。 MySQLテーブルのテーブル名とカラム名(id,クラウド対象カラム名)、 そしてフォントの最大サイズ、最小サイズを指定することで簡単にタグクラウドが生成できます。 次が出力されるタグクラウドのサンプル例 「PHP用タグクラウド生成ライブラリ（HTML_TagCloud）

いいね！ 0 ツイート B! はてブ 44 Pocket 2 pearのライブラリを使うことで今流行りのTagCloudが簡単にPHPで実装できる。 ライブラリはPEAR :: PEPr :: Details :: HTML_TagCloud、日本の方が作られたようだ。ソースを見ていただければわかるが、非常にシンプル。 ここで紹介する内容ではないが、非常に簡単だったので、参考までに。。 まずはインストールをする必要があります。 wget http://catbot.net/src/HTML_TagCloud-0.0.4.tgz pear install http://catbot.net/src/HTML_TagCloud-0.0.4.tgz あとは下記のようなサンプルソースを書くだけ。シンプルで非常に便利。 <?php require_once(‘HTML/TagCloud.php’);

それなりブログ 20台後半からWebエンジニアに転生した人が書く、プログラム・無駄口とかのそれなりのブログ 管理人: kjirou　　座右の銘: 「三度の飯より、四度の飯」 タグクラウドの大きさを決めているアルゴリズムはどうなってるのかなと、PHPのTagCloud.phpと、Rubyのtagcloud-rubyを読んみました。 両方ともCSSセレクタ生成等が処理の中に入ってしまっており、ライブラリとしてはやや微妙な感じ。（元のPerlの実装に合わせているからだと思いますが） なので、アルゴリズムだけ貰おうかと。 【最も基本的なアルゴリズム】 最終的に、各タグの大きさは25段階の範囲で区分される。 ソース内ではこれを level と読んでおり、0-24の範囲で指定している。 level算出方法は以下の通り 1. 最もタグ付けされている回数が多いタグの回数を取得し、それの平方根を求

軽快なWebページを実現するにはYSlowなどの分析ツールを使って問題点を洗い出し、対策をとる方法が便利だ。軽快化にはいくつもの方法があるわけだが、なかでももっとも簡単で基本的な方法がページで使っているCSSやJavaScriptのコードを圧縮することである。すでに圧縮ツールとしてはJSMinやDojo compressor、YUI Compressorなどがある。 しかし逆はどうだろう。圧縮されたJavaScriptを逆に見やすいソースコードに展開しなおすツールがあってもいい。自身が作成したソースコードの整形や、Webページで利用されているJavaScriptソースコードの解析に利用できる。ここではそんなツールとしてEinars "elfz" Lielmanis氏の開発した「JS Beautifier」を紹介したい。 整形前のJavaScriptソースコード JS Beautifierで

flickrGallery is a jQuery plugin for embedding flickr photos into a webpage.  Plugin considers a Gallery to be a list of Albums (similar to Flickr’s Collections).  Albums are considered to be photosets. AUTHORPaul T. http://www.purtuga.comhttp://ptflickrgallery.sourceforge.net/DEPENDECIESjQuery.js http://docs.jquery.com/Downloading_jQueryLICENSECopyright © 2007 Paul T.  (purtuga.com) Dual licensed

twitter facebook hatena google pocket HTMLのタグには、HTMLやCSSなどを記述するところに使用するcodeと呼ばれるものがあります。 codeは閲覧する人に見やすい表示を心がける必要があります。 jCodeViewerでは自動でコードを整形してくれます。 sponsors 使用方法 jCodeViewerから、jquery.jcodeviewer.pack.jsとjcodeviewer.cssを、jQueryからjquery.jsをダウンロードします。 <link href="http://yourdomain/jcodeviewer.css" rel="stylesheet" type="text/css"> <script src="http://yourdomain/jquery.js" type="text/javascript"></s

liScroll (a jQuery News Ticker made easy) 1.0 Last updated friday, april 22 2011 What's this? liScroll is a jQuery plugin that transforms any given unordered list into a scrolling News Ticker jquery.li-scroller.1.0.js 10/10/2007The first thing that most Javascript programmers 10/10/2007End up doing is adding some code 10/10/2007The code that you want to run 08/10/2007Inside of which is the code th

haccordion, a simple horizontal accordion plugin for jQuery haccordionは、ver.0.1でリリースしたばかりですが、スピード調節や適用するクラス名の変更のオプションにも対応しています。

"/> Animated InnerFade with JQuery Un diaporama animé avec effet de mouvement et conforme au w3c lundi 29 octobre 2007 Présentation Ce plugin pour jQuery est une extension du travail de Torsten Baldes : InnerFade with JQuery. Nous avons ajouté : un effet de mouvement sur les images à la manière des animations en flash. Cet effet est désactivable. la possibilité de piloter l’affichage : boutons ’pr

This shop will be powered by Are you the store owner? Log in here

米Mozilla、JavaScript EvangelistのJohn Resig氏 Adobe MAX Japan 2007やユーザコミュニティなど、いくつかの講演を目的として来日したJohn Resig氏に、将来のFirefoxで搭載されるJavaScript実装やjQueryについて所見をいただいた。John Resig氏はMozillaでJavaScript Evangelistを務める人物。jQueryのメイン開発者でもある。業務ではMozillaでJavaScriptコミュニティとの調整役を務め、夜間や週末はjQueryの開発に没頭している。同氏が見るJavaScriptの未来はFirefoxのみならず、ほかのWebブラウザにとっても重要なものだ。 Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え ちょうど1年ほど前の2006年11月7日(米国時間)、

ついに正式リリース！ いまこそ知りたい!! Silverlightは次世代のJavaScriptフレームワーク？ Microsoft MVP 松原晋啓 2007/9/7 編集部注：具体的なSilverlightアプリケーションの開発の仕方について詳しく知りたい読者は、本稿と併せて連載「.NETを知らない人でも分かるSilverlight入門」や連載「Silverlight 2で.NET技術をカッコよく使おう」もご参照ください。また、最新版のSilverlight 3に関しては、記事「Silverlight 3、ここがすごい！」をご参照ください。 いまこそ知りたい、“Silverlight”って何？ Silverlightは、マイクロソフトによって開発されたクロスブラウザ（※1）・クロスプラットフォーム（※2）・高度なメディアエクスペリエンスや RIA（Rich Interactive Ap