意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
RailsでのjavaScriptについて | Rails日本語ドキュメント | Ruby STUDIO
このガイドでは、簡単にリッチなAjaxアプリケーションの構築を可能にする、 Rails組み込みのAjax/JavaScriptの機能について説明します。 このガイドを読むことで、次の事が学べるはずです。 Ajaxの基本 控えめなJavaScript Railsの組み込みヘルパーはどのように手助けしてくれるのか。 サーバーサイド上でのAjaxの扱い方について ターボリンクス(Turbolinks)Gemについて 1. Ajax入門 2. 控えめなJavaScript 3. 組み込みヘルパー 4. サーバーサイドに関する事について 5. Turbolinks 6. その他のリソースについて 1. Ajax入門 Ajaxを理解するには、始めにWebブラウザが通常何を行っているのかを知らなければいけません。 http://localhost:3000と、ブラウザのアドレスバーに打ち込んでEnter
Slimのテンプレートにjavascriptを組み込む - Qiita
doctype html html head script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" script src="js/animatedtablesorter/tsort.min.js" link rel="stylesheet" href="js/animatedtablesorter/style.css" type="text/css" body javascript: $(document).ready(function(){$('table.tableSorter').tableSort();}); table border=1 class="tableSorter" tr th ID th Thumnail 以下略 scriptへのリンク自体はimgを埋め込む時と同じ感じ。 scr
Chrome 拡張機能のマニフェストファイルの書き方 - Qiita
お断り (2022-12-13 追記) この記事はマニフェストのバージョンが 2 の時点で作成したものですが、マニフェストの最新バージョンは 3 であり、Chrome Web Store においてはバージョン 2 の拡張機能が すでに受け付けられない状態 です。 それでもなおこの記事を参照される場合は、公式の マイグレーションガイド も合わせてご確認いただければと思います。 Overview https://developer.chrome.com/extensions/manifest についての自分用おぼえがきです。 マニフェストファイルの書き方にフォーカスしていますので、個々の用語の説明などは端折ったりしています。 記載が必須の項目 以下の項目は、マニフェストファイルに必須です。 manifest_version マニフェストファイル自身のバージョンです。 現在のバージョンは 2 で
Make: JavaScript Robotics
Read it now on the O’Reilly learning platform with a 10-day free trial. O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers. Book description JavaScript Robotics is on the rise. Rick Waldron, the lead author of this book and creator of the Johnny-Five platform, is at the forefront of this movement. Johnny-Fi
Seleniumのスクリーンショットはどうやって撮っているのだろう - Qiita
ことの発端 フレームセットを使用したサイトのテストにおいて、操作を確認するためにスクリーンショットを撮ることにした。 File file = ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE); FileUtils.copyFile(file, new File(path)); TakesScreenshot screen = (TakesScreenshot)driver; Path capture = captureDirectory.resolve(fileName); Files.write(capture, screen.getScreenshotAs(OutputType.BYTES)); 違いはテンポラリーに出力された画像をコピーするか、自分で書き出すかという点。 さて、これを使って取得したスクリーンショット
jQueryプラグインを作る際の7つのルール - ginpeiのブログ
公式のPlugins/Authoringより。自分なりにまとめて再構成しています。 ファイル名は jquery.プラグイン名.js にすること。 jQueryオブジェクトをreturnすること。 要素への繰り返し処理にはeach()を利用すること。 名前は「$」ではなく「jQuery」を使うこと。 thisはjQueryオブジェクトとすること。 メソッドはjQuery.fnオブジェクトに、関数はjQueryオブジェクトに定義すること。 メソッド、関数にセミコロン「;」を付けること。（コード圧縮ツールの都合） 上から4つについては、少し解説します。 ファイル名は jquery.プラグイン名.js にすること。 統一性を取るためと思われます。 プラグインを幾つか使ったことがある方なら、言われるまでもなくご存知かもですね。 例: jquery.debug.js jQueryオブジェクトをretu
jQuery fadeIn(), fadeOut() 2 texts
How I can change 2 texts with fadeIn() and fadeOut() jQuery effects? Here is an example: Apple website. Below the iPhone image is one box, "Hot News Headlines". See how the news changes? One text fades in, then fades out, and the second is coming. I'm new to jQuery so please give detailed code. Thanks!
ChromeでUserScriptを動かしてみた - 積極的にメモっていく姿勢
いま、しょりけんは後ろでDTM研をやっているところです。 syoriken | Free Listening on SoundCloud ここに作品が上がっています。 (宣伝 僕はたまに嗜ませて頂く程度で、皆さんには及ばないので作品は上がっていません！ さて、本題に入ります。 最近はやりたい事は増えるのに、どうしても時間が作れなくて齷齪しておりました。 そこで、ちょっとやってみればいいのでは？ということで、書いてみました。 UserScriptです。しかし、あんまりやる気が無かったので、ネタです。 此方の開発環境は以下の通りです。 OS : Mac OS X Mountain Lion 64bit Editor : vim Browser : Google Chrome 27.x 1. UserScriptとは ブラウザに JavaScript のプログラムを入れ込んでおいて、任意の We
【連載】第一回HTML5でCanvasアプリを作る入門編 ~canvas関連メソッドリファレンス~ - nigoblog
前回ざっくりWEBアプリが来る!という記事を書きました。 というわけで今回はWEBアプリの作り方!特にcanvasを利用したアプリの作り方について書いていこうと思います。かなり内容は入門者向けですので、まだプログラミングを知らないという人でも記事を読みながらプログラミングが出来ると思います。 これも連載形式で書いていこうと思います。 連載が終わる頃にはcanvasでWEBアプリを作れるようになっていることでしょう! 第一回目のテーマは色々やってみようということでcanvas関連メソッドのリファレンスを書いていきます。 参考図書 canvasで出来ること canvasを使う準備 canvasで良く使うメソッド まとめ という流れで書いていきます。 参考図書 参考図書にはこちら。 HTML5 Canvas 作者: Steve Fulton,Jeff Fulton,安藤慶一出版社/メーカー: オ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.hp-stylelink.com/news/2013/10/20131008.php