タグ

2007年11月21日のブックマーク (23件)

  • [JS]フロートウインドウを生成するスクリプト -Mocha

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

    vv_boow_vv
    vv_boow_vv 2007/11/21
    Mochaで生成したフロートウインドウは拡大・閉じるボタンがあり、マウスのドラッグ操作での移動も可能です。ユーザーの操作で新たにフロートウインドウを生成することも可能で日本語の表示も問題ありませんでした。
  • 線を組み合わせてリボン状に加工し、美しい画像を作成するPhotoShopチュートリアル:phpspot開発日誌

    線を組み合わせてリボン状に加工し、美しい画像を作成する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

    vv_boow_vv
    vv_boow_vv 2007/11/21
    アクションを使って線のレイヤーを複製する…。んー。どーでしょー。
  • Firefox 3 ベータ版のユーザーエージェントと開発者向け新機能

    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() のサポート

    vv_boow_vv
    vv_boow_vv 2007/11/21
     font-size-adjust プロパティが全てのプラットフォームで動くようになりました。
  • PHPタグクラウドのチュートリアル:phpspot開発日誌

    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.PHPMySQLからデータを取ってタグクラウドを作成するサンプルが公開されています。 MySQLテーブルのテーブル名とカラム名(id,クラウド対象カラム名)、 そしてフォントの最大サイズ、最小サイズを指定することで簡単にタグクラウドが生成できます。 次が出力されるタグクラウドのサンプル例 「PHP用タグクラウド生成ライブラリ(HTML_TagCloud)

    vv_boow_vv
    vv_boow_vv 2007/11/21
     MySQLテーブルのテーブル名とカラム名(id,クラウド対象カラム名)、そしてフォントの最大サイズ、最小サイズを指定することで簡単にタグクラウドが生成できます。
  • Web2.0ナビ: PHPで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’);

    vv_boow_vv
    vv_boow_vv 2007/11/21
     pearのライブラリを使うことで今流行りのTagCloudが簡単にPHPで実装できる。
  • HTML の見出しをめぐる議論 - 我的春秋

    先週は数日にわたって頭痛がひどくて、意識的に電脳から距離を取るようにしていたんですが、この周辺の話題については、色々な意見が出ていて楽しく拝見してました。 ただ、ひとつ気になったのは、思った以上に多くの方々が、現有の...ないし自分の周辺で目にするモデルの枠内だけで仕様書の内容を捉えてしまっているところ。 色んな可能性や考え方に応えられてこそ標準 徳保隆夫さんが多様な価値観を認める仕様でなければ、世間に通用しない。(HTML に装飾要素は必要)と指摘されているように、標準規格というのは、来 可能な限り、あらゆるユースケースを(需要の小さいユースケースや、例外的なユースケースをも)極力踏まえて、多様な需要にたえうるモデルに組み上げることが求められます。どちらかというと、モデルは需要の高い要求よりも、需要の低い要求によって、その輪郭や柔軟性が決まってきます。 ですから、石川一靖さんの「見出し

    HTML の見出しをめぐる議論 - 我的春秋
    vv_boow_vv
    vv_boow_vv 2007/11/21
     異なるレイヤーの情報が重なってひとつを成しているイメージは、具体的に class を使って明示的にレイヤーの違いをマークアップしちゃいます。class の挿入場所は必ずしも hn 要素にするとは限りません。
  • 我的春秋: タグクラウドのマークアップ

    最近 巡回しているサイトで、ちょっと面白いエントリーがあったので、紹介がてら、自分でも考えてみようかと。 Marking Up a Tag Cloud (24 Ways) del.icio.us, Flickr, Technorati の (X)HTML ソースを比較しながら、タグクラウドの適切なマークアップについて考察しているエントリーです。といっても、著者の Mark Norman Francis は、これらにいきなりダメ出しをしています。いわく、「問題は、みんな間違っていることだ」(The problem is, everyone's doing it wrong.)と。

    我的春秋: タグクラウドのマークアップ
    vv_boow_vv
    vv_boow_vv 2007/11/21
     ここではアルファベット順に並べるので、タグリスト全体を順序つきリストで括る(ol要素を使う)。microformats 対応サイト向けに、これがタグであることが分かるようにしておく(rel='tag' を挿入する)。
  • タグクラウドのアルゴリズム (それなりブログ)

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

  • 圧縮ツールの逆、JavaScriptの整形ツール - JS Beautifier登場 | エンタープライズ | マイコミジャーナル

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

    vv_boow_vv
    vv_boow_vv 2007/11/21
     圧縮されたJavaScriptを逆に見やすいソースコードに展開しなおすツールがあってもいい。自身が作成したソースコードの整形や、Webページで利用されているJavaScriptソースコードの解析に利用できる。
  • jquery.flickrGallery.js

    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

  • コードの表示を整形するjavascript「jCodeViewer」

    twitter facebook hatena google pocket HTMLのタグには、HTMLCSSなどを記述するところに使用する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

    vv_boow_vv
    vv_boow_vv 2007/11/21
     またオプションとして適当な文字列をハイライト表示できます。
  • HugeDomains.com

    Captcha security check katapad.com is for sale Please prove you're not a robot View Price Processing

    HugeDomains.com
    vv_boow_vv
    vv_boow_vv 2007/11/21
     jQuery」にはDOMが読み込まれた時点で、おまじないをかけて(このへん訳できへんかった!)onloadとみなしてユーザ定義関数を実行してくれます。というわけでめっさ速くなる。そのおまじないコードがこれです。
  • jQuery超初心者にありがちな6つの間違い - あじゃぱー

    顔に見える?最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…

    jQuery超初心者にありがちな6つの間違い - あじゃぱー
  • jQuery liScroll - a jQuery News Ticker

    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

    vv_boow_vv
    vv_boow_vv 2007/11/21
     リストをマーキーのように横流しに表示するニュースティッカーのプラグイン。
  • ライブドアブログ|無料で豊富な機能が充実

    絵日記 グルメ ライフスタイル・暮らし ペット 旅行海外 日記 ニュース スポーツ ビジネス・経済 趣味・創作 音楽 書籍・雑誌 漫画・アニメ ゲーム 受験・学校 ヘルス・ビューティ IT・家電 学問・科学 まとめ

    ライブドアブログ|無料で豊富な機能が充実
    vv_boow_vv
    vv_boow_vv 2007/11/21
     JSを主に扱っている開発者が持つ共通の悩み事として、(煩雑になりがちな)HTMLの組み立て処理がありますが、jTemplatesを用いればその悩みも解決することができそうです(もちろんjQueryによる開発での)。
  • [JS]シンプルなアコーディオンタイプのスクリプト -haccordion

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

    vv_boow_vv
    vv_boow_vv 2007/11/21
     水平型のシンプルなアコーディオンを実装できるjQueryのプラグインです。ver.0.1でリリースしたばかりですが、スピード調節や適用するクラス名の変更のオプションにも対応しています。
  • Animated InnerFade with JQuery - OpenStudio Communication sur Internet

    "/> 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

    vv_boow_vv
    vv_boow_vv 2007/11/21
    写真をアニメーションさせるプラグイン。
  • Bridge Word

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

    vv_boow_vv
    vv_boow_vv 2007/11/21
    プラグイン・ディレクトリ(Plugins | jQuery Plugins)に沢山のプラグインが公開されていますが、作り方を調べてみたら、かなり簡単に自分でも作成できるよう。以下の記事は分かりやすいチュートリアルになっています。
  • 【インタビュー】Firefox 4のJavaScriptは超速い! - John Resig氏、jQueryとTamarinを語る (1) Tamarinの寄贈から1年、Firefox 4とFlash10でお目見え | エンタープライズ | マイコミジャーナル

    米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日(米国時間)、

    vv_boow_vv
    vv_boow_vv 2007/11/21
    Firefox 3やFirefox 4の登場は、JavaScriptで動作するAjaxアプリケーションのエクスペリエンスを大幅に改善することになるだろう。今後のリリースに注目しておきたい。
  • Firefox 3のβ1リリース

    Firefox 3はGecko 1.9レンダリングエンジンをベースに、従来のバージョンよりセキュリティや使い勝手などを向上させている。 セキュリティに関しては、ロケーションバーのアイコンをクリックすると、サイトのオーナーの情報が表示される機能や、マルウェア配布サイトのブラックリストに載っているサイトにアクセスすると警告を表示する機能(β1ではまだ有効ではない)が加わった。アドオンのバージョンを自動的にチェックして古くて安全でないものを無効化する、偽装の疑いがあるページのコンテンツを表示しないといったセキュリティ対策も組み込まれている。また、ユーザーが実行可能ファイルをダウンロードしたときにウイルス対策ソフトに通知し、Vistaのペアレンタルコントロールにも対応する。 使い勝手の面については、パスワード管理やアドオンのインストールが容易になり、ブラウザ再起動後やネットワーク設定の変更後にダウ

    Firefox 3のβ1リリース
    vv_boow_vv
    vv_boow_vv 2007/11/21
     さらに信頼性が向上し、メモリリークを修正、開発者がWebアプリケーションにオフライン機能を追加できるようになった。
  • 【特集】Silverlightは次世代のJavaScriptフレームワーク?(1/3) - @IT

    ついに正式リリース! いまこそ知りたい!! 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

    vv_boow_vv
    vv_boow_vv 2007/11/21
     グラフィックはベクターベースであるため、任意のサイズへの拡大/縮小可能で、多彩で柔軟性の高いグラフィックを表現できます。JavaScriptをベースとしているため、XHTML、Ajax、Java、PHP、Apacheなどの連携も行えます。
  • Silverlight開発を始めるための基礎知識(1/3) - @IT

    編集部注:稿はSilverlight 1.0の入門連載です。Silverlight 2アプリケーションの開発の仕方について詳しく知りたい読者は、連載「Silverlight 2で.NET技術をカッコよく使おう」をご参照ください。また、最新版のSilverlight 3に関しては、記事「Silverlight 3、ここがすごい!」をご参照ください。 次世代のRIA(Rich Interactive Application:表現力/操作性に優れたアプリケーション)技術として脚光を浴びているマイクロソフトのSilverlightですが、まだまだ事例も少なく、資料も日語ではほとんど用意されておりません。そのため、言語としては多くの優れた機能と可能性を秘めているSilverlightの恩恵を受けることが簡単ではありません。 そこで、連載では初心者から中級者を対象にSilverlightが持つ機

    Silverlight開発を始めるための基礎知識(1/3) - @IT
    vv_boow_vv
    vv_boow_vv 2007/11/21
    Silverlightはベンチマークでネイティブ環境のJavaScriptより300〜1000倍の速さである。Silverlight自身はFlashのような単体技術ではなく、ほかの技術との連携による「共存共栄」の形で存在します。
  • Leopardの調子が悪い原因が分かりました - 無限責任社員の日記 ver.2

    vv_boow_vv
    vv_boow_vv 2007/11/21
    LeopardとAirMacの相性が悪いようです。ひどい人では、認識すらしないとのこと。GMailとMail.appの同期は非常にソフトに負担がかかるようで、最初に同期するときに、あらかじめGMail側のTrash内とSpam内を空にしてみました。