紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 slideView 動きが面白い画像のスライドショー。 Mop Slider コンテンツのスライダー。バージョンアップ。 simpl
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 slideView 動きが面白い画像のスライドショー。 Mop Slider コンテンツのスライダー。バージョンアップ。 simpl
mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ&ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく
Expand table rows with jQuery - jExpand plugin 折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」 デモページ 右端の▼をクリックでペロンと中身が開けるテーブルをjQueryプラグインで簡単に実装できるようです。 仕組みとコードについても解説されています。 使い方は簡単で、$(#sometable").jExpand(); のように簡単に設定することが出来るようです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」 タブ、ツールチップなどクールなUIコンポーネント実装jQueryプラグイン「jQuery
JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」 2009年07月22日- Recursive “pretty date” - James Padolsey JavaScriptで日付をTwitter風に○分前といった表記に変換できるライブラリ「niceTime」。 ここで紹介されている関数を使えば、JavaScript の Date オブジェクトに渡せる文字列を渡せば、何分前といった表記に自動で変換してくれます。 niceTime( "Sun Mar 01 20:20:02 +0000 2009" ); のように書くと、 "4.65 months ago" といった感じに変換 niceTime( "July 19, 2009 12:06:00" ); のように書くと "26 seconds ago" といった感じに変換 ちょこっ
I have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here they are: Creating a Keyboard with CSS and jQuery ↓ In this tutorial you’ll learn how to cre
Web-based HTML Editor, WYSIWYG editor, or rich text editor, is a web component that let users enter rich text input within the browser. Most of the time, these html editors are used within content management systems where administrators or authors can easily create posts and contents from the backend system. Without talking much, let’s see these powerful Web-based HTML Editors. 1. FCKeditor FCKedi
This tutorial will show you how to turn unordered list (UL) into an fancy social bookmarking sharing box. You will see how to style such box, how to add interactivity, and how to create jQuery plugin that will turn any UL into sharing box. Download source View demo The idea is to have all of the buttons shown inline and partially hidden. When user hovers over a button it slides to the right and
Syntax highlighting is very important especially when we want to show our code example on the blog. By enabling the syntax highlighting on the blog, readers can read the code blocks easier. There are a lot of free and useful syntax highlighting scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby
Step 1 – What You’ll Need This tutorial would not be anything special without the graphics, so let’s make sure you’ve got those under control. I’ve included the ones used in demo as part of the attached files, now would be a good time to download them if you intend to use them. Secondly, in addition to the standard jQuery file, we are also using the easing plugin. We have worked with this plugin i
jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」 2009年07月09日- jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA jQuery用データビジュアライズ用プラグイン「jQuery Visualize Plugin」。 グラフ描画用の仕組みは多数ありますが、jQueryプラグインで簡単&使いやすい上に、デザイン性もなかなか高いグラフが描画できます。 クリックで編集可能なテーブル表示 デザイン性の高い棒グラフ 同様に、デザイン性の高い線グラフ 円グラフ 色やサイズなんかもオプションで自由に調整可能みたい。 ブラウザ上でのパラメータ調整画面
コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 2009年07月06日- jquery-fontavailable - Google Code コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」。 ページの font-family でフォントタイプを指定したりしますが、そのフォントが入ってるかどうかを調べて挙動を変えることができるjQueryプラグインが存在するようです。 $(document).ready(function() { if($.fontAvailable('tahoma')) { // フォントが存在したら行う処理 } else { // フォントが存在しなかったら行う処理 } }); 動作のメカニズムとしては、まず、ダミーのhidde
Introduction I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. The way it works is different
How to Make a Slideshow with a Transparent PNG Frame Today’s tutorial is headed back to the basics. We’re focusing on a common question for those inexperienced to working with layered PNG’s in web layouts. The end result probably won’t do much new to excite veterans, but it will hopefully save you a headache in the long run — especially if you’re new to the idea. Side Note: The slideshow today was
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く