タグ

2014年7月23日のブックマーク (12件)

  • CodeLunch.fm

    Technical topics that software engineers talk about at lunch.

    CodeLunch.fm
  • Episodes | mozaic.fm

    > next generation web podcast by @Jxck ep154 Monthly Platform 202406 第 154 回のテーマは 2024 年 6 月の Monthly Platform です。

    Episodes | mozaic.fm
  • ShopTalk – A live podcast about front end web design and UX.

    A weekly podcast about building websites from Dave Rupert and Chris Coyier. Please subscribe where you prefer. Join us on Discord by supporting the show on Patreon. Send in Discussion Topic →or Ask a Question or whatever January 29th, 2024 Where Will The Web Be 12 Years from Now? We've got your feedback as well as our thoughts on where we all think the web will be in 2036 - as we celebrate 12 year

    ShopTalk – A live podcast about front end web design and UX.
  • Rebuild - Podcast by Tatsuhiko Miyagawa

    Rebuild A Podcast by Tatsuhiko Miyagawa. Talking about Tech, Software Development and Gadgets.

    Rebuild - Podcast by Tatsuhiko Miyagawa
  • Automagic Podcast

    毎年年末に出演してくださっている、フリーランスの web サイトクリエイター 千貫りこさん(@henyorico)がゲスト。働き方は大きく変わらなかったものの、コロナ禍で講師の仕方が変わった千貫さん。Web デザインの敷居がどんどん高くなっている中、どう若手に手を差し伸べたら良いかお話しました。 よかった探し • A podcast on AnchorJimdoSTUDIOコロナ禍で変わったこと100人相手にリモートで教える難しさ教え方・接し方の変化ハンズオンの授業をどう変えたか今でも HTML の学習は重要構造化をすることで変わるデザインの捉え方見積もり / コストを考えるのは難しいあえて運用のことを話さないお客さんに何にお金をかけてもらうか一度にたくさんのことを伝えないまず『泳がす』 STUDIO でデザインエンジニアをされている菅原孝則さん(@oligin020 )と、作るプロセスに

    Automagic Podcast
  • JavaScript Garden

    JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献

  • JavaScript オブジェクト入門 - ウェブ開発を学ぶ | MDN

    完全な初心者はこちらから!ウェブ入門ウェブ入門基的なソフトウェアのインストールウェブサイトをどんな外見にするかファイルの扱いHTML の基CSS の基JavaScript の基ウェブサイトの公開ウェブのしくみHTML — Structuring the webHTML概論HTML 入門HTML を始めようヘッド部には何が入る? HTML のメタデータHTML テキストの基礎ハイパーリンクの作成高度なテキスト整形文書とウェブサイトの構造HTML のデバッグ手紙のマークアップコンテンツのページの構造化Multimedia and embeddingマルチメディアとその埋め込みHTML の画像動画と音声のコンテンツobject から iframe まで — その他の埋め込み技術ウェブへのベクターグラフィックの追加レスポンシブ画像Mozilla のスプラッシュページHTML tablesH

    JavaScript オブジェクト入門 - ウェブ開発を学ぶ | MDN
  • おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ

    jQueryは互換性を保ちつつも洗練されたAPIを取り入れているので、新しく書くときは新しいAPIを使った方が良い。 liveとかセレクタの:hoverとかはBad Partsだ。 jQuery.fn.on / jQuery.fn.off live/delegate/bind/click等は滅びた。全てonを使おう。 また、data引数を使う場合は必ずdataをオブジェクトかnullにする。dataが文字列の場合、関数の場合にセレクタ等と区別がつかないからだ。 $("body").on("click", function (event) { alert("Clicked!"); }, false); また、querySelector/querySelectorAllの登場によって、:hover等のjQuery固有のセレクタは滅びた。validなCSSセレクタと、jQueryのメソッドをch

    おしゃれjQuery、Good Parts、Bad Parts - 素人がプログラミングを勉強していたブログ
  • jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの

    jQueryのイベントハンドリングには、現在 .on(),.off()のみが推奨されて利用されています。 その基的な使い方はこんなかんじでした。 $(element).on(event, function() { console.log('event fired!'); }); この場合、対象となる$(element)において指定したeventが発火した時に、コールバック関数が呼び出されます。非常に直感的ですね。 ところで、これは以前の.bind()と全く同じです。 .bind()の場合は、指定したずばりその要素に対してのみ、イベントハンドリングを行います。よって、.bind()が呼び出されたその時点で存在しない要素に対しては、たとえセレクタが一致していたとしてもハンドリングが行われません。 このことを利用すれば、イベントハンドリングをしたいまさにその要素にのみ、たとえその後同じセレクタ

    jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの
  • jQueryを高速に動作させるためのポイント5つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    最近東京にこなれてきたどうも僕です。何がこなれてきたって?電子マネーさ!東京ならSuica、Edy、Waon、なんでもタッチで買えちゃうんだぜ!コンビニで清算するとき、「支払いはEdyで」と一言、そして、読み取り機にソフトタッチ。支払いのシャリーンという音とともに僕の白い歯がキラーンとかがやくのさっ! そんな東京にこなれてきた僕が、今日はjQueryを使う上で気をつけておきたいポイントを何点か紹介しようと思うよ! jQueryって便利だけど、もとはJavaScriptで、インタプリタ言語で、コンパイル時に最適化なんてされないから、書き方一つで意外とパフォーマンスに差が出てくるんだよね!開発時は高スペックのPCで見てるから気づかないかもしれないけど、あなたのサイト、低スペックマシンとかモバイル端末でみたら、もっさもさかもよ! っというわけで、jQueryを使う上で気をつけたいポイントを挙げて

    jQueryを高速に動作させるためのポイント5つ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    thleap
    thleap 2014/07/23
    “同じセレクタは変数化する”
  • jQuery の on() と off() を理解する - tacamy--blog

    初心者向けのとかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')

    jQuery の on() と off() を理解する - tacamy--blog
  • や...やっと理解できた!JavaScriptのプロトタイプチェーン - maeharinの日記

    JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた!以下、情報ソースはなるべくECMAScript仕様書(3rd)を元にするようにして書きました なぜ分かりづらいのか? そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか?自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう

    や...やっと理解できた!JavaScriptのプロトタイプチェーン - maeharinの日記