caraldo.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、caraldo.netが全てとなります。あなたがお探しの内容が見つかることを願っています!
JavaScriptでフォントの色をアニメーションさせるチュートリアル。 特定の文字をアニメーションさせるMooToolsのコードサンプルが公開されています。 ↓↓色がなめらかに変わる↓↓ ↓↓色々変わる↓↓ Flashを使わなくてもこうしたことが可能なのでお手軽に文字を目立たせることが出来ますね。 jQuery版とかもあったらいいですね。 チュートリアルは以下を参照 Flash colors effect with MooTools Framework.
One of the best ways to get into web design is to learn the process of transforming your Photoshop concept into a fully working coded website. Luckily there are various handy tutorials from across the web that document the process of writing a site with HTML and CSS in a step by step guide. This post pulls together the best web design tutorials for coding and also some PSD to HTML conversion tutor
MooTools Zebra Table Plugin Example シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」。 次のようなシマシマにして見やすいテーブルをjavascriptで自動で作成できるMootoolsプラグインのご紹介。 カーソル位置をクリックで色を変更、マウスオーバーでも色変更機能が付いてます。 サーバサイドでやると結構面倒でコードも見にくくなるので、JavaScript で自動でやっちゃうのがスマートですね。 jQuery を使ったものも日本製であるみたいです。 テーブルをゼブラ(ストライプ)模様にできるzebraTable.jsを公開しました
Delivering informative structure is the primary task an interactive user interface should be able to cope with. The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 smart javascript techniques for showing and hidin
Notimo Demos site 利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。 次のリンクをクリックしてみてください。 → 通知を表示してみる ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。 スクロールしても、いやみではない感じにちゃんとついてきてくれます。 使い方もかなり簡単で、必要なJSとCSSを読み込んだ後、インスタンスをnewして show メソッドを呼び出すだけです。 showは2回連続で呼び出しても、ちゃんと1個目と区別して表示してくれます。 <script type="text/javascript"> var notimooManager = new Notimoo(); // 通知を表示 notimooManager.show({ title: 'タイトル', message: 'メッセージ
TextboxList ・Devthought 複数のテキスト入力に適したインタフェース実現用Javascript「TextboxList」。 テキスト入力→改行を繰り返せば、アイテムがどんどん追加されていきます。 以下にデモを設置してみました。 ・テキストに入力して改行でアイテム追加 ・×ボタンでアイテム削除 ・バックスペースでアイテムどんどん削除 複数アイテム、例えば、アイテムにタグを追加したいというな場合に使えますね。 で、このform内容を実際にPOSTした場合、Array ( [test] => a,b,c,d ) のように、カンマ区切りのデータが得られます。 PHPなら、サーバ側で、このデータをexplodeしてリストに出来ますね。 この仕組みを利用したオートコンプリートの仕組みも同時に配布されています。 以下のようにサジェストされます。 これはなかなかクールですね。 Moot
15 Latest And Interesting MooTools Plugins | AjaxLine クールなJavaScriptウィジェットを提供するMooToolsプラグイン集。 jQueryには負けるかもしれないけど、MooToolsにもクールなプラグインが多数存在するようです。 Mif.Tree FormCheck - Form validation class MooTools ContextMenu Plugin TableGear Mootools Slider With Two Knobs 全部見る 関連エントリ mooToolsを使ったクールなウィンドウ作成ライブラリ「Windoo」 mootoolsベースのウィンドウ内別窓作成ライブラリ「Smoothbox」 小気味よく動作するニュースティッカーウィジェット実装サンプル
Best Ever 65 mooTools Plugins and Demos, is it Better than jQuery? : Speckyboy - Web Design, Web Development and Graphic Design Resources jQueryよりも便利?mooToolsの便利プラグイン集。 mooToolsにも多数の便利プラグインが存在しますね。 SmoothScroll スクロールをスムーズにする MultipleSelect 複数選択ウィジェット Typewriter Effect タイプライタ風のエフェクトがつけられる MooColumns レイアウト用ライブラリ News ticker with horizontal scrolling 水平ティッカー MooScroll 独自スクロールバー Show/hide a nice Login
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
MooTools 1.2 Image Protector: dwProtector Image protection is a hot topic on the net these days, and why shouldn't it be? 自サイトの画像の保存をプロテクションする仕組み サイトの画像は、次の方法で保存できますが、それを全部禁止する方法です。 ・右クリック→名前をつけて保存 ・デスクトップにドラッグ&ドロップで保存 ・右クリックで名前をつけて背景を保存 ・背景画像を表示 dwProtect.js をダウンロードして、JavaScriptで以下のように書くだけです。 window.addEvent('domready', function() { var protector = new dwProtector({ image: '/blank.gif', elements:
DiaryTechnology クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 クールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『Create a Simple, Powerful Product Highlighter with MooTools』。クールにアニメーションしてハイライトしてくれるJavascriptだ。 このエントリーでは、かっこよくアニメーションしてくれるインターフェースが紹介されている。HTML、CSSだけでなく、Javascriptも公開されているため、実装するのも容易だろう。ライブラリはMootoolsを使用している。 以下にデモがあるので見ていただきたい。 » Demo クールにアニメーションしてハイ
specky boyのエントリー「Mootoolsのプラグイン Best 41」から、Mootoolsのプラグインをいくつか紹介します。 41 of the Best MooTools Ajax Example Downloads
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
MooTools Mocha UI Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. 軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」。 次のような移動&リサイズ&クローズ&最大化可能なウィンドウを簡単に作成できます。 サイト内のデモでは、タイトルと内容を入力することで、動的にウィンドウを作成できることが紹介されています。 フレームワークには、mootools 使用。 かなり軽快に動いてくれ、ページ内で別窓を作るUIを作る際にはかなり使えそう。 関連エントリ Prototype.jsベ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く