交尾しまくって1匹で種の絶滅を食い止めた絶倫カメ「ディエゴ」が現役引退へ
100歳を過ぎてから800匹以上の子孫を残して自らの種の絶滅をたった1匹で救ったエスパニョーラゾウガメ「ディエゴ」の現役引退が発表されました。CNNやガーディアンなどの大手報道各社が、ディエゴの引退を惜しむ記事をそれぞれ報じています。 Parque Nacional Galápagos - 投稿 https://www.facebook.com/parquegalapagos/posts/2501860959924937 Sex machine: prolific Galápagos tortoise saves his species | Environment | The Guardian https://www.theguardian.com/environment/2020/jan/13/tortoise-saves-species-sex-drive-galapagos- Die
[コードリーディング] link_toの:methodと:confirmの挙動 - Qiita
クライアントサイドの動作 data-confirmとdata-methodはapplication.jsで読み込んでいるjquery-ujsでハンドリングされる。 https://github.com/rails/jquery-ujs/blob/master/src/rails.js まずlinkClickSelectorに指定されているa[data-confirm], a[data-method]のクリック時にイベントが発火し、confirmとmethodの処理がハンドリングされる。 // Link elements bound by jquery-ujs linkClickSelector: 'a[data-confirm], a[data-method], a[data-remote]:not([disabled]), a[data-disable-with], a[data-dis
![[コードリーディング] link_toの:methodと:confirmの挙動 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/951bbacbfd33abf2b63752ba5bf5c51c7952c3c9/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUUzJTgyJUIzJUUzJTgzJUJDJUUzJTgzJTg5JUUzJTgzJUFBJUUzJTgzJUJDJUUzJTgzJTg3JUUzJTgyJUEzJUUzJTgzJUIzJUUzJTgyJUIwJTVEJTIwbGlua190byVFMyU4MSVBRSUzQW1ldGhvZCVFMyU4MSVBOCUzQWNvbmZpcm0lRTMlODElQUUlRTYlOEMlOTklRTUlOEIlOTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWVkMGM0ZjkxZDBhNThkMmI1OTIyNjFkY2IwYTZlYzRm%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hvaGVpMTkxMyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTJjNDVjMjRiNjczNGI0NWI4YTJmM2QxOGEyYzdjMzM%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D148d1eed2648bc6101a488a1c42f6ae0)
いまさら聞けない、HTML5カスタムデータ属性の基本と使いどころ
HTML5のマークアップ仕様で追加された「カスタムデータ属性」。でも何のためにあるのか、どう使うのか、説明できますか？ この記事ではHTML5カスタムデータ属性の使い方を説明します。また、Web開発者の仕事に役立つユースケースも紹介します。 なぜカスタムデータ属性か？ 多くの場合、DOM要素が異なれば、それに応じた情報を格納する必要がでてきます。そういった情報は読者にとっては不必要かもしれませんが、開発者にとっては簡単にアクセスできれば仕事がずっと楽になります。 たとえば、Webページにいろいろなレストランを載せたリストがあるとします。レストランで出される食事のタイプやレストランまでの距離についての情報を格納する場合、HTML5が登場する前は、 HTMLのclass属性を使っていたと思います。もし、ユーザーが特定のレストランについて知るために、レストランのidも格納する必要が出てきたらどう
Rails の View(ERB) でカスタムデータ属性を設定したい時の方法 - Beeeat’s log
Rails の ERB で View のコードを書いている時にカスタムデータ属性( custom data attributes )を使いたい時がある． developer.mozilla.org HTML なら素直にdata-*という形式で書けば良いが， Rails ではどのように書くかを調べてみても中々見つけられなかった． そんな中，幸運にもチームメンバーが知っており，設定方法を教えてもらったため今回はそれについてまとめておく． 設定方法 例えばdata-delayというカスタムデータ属性を作りたい場合，ERB では以下のように data: { delay: 属性名 } という形式で書けば良い． 今回の場合はdata-delayという属性を設定した場合を記述する． <%= image_tag('', alt:'テスト画像', data: { delay: image_path('hog
data-* - HTML: ハイパーテキストマークアップ言語 | MDN
HTML チュートリアル HTML の基本 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基本 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
texta.fm • A podcast on Spotify for Podcasters
