jQueryとmootoolsを同時に使う方法
ネタ元：mootoolsとjQueryを一緒に使う方法 | チバのブログ 以前から試してみよう、試してみよう！と何度も思ってやってこなかったことで、 jQueryとMootoolsを同時にしようしたい！という気持ちがあった。 jQueryとprototypeの同時使用は以前から知っていたのですが、 同じ方法でjQueryとMootoolsの同時使用ができるのですね！ jQueryは指定とかが簡単なライブラリだけど、 いろいろな動作をさせるにはmootoolsの方が動きが綺麗だなと思っていた。 海外のサイトではjQueryも使われているが、 なんとなくMootoolsも多く使われている印象があったので、 今後の参考として、同時に使う方法をメモとして残しておきます。 ポイントは指定の順番らしい ライブラリを読み込む順番が重要で、 順番通りに書かないとエラーで動作しなくなるようだ。 指定の順番は
Video.js - Make your player yours
Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but
Animate.css | A cross-browser library of CSS animations.
Animate.css Just-add-water CSS animations See animations Close list Attention seekers bounce Copy class name to clipboard flash Copy class name to clipboard pulse Copy class name to clipboard rubberBand Copy class name to clipboard shakeX Copy class name to clipboard shakeY Copy class name to clipboard headShake Copy class name to clipboard swing Copy class name to clipboard tada Copy class name t
[CSS]classを加えるだけで多彩なアニメーションが簡単に使用できるスタイルシート -Animate.css
フェードイン、フェードアウト、バウンド、シェイク、回転などのアニメーションを簡単に使用できるクロスブラウザ対応のスタイルシートを紹介します。 ※JavaScriptは一切使用していません。 Animate.css - a bunch of plug-and-play CSS animations [ad#ad-2] Animate.cssの使い方 「animate.css」を外部ファイルとして指定し、アニメーションを加えたいエレメントにclassを付与するだけです。 外部ファイル <link rel="stylesheet" href="animate.css" /> エレメントにclassを付与 <p class="flash">Live long and prosper.</p> Animate.cssの実装 デモでは、classを付与するだけで、多彩なアニメーションが簡単に利用できま
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」:phpspot開発日誌
TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 2011年08月22日- HybridAuth, Open Source Social-Signle-Sign-On Solution for authentication through Facebook, Twitter, Google, Yahoo, MySpace, LinkedIn, AOL, Vimeo, FourSquare, OpenID and other Identity providers TwitterやFacebookへのログイン機能をこれ１個で実装できるPHPライブラリ「HybridAuth」 Facebook, Twitter, Google, Yahoo, Windows Live, MySpace, LinkedIn, FourSquare, O
border-radius.js - Javascriptライブラリ - HTML5.JP
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。 このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas（Canvasがサポートされていれば）を使っています。 ダウンロード Release Date Size (byte) Download
定休日・営業時間に合わせた表示するJavascript
常々不便だなと思っていた定休日や営業時間の固定表示にJavascriptでメスをいれるゾ！ 営業時間や定休日、電話番号などを固定表示しているサイトは多い。というよりはほとんどがその類だ。せっかくWebサーバやPCから現在の時間を取得できるのだから、現在の時間から今日は定休日なのか、今は営業時間なのか、をリアルタイムで表示してやるのが親切ってもんじゃない？ ということで簡単ではあるがあらかじめ営業時間と定休日を指定する事によって以下の分岐をするスクリプトを書いてみたよ。・営業中の場合・定休日の場合・開店前の場合・閉店後の場合の4種類のメッセージをPCの時間から調べて表示します。定休日は曜日による指定のみ。営業時間は曜日毎に指定できます。できれば第３○曜日とかまでやりたかったんだけど面倒だからやめました。これでまさに今、電話しても大丈夫なのかどうかを表示することができるってわけ。OK？http
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件:phpspot開発日誌
リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」が凄い件 2009年08月12日- リッチなウィジェット実装などが可能な超多機能JavaScriptフレームワーク「UIZE JavaScript Framework」 これまたなかなか凄いフレームワークが現れました。 「またフレームワークか」と思った方も、必見の機能があるので以下を参照してみてください。 以下にそのフィーチャーをピックアップしてみます。好きな機能だけを使うっていうのもありかもしれません。 カーソルを合わせるとアニメーションしながら切り替わるリンク 画像切り替えの様々なエフェクト集。これだけでも使いたい 色々なエフェクトで画像が切り替わるスライドショー機能 ソートできるカラーテーブル。こちらもユニーク カラーブレンダー 近似色をソートできるウィ
要注目！HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT
Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDF、HTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日本語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー
PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法:phpspot開発日誌
PHP: Display Adobe PSD files on a web page PhotoshopのPSDファイルをPHPで画像に変換してブラウザに出力してしまう方法。 これは本当に驚きました。PHP PSD Reader というライブラリをインクルードするのですが、複数レイヤーから構成されるPSDも難なく画像にしてくれます。 複数レイヤー。「レイヤー効果」も適用してみました。 難なく画像化に成功してしまいました＾＾； ドロップシャドウ、枠線などの「レイヤー効果」もバッチリ。 スクリプトは超簡単で、imagecreatefrompsd という関数の返り値を imagejpeg などの画像出力関数に渡すだけです。 <?php // ライブラリを読み込み include_once('classPhpPsdReader.php'); // 画像用HTTPヘッダ header("Conten
Video File Format Specification Version 9
Stories about our creative apps and services for everyone
Yahoo! Media Player - 使い勝手のよいWEB用のMP3プレーヤー
Yahoo! Media Player - 使い勝手のよいWEB用のMP3プレーヤー Yahoo! Media Player ブラウザ上で動作するMP3プレーヤーは多く存在しますが、設置が簡単で、それでいて汎用性に優れたものはあまりないような気がします。 プレイリストが読み込めて、連続再生が可能なもので有名なところでは、JW FLV MEDIA PLAYERや、XSPF Web Music Playerなどが挙げられるでしょうが、今回はもっと設置が簡単で手軽に使えるYahoo! Media Playerを紹介します。 Yahoo! Media PlayerはJavaScriptベースのMP3プレーヤーで、実行するには、まずWebページ内にこのスクリプトを呼び込むために以下のコードを記述しておきます。
Flash制作を簡単にするActionScriptライブラリとは？（1/3） - ＠IT
Flash制作を簡単にする ActionScriptライブラリとは？ 特集：Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何？ 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか？ そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか？ そんな人でも、「Tweener」「Paperv
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design Tips To Help You Succeed - Web Design
IDEA * IDEA
IDEA * IDEA
http://www.designwalker.com/2010/07/chart-tool.html
http://library.sagool.tv/
FPDF
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting