dfltweb1.onamae.com – このドメインはお名前.comで取得されています。このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
jQuery.selection - テキストの選択範囲を自由自在に扱えるjQueryプラグイン MOONGIFT
おお、これはかなり使えそう！ テキストボックスやテキストエリアに入力された文字列に対して何らかの処理を行いたいと思うことは良くあります。さらにキャレットのある場所や選択されている文字に対して処理を行うのも良くある処理ではないかと思います。 例えばWYSIWYGエディタを作ったり、選択文字を別なサービスに飛ばしたりといった使い方が考えられます。意外と選択範囲を取り出すというのは面倒な処理なのですがjQuery.selectionを使うとごくごく簡単にできそうです。 テキストボックスの場合 例えばテキストボックスの例です。 $('#sel-input').click(function(){ alert($('#input').selection()); $('#input').focus(); }); $('#input').selection() で選択されている文字が取れます。 こんな感じ
今から３分で，Chromeブラウザの独自アドオンを自作してみよう （jQueryを使ったクローム拡張機能を，開発および動作テストする入門） - 主に言語とシステム開発に関して
今から３分で，Chromeブラウザのアドオン（拡張機能）を作ろう。 ここで作るのは，「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。 アドオン自作の入門，初歩の第一歩にうってつけ。 作成に必要なツールは，なんとメモ帳だけ。 JavaScriptやJSONなどの「Web系技術」を使って，ちょこっとコーディングするだけで完成してしまう。 わずか３分で作成とインストールを終えるので，今すぐに始めてみよう。 （１）フォルダを作ってjQueryを格納 （２）マニフェストを作成 （３）メイン処理を実装 （４）ブラウザにインストールする （５）動作テスト 使い終わったら 参考資料 （１）フォルダを作ってjQueryを格納 まず，どこでもいいので，適当な名前のフォルダを作成する。 フォルダ名は「hoge」でよい。 下記URLから，jQueryをダウンロード。 先のフォ
無料麻雀ツール＆アプリ 点数計算＆牌効率ラボ
JavaScriptでプログラミングした麻雀の小粒プログラム集を公開しています。稚拙なものばかりですが、プログラムのヒントや参考になれば幸いです。
jQueryでappend関数を使ってDOM要素をネストさせたいとき - knt45の日記
2013-01-30 jQueryでappend関数を使ってDOM要素をネストさせたいとき jQuery 以下の書き方だと、 $('<div>').append('<ul>').append('<li>') こうなってしまうので、 <div> <ul></ul> <li></li> <div> こう書くのが正しい。 $('<div>').append($('<ul>').append('<li>')) 以下のように欲しい形になる。 <div> <ul> <li></li> </ul> <div> knt45 2013-01-30 09:59 jQueryでappend関数を使ってDOM要素をネストさせたいとき Tweet Share on Tumblr 広告を非表示にする コメントを書く « jQueryで連続したDOM要素のいずれかをクリ… Rubyのディレクトリ・ファイル操作周りの…
最新動画PARK
2024.07.19 【スマスロ 真・北斗無双】期待獲得枚数5000枚の上位STを引けたら勝ち！引けなきゃ負け！ 「パチンコ 真・北斗無双」を打ってる感覚になって楽しかったです。 0:00 オープニング 0:38 稼働開始 25:29 結果発表 撮影協力店舗：ビックマーチ宇都宮店様 ※撮影ホール様には全て「撮影許可」を頂いております。 ———◆◆———— 下手のり子(58歳男)と申します。 四日に一回、20時頃更新予定です！た […]
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
BootstrapベースのクールなグリッドUI実装「jQuery Bootgrid」:phpspot開発日誌
Examples - jQuery Bootgrid BootstrapベースのクールなグリッドUI実装「jQuery Bootgrid」 次のような使いやすそうなデザインのグリッドをBootstrap上で実現したい場合に使えそうなjQueryプラグイン。 ソートやページネーションページネーションアド基本的な機能はそろっています。 関連エントリ Bootstrap標準のModalを進化させた「Bootstrap-modal」 フリーのBootstrapテーマが満載「Bootstrap Zero」 お手軽に使えるBootstrapベースのオートコンプリート実装jQueryプラグイン「completer」 Bootstrap3のテーマをWYSIWYGでカスタマイズ可能な「Bootstrap Magic」 Bootstrapなサイトでの通知に使えるレスポンシブなjQueryプラグイン「PNoti
レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+ | co-jin
サイトのコンテンツをリッチに見せるだけでなく、省スペースで数多くのコンテンツを効率的・効果的に表示できるスライダー。 今回は無料で利用できるバリエーション豊富なスライダー用jQueryプラグインをご紹介します。 画像のスライダーから、レスポンシブ対応、フルスクリーン対応のほか、目を引くアニメーションによる画像の切り替えやコンテンツそのもののスライダーなど、多くのプラグインを集めてみました。 今後のコンテンツ制作にお役立ていただければ幸いです。 Swiper レスポンシブ対応で、スマホなどのタッチデバイスでのフリッカブル（スワイプ）にも対応したコンテンツスライダー。 オートプレイのほか、縦スライドや3Dエフェクト、ネスト構造（コンテンツにさらにスライダーを設置できる）対応と、幅広い表現が可能な、使い勝手のよいスライダーです。 設置も簡単、スワイプの反応もよい。 本当にオススメのスライダーです
node.jsでjQueryのようなセレクタを使ってスクレイピングする方法
前置き 2013年12月11日のすごい広島で「node.jsでjQueryのようにスクレイピングする方法」を調べたので、まとめておきます。 本題 node.jsでjQueryのようなセレクタを使ってスクレイピングする方法ですが、node.jsのパッケージモジュールの「cheerio」を使います。 簡単な使い方 var $ = require("cheerio").load(htmlData); var title = $('title').text(); 実際の使い方 今回はこのブログの「node.jsのテスティングフレームワークであるjasmine-nodeをインストールして使ってみる」をスクレイピングして、ページタイトルを取得するソースコード(scraping.js)を書いてみました。 cheerioのインストール $ npm install cheerio スクレイピングするコードを
【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript ｜ KLUTCHE
最近ではページ内でリンクを飛ばす際には当然の仕様となっているスムーススクロールを簡単なタグで実現します。 どうだい？スムースだろ？ デモページ 個人的にこの動きが大好きです。 1時間くらいならずっとスクロールを見ていられます。 鬱の時なら半日はいけます！ HTML <a href="#bottom">下へスムース！</a> なにも工夫しなくて良いです。 ただ＃をつけてアンカーポイントへリンクを貼るだけです。 jQuery依存のスクリプトなので、head内でjQueryを呼び出しましょう。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> その後に以下のスクリプトを書きます。 <script type="text/java
atpages.jp - このウェブサイトは販売用です！ - atpages リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jquery.min.mapってなんだよ - メモメモ＾＾
ふとjqueryのお仕事をしていたらchromeでエラーが出てた。私は何もしてないのに... 原因はjquery1.9以降でデバッガが便利になるという代物らしい。一般ユーザ関係なし で、解決策は、ブラウザの設定云々とあるが、一般ユーザにそんなことさせるのもおかしいし、無視していいですよ、そのエラーとも言えないだろう。 解決策その1 サーバにjqueryを置くのを辞める。googleのCDNを使うってこと。 ここからコピってくる 解決策その2 サーバ側でjquery.min.mapを持ってしまう 以下が例で1.9.0です。1.9.1が欲しければ書き換えればOK http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.map で、これを jquery.jsと並べればエラーはでなくなる。 参考：ChromeでjQueryの「ソース
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). （意訳：バグを報告するとき
ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』
以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや
[jQM] jQuery Mobile 1.2.0 で追加された3つの機能（＋α）をざっくりレビュー！ | @mekemoke
スマートフォン対応サイトを作るのに便利な jQuery Mobile の最新版が発表されました。新機能としては、ポップアップ、折りたたみが可能なリスト、リストの自動振り分け機能がお目見え。動作も速くなったようです。 via: Announcing jQuery Mobile 1.2.0 Final | jQuery Mobile jQM 1.2 を使うためには、jQuery の 1.7.0以上（～1.8.2・20121003現在）が必要です。以下のように外部から読み込んでもOK。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></s
![[jQM] jQuery Mobile 1.2.0 で追加された3つの機能（＋α）をざっくりレビュー！ | @mekemoke](https://cdn-ak-scissors.b.st-hatena.com/image/square/f98a412e999d32f6cc6e0d522b7aa0ed5fe254e6/height=288;version=1;width=512/http%3A%2F%2Fmekemoke.jp%2Fwp%2Fwp-content%2Fuploads%2F2012%2F10%2FjQuery-Mobile-Demos-and-Documentation-1024x5991.png)
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Content Slider | Responsive jQuery Slider | bxSlider
http://hosicame.com/blog/javascript/zerolipboard
HTML5では、div要素やh要素、p要素などのブロックレベル要素をa要素で囲っていいんです。 | MJ-WAVE.COM