運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
![特集:jquery.jsを読み解く|gihyo.jp … 技術評論社](https://cdn-ak-scissors.b.st-hatena.com/image/square/7241c583676d54fc052c4388a6edd25e4c7f280b/height=288;version=1;width=512/https%3A%2F%2Fgihyo.jp%2Fassets%2Fimages%2Fgihyojp-ogp.png)
The <canvas> element is a new element apart of HTML5. It allows you to draw shapes, paths, images, and other drawings on a blank element called the canvas. Creating a canvas Before you can draw on the canvas, you need to create one. Of course, the canvas can be any width/height you want. You may also wish to give the canvas an ID (for future reference). Note: Setting width and height properly As a
2011年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年はCSS3の影響もあってかアニメーションのエフェクトが目立ちました。また、Resposive Web Design用の可変ものや動画・テキストを扱ったものも多かったですね。 [ad#ad-2] 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
必要になるかも知れないので、 今のうちにかき集める作業です。 よくみる無限スクロールサイトを 実装できるjQueryプラグインです。 あんまり使ったこと無いので 注意点なんかのメモ書きもして おきます。 というわけでいつもの自分用メモなので、これから触る用のまとめです=オススメプラグインとかじゃないです。無限スクロールと言っても要素が無くなれば止まります。当たり前ですが。 Tumblrとかギャラリーとかでよく見かける無限スクロールを実装できるやついろいろ。WPデザインギャラリーでも実装していますが、これは5509氏のプラグインによるものです。便利っすー。 infinite scroll jQuery Masonryっていう、boxを段々にするやつと一緒に使ってるのを以前実装しました。結構よかった。WPプラグインもあるみたい。 infinite scroll Endless Scroll ち
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、テキスト・リンク関連のjQueryプラグインを紹介しています。 テキスト表示を印象的にする動きを付与!jQueryプラグイン「jQuery TextFX」 アクセス時にタイトルなどを動きをもたらせると目がいき印象的になります。 また本文にも注目をしてくれる可能性が高まります。 jQueryプラグインのjQuery TextFXを使用すると簡単に実現できます。 via:jQuery TextFX
The Enterprise-ready JavaScript UI Framework The top choice for developers building data-rich, modern web and mobile applications.
限られたスペースを有効活用するため、また初めは隠しておきたいコンテンツがある。 そんな時はjQuery Sliding Panelsを使用すれば簡単に導入できます。 sponsors 使用方法 jQuery Sliding Panelsからjquery.slidepanel.pack.jsとjquery.panels.css、さらに矢印の画像を、jQueryからjquery.js(v1.2.1)をダウンロードします。 <link rel="stylesheet" href="http://yourdomain/jquery.panels.css" type="text/css"> <script src="http://yourdomain/jquery-1.2.1.js" type="text/javascript"></script> <script src="http://yourd
Web Themes & Templates WP Themes HTML Templates Shopify Themes Bootstrap Themes Free WordPress Themes Video After Effects Templates Apple Motion Templates Video Effects Lower Thirds Stock Footage Audio Royalty Free Music Sound Effects Best Selling Royalty Free Music Logic Pro Files Background Music Code JavaScript Animations Android App Development iOS Development WordPress SEO Plugins WooCommerce
Pluploadはオープンソースのファイルアップローダーで、jQueryを使用してファイルのアップロードやリサイズ処理を行う事が可能になっています。 アップロードには複数のプラットフォームから選択可能で、FlashやSilverlightを使用する事も可能。 作者はTinyMCEの開発者の方だそうです。これは期待できますね。 詳しくは以下 機能 各テクノロジーについて何ができるかは、表にまとめられています。HTML5はJavaScriptだけで画像のリサイズなんかもできちゃうんですね。 以下のような機能があるようです。 複数ファイルのアップロード アップロード進捗状況の表示 最大ファイルサイズの制限 画像のサイズを変更する ユニークなファイル名の指定 複数ファイルのアップロード処理はCMSでは必須なので、こういったライブラリがオープンソースで公開されるのは開発者には嬉しいですね。 ソースも
使いやすそうなjqueryプラグイン をまとめました。最低でもIE6,7でも 動いてくれる事を前提にしています。 他サイトでよく見かけるプラグインで、 個人的に実用性のあるプラグインと 思ったものをまとめます。 IE6、7でも動いてくれて、実用性のあるjQueryいろいろ。確認したブラウザはIE6,7とChromeです。他は大抵動くんじゃないかな(適当)。 デモで画像が透過されていないのもありますが、他のjsライブラリでIE6でも透過可能(DD_belatedPNG.jsとか)なのでそこは抜きにして動作する事を条件に挙げています。主観入ってるので参考程度に・・ Horizontal Subnav マウスオーバーでサブメニューがプルダウンするcssメニューです。サブメニューは横に広がってくれます。 Horizontal Subnav Simple jQuery tabs コンテンツをタブで切
フラッシュでもアニメーションさせる際に使える手法ですが、それをjavascriptで実現する事が可能になってます。 デモでは円の動きやジグザグな動きを実現しています。 デモ ベジェ曲線上を移動させる事ができるようですね。 こういったアニメーションがGUIで作れたらデザイナーの方はもっとjavascriptを好きになるんじゃないかぁといつも思ってしまいます。 アニメーションに興味のある方はダウンロードしてみてください。
jQuery基礎文法最速マスター はやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> jQueryの記述場所 基本的にはscript要素内の次の箇所に記述していきます。 <script type="text/javascript"> $(function(){ /*ここにjQueryを記述*/ }) </script> 上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。 <script type="text/javascri
【1Page】 先生:Webページの操作を 劇的に簡単にする『jQuery』だが 実はもう1つ 便利な機能がある それは通信機能だ 遊:通信機能? 先生:パソコンやサーバーから ファイルを読み込む機能だ 遊:どう便利なの? 先生:たとえば CSVのデータを 置いておく そのファイルを 必要に応じて 読み込めれば便利だ 【data1.csv】 遊,6,12,8 麗,98,89,92 守,73,82,74 【data2.csv】 安見 遊,女の子 高美舎 麗,女の子 内木 守,男の子 CSVファイルは『UTF-8』で書く 『UTF-8』については 『WebページのJavaScript』の 『「文字コード」について』を参照 【2Page】 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jque
Animated Portfolio Gallery Today we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio item. The image can be enlarged by clicking on it, making it appear as an overlay. Article Demo Annotation Overlay Effect Today we will create a simple overlay effect to display annotations
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く