私がscriptタグについて知っていること全て : 知られていない属性や実行順序など | POSTD
<script src="//typekit.com/fj3j1j2.js"></script> <!-- This second script won’t execute until typekit has executed, or timed out --> <script src="//my.site/script.js"></script> ローカルスクリプトとリモートスクリプトを組み合わせても同様に操作することができます。 機能的には、Webページの前の部分で重いスクリプトのロードがあると、サイトの表示が明らかに遅くなることを意味します。さらに、ページの最後の方で表示されるスクリプトは、それまでに存在するされたスクリプトの動作に依存することを意味します。 先行する全てのscriptタグがロードされ実行されるまで、ページ上の要素は表示されません。つまり、パフォーマンスへの悪影響を覚
Sitespec - r7kamura blog
[Sitespec](https://github.com/r7kamura/sitespec)という静的サイト生成ツールを作り、このブログを移行した。 ## Sitespec Sitespecは、Webアプリとテストから静的サイトを生成するためのツール。 WebアプリにはRackを、テストにはRSpecを使う。 Rackを使った適当なWebアプリを用意し、 RSpecでHTTPリクエストを発行するように記述したテストを実行すると、 レスポンスの内容から静的ファイルが生成されるという仕組みになっている。 参考までに紹介しておくと、静的サイト生成ツールには他に [Middleman](http://middlemanapp.com/)や[Octopress](http://octopress.org/)、[Movable Type](http://www.movabletype.jp/) な
ID使っても別に問題ない
CSSでID使うの良くない……どころか、ID使うのはゴミクズカスみたいな風潮で辛い。その根拠はいくつかあり、それらはCSSだけをただそのまま書く場合には納得出来ないこともないかなーと思うので余計に辛い。特にOOCSSのようなアプローチではIDは混ぜるな危険。だからといってIDを使わないのがベスト・プラクティスなわけじゃない。 CSS Lintの利用が広まり、これがID使うなって怒るのも原因の一端な気がする。Disallow IDs in selectorsではIDの問題点として以下のようなものを取り上げている。 However, IDs have a downside: they are completely unique and therefore cannot be reused. つまりユニークなため再利用できないというマイナスの面がある、と。確かに再利用できない。でもこれはマイナス
HTML/CSS テンプレート集まとめ - Cube Lilac
サイトのデザインを変更しようかと思ったのですが，自力でデザインを考えるのは限界があるのでフリーの HTML/CSS テンプレート集をざっと探してみました．尚，どのサイトが人気なのか分からなかったので，各種ソーシャルメディアのカウントを取得して併記してみました．海外サイトばかりなので，SBM としてははてなブックマーク以外に Delicious のカウントも取得しています． 掲載されてあるデザインはまったく見ずに，サイトの使いやすさ（と言うか「広告の少なさ」かな）だけからの感想ですが，個人的には http://www.solucija.com/ が使いやすいかなぁと言う気がしています． URL Delicious Hatena Twitter Facebook 1 http://www.oswd.org/ 24,170 951 471 1,002 2 http://www.freecsste
SNBinderに目からウロコ 小さなMVCが今現実に - When it’s ready.
タイトルはちょっと大げさすぎですね。もうブカブカです。 WebアプリのMVCネタで、毎度同意しまくりのsatoshiさんが、JSのライブラリSNBinderを公開されています。 Life is beautiful: JavaScript HTMLテンプレートエンジン SNBinder 公開 BODYタグオンリー大好きっ子なので、これは使わずには居られないと思い早速やってみました。 ついでに、恐れ多くもgithubでForkしてreadmeの和訳などしています。 コードサンプルを元に動かしてみたんですが色々と動かない・・・ 私の理解ミスな気がするのですが、ツッコミもらおうとコード晒します。オリジナルのまま動いてる人いたらどこが違うか教えてくださいませ。 SNBinderの使い方として、READMEに書かれているやり方は、４種類あります。 変数一つをテンプレートに埋め込む SNBinder.b
ゆーすけべー日記
サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一本吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には食材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい食材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ
SASS とか HAML とか、ましてや DBIC と学習コストのはなし - TokuLog 改メ tokuhirom’s blog
結局、がんばってそれの作法をおぼえても、それのブームがさった後にまったく役にたたない知識なので、そういうのを覚えるぐらいなら、ベーシックな技術の修得に時間をさくべきではないか、とおもった。
HTML 4.01 Specification (ja)
正規の規定はW3Cサイトにある英語版であり、この日本語版は参考にすぎません。 邦訳の過程で気づいた原規定の誤りについては原著者に報告し、明らかなタイプミス等についてはerrataに掲載される前であっても修正した訳を掲げる場合があります。 この文書には、翻訳上の誤りがあり得ます。当委員会は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 原著作権をW3Cが保有し、二次著作権をHTML 4仕様書邦訳計画補完委員会が保有します。 HTML 4.01仕様書 1999年12月24日付W3C勧告 この版の原書: http://www.w3.org/TR/1999/REC-html401-19991224 (プレーンテキストファイル [794Kb]、HTMLファイルのtar.gzアーカイブ [371Kb]、HTMLファイルのzipアーカイブ [405Kb]、gzipしたPostScri
HTML::Template から Template Toolkit に乗り換える準備
HTML::Template から Template Toolkit に乗り換える準備 2008-02-21-2 [Programming] 日本の Perl Geek 達からだいたい5年遅れで新しいもの （つか、すでに枯れたもの）にチャレンジしている私です。 さて、Perl のテンプレートエンジンとして 今までは HTML::Template を使っていました。 シンプルなのが良いのですが、 自由度がちょっと低いので最近は閉塞感を感じていました。 ということで Template Toolkit を使ってみようかと。 perldoc を見ながらちょこっといじってみたら、 HTML::Template でできることはカバーでき、 かつ、 「やりたいと思っているんだけど HTML::Template だと 面倒そうな処理」が簡単に実装できそうなので、 非常に良い感じ。 以下、HTML::Tem
Emacs で HTML
html-helper-mode とは Emacs で HTML を編集するためのマクロ（Emacs Lisp プログラム）としては， YaTeX に含まれる yahtml がありますが，ここでは，かの Marc Andreessen 作の html-mode に基づいて Nelson Minar が作った html-helper-mode があります。 現在は Gian Uberto Lauri が保守をしています（が私は Nelson Minar の最終バージョンを使っています）。 html-helper-mode (Nelson Minar) html-helper-mode (Jeff Covey によるマニュアル) HTML Helper Mode (Gian Uberto Lauri) インストール ここでは Nelson Minar の HTML helper mode be
html-helper-mode - Summary [Savannah]
This group is not part of the GNU Project. html-helper-mode was originally written by Nelson Minar as a mode for writing HTML pages. I took it and mang^H^H^H^Hupgraded it to help me write ASP (bleach! but when you are an employee...) page with Emacs. After adding ASP I felt morally forced to add PHP and JSP support (mostly because I would like to backup the whole ASP thing in /dev/null). The mode
HTML Helper Mode
html-helper-mode A major mode for editing HTML sourcecode with Emacs. Added some support for PHP, JSP (it seems it works ) and ASP server scripting, that is script fontification with font-lock-mode and narrowing with mode switch: while editing the whole HTML document the [PJA][HS]P script is painted in a different color and, upon request, the mode narrows the editing to the script block around the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Cheat Sheet
https://raw.githubusercontent.com/mattn/emmet-vim/master/TUTORIAL
Shipped HTML::CallJS - tokuhirom's blog
HTML5Rocks - A resource for open web HTML5 developers
スタイルシート スタンダード・デザインガイド―SEO/ユーザビリティ/アクセシビリティを考慮した実践的HTML&CSSデザイン術
ページではなくサイト全体をW3C HTML Validator でチェックする | ブログが続かないわけ
1時間で作るホームページ [ WEBデザインの素 ]
Amazon.co.jp: 速習WebデザインHTML&スタイルシート: ホームページ制作の基本をしっかり学べる入門書: 栗原明則: 本