jQueryコーディングの基本的なことからプラグイン化までの注意書き（Webデザイン）
jQuery でのプログラミングの、基本的なことからプラグインを作るところまで、初心者の頃につまずいた部分を中心にまとめてみました。公式ドキュメントなどで使われている、少し難しい印象の専門用語も織り交ぜながら書きました。jQuery で Webデザインのパーツを作るときの注意書きという感じです。 Webサイトを作るとき、私的にはとってもよく使っている jQuery。jQuery を勉強しだしたころは、自分の書いたコードが動いたりするのが、とっても楽しくて嬉しかった覚えがあります。私はあまり JavaScript でのコーディングが得意ではないので、今でもよく jQuery を使ってコーディングしてます …。 以前：CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました という記事を書いたのですが、今回はその復習 & jQuery
配列の重複をはじく、もしくは重複を取り出す - Qiita
重複を削除する方法はいくつか方法があるみたいですが、 filterを使用する事で非常に楽に実現出来ます var a = [1,2,3,3,2,2,5]; // 重複を削除したリスト var b = a.filter(function (x, i, self) { return self.indexOf(x) === i; }); // 重複のみをリスト var c = a.filter(function (x, i, self) { return self.indexOf(x) !== self.lastIndexOf(x); }); // 重複を検出したものを重複しないでリスト var d = a.filter(function (x, i, self) { return self.indexOf(x) === i && i !== self.lastIndexOf(x); }); co
はてなブログ | 無料ブログを作成しよう
わたし的棚ぼた一万円選書 急に千葉さんに手渡された封筒、開けてみたら1万円札が1枚。何ごとかと思えば、同期の出張を代わったお礼をもらったらしい。 「葵はワンオペで育児してくれたから」と半分わけてくれました。 泡銭の1万円 これはもう、わたし的1万円選書をしろという思し召しなのでは……
背景に動画をフルスクリーンで表示できるjQueryプラグイン
tubular, a YouTube Backg... / BigVideo.js - The jQuery... / jQueryで背景に動画をフルスクリーンで表示す...他...全3件
Diesel
Diesel S.p.A. will be able to process identifiers, biographical data, and contact and sales data for advertising activities on the social networks to which I am subscribed or sending advertising or direct sales material, carrying out market research, sending commercial promotions and discounts reserved to customers, commercial information - possibly also customized - with automated contact methods
HOME | CYOKODOG
2022-07-14 WebpackベースのVueプロジェクトのビルド環境バージョンアップの作業記録 2022-07-13 動的サブセッティング下でのWebフォントのCanvasへの適用方法 2022-04-12 アップロード処理の周辺実装のざっくりまとめ 2020-10-16 セッション切れ時のフロント側の制御について 2020-10-10 Code Splitting と非同期コンポーネント 2020-07-30 Enum の代わりに使う union 型 2020-07-09 Redux Toolkit の EntityAdapter をさわってみる 2020-06-04 Redux Toolkit の AsyncThunk をさわってみる 2020-05-28 Redux Toolkitをさわってみる 2020-04-08 foreverとAutomator.appでMac起動時にH
jQuery の each() の continue / break は・・・ : 地潜の日記
2009年03月14日 18:41 カテゴリプログラム・スクリプト jQuery の each() の continue / break は・・・ No Comments No Trackbacks 忘れそうなので覚書〜 JavaScript で配列なんかをイテレーション処理する時は、for を使うのが一般的。 ● JavaScript の書き方 for (var i=0, numArity=arrHOGE.length; i<numArity; i++) { (なんか処理); } jQuery を使ったときは、イテレーションのために each を利用できる。 ● jQuery の書き方 $(arrHOGE).each( function(i) { (なんか処理); } ); 便利だねー。 ■ continue / break のやり方 さて、for でグルグル回している処理を 「その時だ
galleria.io - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
［み］Instagram APIを使ってタグで絞った画像を表示する方法
あれだけ苦戦したInstagramのAPIですが、ものすごくカンタンに利用できるプラグインがありました。しかも、このプラグインは、タグを指定することができます。ググり方が悪かったんですかね？昨日検索したときには出てこなかったんですが… Instagram APIを使ってタグで絞った画像を表示する方法 では、さっそくタグで絞った画像を表示する方法を紹介します。まずは、InstagramのクライアントID（CLIENT ID）を取得するのに、開発者登録をしてください。 Instagram Developer Documentation 次に、jQueryのプラグインをダウンロードします。 potomak/jquery-instagram @ GitHub これで、準備完了です。次は、コードです。 JavaScript [cc lang=”JavaScript”] [/cc] HTML [cc
Clingify - a jQuery plugin to make stuff sticky (Demo)
« Back to GitHub Repo Purpose Clingify is a jQuery plugin that allows you to easily create “sticky” or “fixed” headers, navs, and other page elements. Once you scroll past the targeted element, the plugin will toggle a CSS class that gives the element a fixed position, pinning it in place on the page. Features There are many other sticky plugins out there, but here are a few reasons to consider Cl
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
【jQuery】formのリセットをで3行で書いてみる at softelメモ
フォームのリセットといえばこれ。 <input type="reset" value="リセット" /> しかしこれは各フォームのデフォルト値に戻すだけで、もともと何か値を持っていた場合、空欄の状態にはなりません。 （とあるフォームにて） そこでjQueryで各フォームを空欄・未選択にできるような処理を書いてみます。 その際、hiddenだけは空欄にしないようにしてみます。 $(".clearForm").bind("click", function(){ $(this.form).find("textarea, :text, select").val("").end().find(":checked").prop("checked", false); }); こんな感じになります。 DEMO ラジオボタン が選択されていても。 なにかチェックされていても。 テキストエリアでも。
ガントチャート上でドラッグ＆ドロップでタスクの並び替えられるようにしてほしい – Customer Feedback for Backlog
ベトナムにおけるBacklog活用のリアル ベトナムにおけるBacklog活用のリアル backlog Backlog の Amazon EKS クラスターを Blue-Green アップデートするためにやっていること Backlog の Amazon EKS クラスターを Blue-Green アップデートするためにやっていること backlog 2023年最も素晴らしいプロジェクトを表彰！Good Project Awardを開催しました 2023年最も素晴らしいプロジェクトを表彰！Good Project Awardを開催しました backlog Backlog開発者が夫婦の不和をなくす家庭管理アプリを作ってみた話 Backlog開発者が夫婦の不和をなくす家庭管理アプリを作ってみた話 backlog 創業からもうすぐ80年の老舗企業！ミートボールでおなじみの石井食品様で、プロジェクト
Creasty | Yuki Iwanaga
Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
jPages
What does it do? jPages is a client-side pagination plugin but it gives you a lot more features comparing to most of the other plugins for this purpose, such as auto page turn, key and scroll browse, showing items with delay, completely customizable navigation panel and also integration with Animate.css and Lazy Load. Apart from all its features, the main diference for the other pagination plugins
jQueryでマウス座標を取得 | Typhooon
jQueryのイベントハンドラはコールバック関数の最初の引数にイベントオブジェクトを渡します。イベントオブジェクトの clientX プロパティと clientY プロパティによってマウスカーソルの位置を取得することができます。 イベントオブジェクトを操作するために関数にイベントオブジェクトを渡すためには、次のように引数にイベントを指定します。 [javascript] function(e){ // } [/javascript] 例えば、イベントオブジェクトの target プロパティはイベントを発行した DOM 要素への参照を返します。 次のコードは、イベントが発生しているオブジェクトを取得して DOM 要素のID 名（ #contents ）を表示させます。 [javascript] $(document).click(function(e) { var ele = $(e.tar
[JS]jQueryのプラグイン100選 -2012年総集編
2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっています。 動画関連 画像ギャラリー関連 画像拡大関連 画像配置・キャプション関連 背景画像関連 コンテンツスライダー・カルーセル関連 ナビゲーション関連 レイアウト関連 レスポンシブ関連 パネル・ボックス関連 ツールチップ・ティッカー関連 アニメーション関連 エフェクト関連 スクロール操作・スクロールコンテンツ関連 リスト関連 テーブル関連 フォーム関連 テキスト関連 見出し抽出関連 ローディング関連 エレメント・コンテンツ生成 その他 動画関連
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryプラグイン - サイトに紙を折ったような効果を付加 - oriDomi
http://yp.xenophy.com/?p=71
JavaScriptでIEかどうかの判別 - シンプルシンプルデザイン JavaScript