a style sheet that is blocking scripts と DOMContentLoaded
DOMContentLoaded and stylesheets · molily（via DOMContentLoaded - Mozilla event reference | MDN）にて、head内のスタイルシートとJavascriptの配置の違いで、DOMContentLoadedイベントが発生するタイミングが変わるという内容が掲載されています。スタイルシートのあとにJavascriptが入っていると、DOMContentLoadedはスタイルシートをロードしたあとに発生して、スタイルシートのあとにJavascriptがないと、スタイルシートのロードを待たずにDOMContentLoadedが発生する。 これはParsingの仕様によると、pending parsing-blocking scriptの実行前に、Documentが has no style sheet that
Neo Sample || Indam Site
<html> <head> <title>Example neo1<title> <style type='style/css'> /* Example neo1 By : Indam; http://www.indaam.com */ /* 1 */ .neo1{ width: 0; height: 0; float: left; border-style: solid; border-color: transparent #555; border-width: 32px 0 0 32px } /* End 1 */ </style> </head> <body> <span class='neo1'> </span> </body> </html> <html> <head> <title>Example neo2<title> <style type='style/css'> /*
CSSでレイアウトするなら絶対覚えておきたい配置のルール：フロートや絶対配置、z-index とかいろいろ
最近改めて CSS の基本、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基本が分かってなかったんだなーと反省 ...。今回は CSS の基本中の基本、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS：初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で
content.css - mozilla.org Base Styles
/* mozilla.org Base Styles * maintained by fantasai * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup ) */ /* Suggested order: * display * list-style * position * float * clear * width * height * margin * padding * border * background * color * font * text-decoration * text-align * vertical-align * white-space * other text * content * */ /* TOC: Random HTML Styl
CSSプロパティを記述する際の順番のサンプル｜web bibo
人によって様々な書き方があるCSSプロパティの順番。今回は参考になりそうなサンプルを紹介します。 「CSSプロパティの記述順序 - かたつむりくんのWWW」で紹介されていました分かりやすくキレイにまとまったサンプルです。Mozillaの順序をベースに、W3Cの仕様書（CSS2 Specification）と「Web標準の教科」の順番をミックスしたものらしいです。 CSSプロパティの記述の順番 1.表示や配置など「視覚整形モデル」に関するプロパティ display list-style** 1. list-style-type 2. list-style-image 3. list-style-position 4. marker-offset（CSS2.1勧告候補では削除） position** 1. top 2. right 3. bottom 4. left float clear z
はてなを退職しました - ninjinkun's diary
昨年末に株式会社はてなを退職しました。2008年の京都移転直後のインターンに参加し、2009年に新卒入社したので、5年くらいはてなに関わっていたことになります。 このエントリでは、自分がはてなでやったことと、エンジニアとしてのロールモデルを持つことができたこと、コミュニティ活動ついて、そして今後について書きます。 はてなでやったこと 最近ではスマートフォン系の仕事が多かったのですが、入社当初は運用を担当していました。たくさんのサービスを担当しているチームで、ここで様々なコードに触れた経験が今振り返ってみるとすごく良かったと思います。とにかくコードをたくさん読みました。 同期入社には既に実績がある人が何人もいて焦る一方、自分はテストを書いているつもりがDBのデータを消していたり、社内のメールを止めたりとひどいミスを連発していて、今思い出しても冷や汗が出ます。 その後 はてなキーワードフィーチ
Note 的な aside 要素をネガティブマージンを使わずに - hogehoge @teramako
こんな感じの、NOTE部分は ::before 等のCSSで書き、回り込みなしのブロックを作るやり方を模索してた。 ネガティブマージン まぁ楽ではある aside.note { padding-left: 6em; } aside.note::before { content: "NOTE"; margin-left: -5em; float: left; } <aside class="note"> <p>............</p> <p>............</p> </aside> ネガティブマージンはバッドノウハウ Negative values for margin properties are allowed, but there may be implementation-specific limits. http://www.w3.org/TR/CSS2/box.
最強オブジェクト指向言語 JavaScript 再入門！
この資料では、JavaScript でオブジェクト指向プログラミングを行う際に備えておくことが望ましい、基礎知識や概念について解説します。 【対象者】 ・JavaScript でアプリケーションを構築できる方 ・JavaScript におけるオブジェクト指向プログラミングの 実現手法や原理への理解を深めたい方 ・Java 的なクラスベースの言語との違いに違和感や混乱を 感じてらっしゃる方Read less
innerHTML += ... な書き方について - hogehoge @teramako
DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 ツッコミ記事のつもりが、自分がツッコミされることとなり、ダメダメな記事です。それでも良ければお読み下さいｗ // サンプル1: パフォーマンスが悪い var ul = document.querySelector('#output'); for ( var i = 0; i < data.length; i++ ) { ul.innerHTML += ‘<li>’ + data[i] + ‘</li>’; } 上記コードはダメなコードであり、理由は、 li要素をループが回るたびに追
Generator Function 中の return 句について - hogehoge @teramako
新年早々、まさかりを投げてる感があって心苦しいけど、気になったので…。 node.js/v8のgeneratorsのパフォーマンスについてちょっと調べた - SundayHacking さて、generatorsの説明は他に任せるとして、いきなりコードです。 function* es6_generator() { yield 1; yield 2; yield 3; yield 4; return 5; } これを複数回実行して時間を計測するコードはこちら。 console.time('es6_generator'); for (i = 0; i < 1000000; i++) { iterator = es6_generator(); obj = {}; while (!obj.done) { obj = iterator.next(); } } console.timeEnd('es6
STARDUST REVUE - スターダスト☆レビュー オフィシャルサイト
『ぴあメモリアルカードサービス（メモカぴあ）』 2024年9月14日（土）日比谷公園大音楽堂「昭和歌野郎ライブ」 を実施致します。
CSSの声を聞く - 思ったこと
CSS Property Advent Calendar 2013 の15日目です！ 今回は、 現在 Technical Report 段階の CSS-Speech Module を紹介します！ CSS-Speech Moduleってなに？ CSS （ Cascading Style Sheets ）は、（ HTML や XML などの）マークアップ文書から， スクリーン, 紙, 発話（ speech ）, 等々 の媒体への具現化（ rendering ）を記述するための言語である。 Speech モジュールは、作者が，発話合成を通して, 加えて 随意で音声指示も利用して，文書の音声化（ rendering ）を宣言的に制御できるようにするための、聴覚 CSS プロパティを定義する。 この標準は Voice Browser Activity との協同の下，開発された。 扱いとしては、med
The magic __proto__ property
Introduction Non-standard __proto__ Feature detection Use cases Inheritance pattern Subclassing the built-ins Drawbacks Proto-less objects - why we need them? ECMAScript 6 Conclusion Materials Introduction Javascript is prototype based language, which means every object can be a prototype for another object. This process is called forming of prototype chain. The prototype chain is a finite linke
Re: [git pull] drm-next
On Sun, 29 Mar 2009, Dave Airlie wrote: > > My plans from now on are just to send you non-linear trees, whenever I > merge a patch into my next tree thats when it stays in there, I'll pull > Eric's tree directly into my tree and then I'll send the results, I > thought we cared about a clean merge history but as I said without some > document in the kernel tree I've up until now had no real idea wh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - helpers/handlebars-helpers: 188 handlebars helpers in ~20 categories. Can be used with Assemble, Ghost, YUI, express.js etc.
Express.js hbs module - register partials from .hbs file
Steps to implement node js with another programming language
642500 - Remove mutable __proto__
私にとってのテスト
ES Discuss