タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとHTMLとwebに関するraimon49のブックマーク (5)

  • 「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人? | HRナビ by リクルート

    90年代後半から2000年代にウェブ制作を経験した者なら『とほほのWWW入門』と聞いて、ピンと来ない人はいないだろう。同サイトは、HTMLJavaScriptRubyPythonなどの基礎知識が学べる、ウェブ制作初心者にとってはバイブルのような、とてもありがたい存在だ。サイトが開設されたのは1996年。国内でインターネットが普及し始めた初期からある老舗サイトで、お世話になった人も多いはずだ。 2016年10月を最後に更新がされていないようだが、それでも20年間コンテンツを出し続けるのは、かなり大変なことだったのではないか。同サイトの管理人・杜甫々(とほほ)さんは、いったいどのような人物なのか。サイトを開設したきっかけやインターネット初期の空気感などについて、話を聞いた。 「とほほのWWW入門」管理人・杜甫々さんとは? ――今回は取材に応じていただき、ありがとうございます。杜甫々さんは

    「娘に情報が古いと指摘されます」 老舗サイト「とほほのWWW入門」の管理人ってどんな人? | HRナビ by リクルート
  • やはりHTML/DOMは再発明されるべきじゃないか - mizchi's blog

    と思う次第である。以下理由。 JavaScript, GUI設計の今 JSはそのプラットフォーム特性上、あらゆる言語の使用者の、あらゆる不満が集まる場所で、ヘイトを集めやすい環境だと思う。近年は npm というプラットフォームの登場でエコシステムが生まれ、思いつく限りあらゆるメソッドが適用されてきた。貧弱な言語基盤だが、その中で生き残った方法論が、今一番GUIの課題を上手く扱えている、と自分は考えている。 React/ReduxAngular によって、Flux/MVVMという抽象パターンが枯れてきたように思う。(この際、現場はまだ jQuery だぞ、みたいな話は無視する)。要は View は State の写像である、ということに尽きる。State はシリアライズ可能(JSON)で、Flux Action/Rx.Observable の Event Stream を入力とし、それ

    やはりHTML/DOMは再発明されるべきじゃないか - mizchi's blog
  • Polyfill のあり方と Web の進化と協調するためのガイドライン | blog.jxck.io

    Intro W3C の TAG から、主にブラウザ APIPolyfill に関するドキュメントが公開された。 Polyfills and the evolution of the Web Polyfill は便利な一方で、時として標準化の妨げになってしまう場合があるため、それを避けるために、Polyfill 実装者、利用者、仕様策定者などが、どう振る舞うべきかという趣旨である。 今回はこの内容を元に、Web の進化と協調する Polyfill のあり方について、主に「実装者」がどうすべきかに着目し記す。 Web における Breaking Change Breaking Change は、簡単に言えば 後方互換を失うことで既存のものが壊れる可能性がある変更 のことを表す。 そして、Web における Breaking Change (Break the Web)、具体的には Web

    Polyfill のあり方と Web の進化と協調するためのガイドライン | blog.jxck.io
    raimon49
    raimon49 2017/02/17
    >一番重要なのは名前だ。特に global スコープやネイティブオブジェクトの prototype に、策定段階の名前を使った実装を行うことは非常にリスクが高い。
  • フォントの読み込み完了を検知する

    TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。 Adobe Blankのサイズ削減 Adobe Blankはそのまま使うと30KB以上ある。読み込み完了検知だけなら幅0のグリフが1つあればそれで良いので、まずはサブセット化してサイズを抑えることから。aだけのWOFFなAdobe Blankを作ればちょうど1KBくらいになる。 Download: adobe-blank.woff @font-face定義の追加 外部リクエストにすると意味が薄れるのでDa

    raimon49
    raimon49 2013/08/23
    offsetWidthを監視して読み込みの完了を検知
  • Webコンテンツ、JavaScriptと画像が増加の一方で、Flashは減少傾向に

    HTTP Archiveに2011年と2012年のWebサイトにおけるコンテンツの傾向比較が「2011 recap」として発表された。HTTP ArchiveはWebサイトを分析し、どの種類のコンテンツがどの程度転送されているかをまとめているサイト。2011年と2012年のサイト比較ではFlashを除くほかのすべての主要コンテンツのデータ転送量が増加しており、全体としてコンテンツ量が増加傾向にあることがわかる。 「2011 recap」では特に次の2つのデータ変化を指摘している。 Webサイトデータのうち過半数を画像データが占めており、しかも増加傾向にある。増加割合ではコンテンツ種類別で2番目に多い。 JavaScriptの増加率が44%と飛び抜けて高い。画像の増加率の2倍以上の増加率となっている。 コンテンツタイプ(Webサイト平均) 2011年1月 2012年1月 増減の割合

    raimon49
    raimon49 2012/02/07
    >2011年と2012年のサイト比較ではFlashを除くほかのすべての主要コンテンツのデータ転送量が増加しており、全体としてコンテンツ量が増加傾向にある
  • 1