Live, reactive templating ractivejs.orgis a template-driven UI library, but unlike other tools that generate inert HTML, it transforms your templates into blueprints for apps that are interactive by default. Powerful and extensible Two-way binding, animations, SVG support and more are provided out-of-the-box – but you can add whatever functionality you need by downloading and creating plugins. Opt
[対象: 全員] インドのウェブマスター向け公式ブログが、一般のサイト管理者から投稿があった質問への回答を公開しました。 Matt Cutts（マット・カッツ）氏をはじめ、世界各国のGoogleのサーチクオリティチームのメンバーが答えています。 サーチクオリティチームが回答したウェブマスター向けQ&A【インド編】 Q: ブログ記事の「+1」はランキング要因になっているのか。 リンクはいまでも検索順位の助けになっているのか。+1や言及のようなソーシャルシグナルは、リンクに取って代わることになりそうか。 A: ウェブサイトのランキングを決定するために200以上のシグナルをGoogleは使っている。 本当の人間のユーザーがクリックした+1ボタンは、ランキングと検索結果におけるサイトの表示に影響する数百あるシグナルのうちの1つとして実験されている。 どんなシグナルであっても、検索品質を全体として向
今日のエントリもSMX Westのセッションからのレポートです。 扱うトピックは、GoogleのMaile Ohye(マイリー・オイェ)さんが説明した、「ページネーションにおけるrel=”canonical”タグ（属性）の使い方」です。 ※ページネーションとは、ここでは1まとまりのコンテンツを複数のページに分割する、いわゆる「ページ送り」を意味します。 たとえばECサイトで靴を通信販売していたとします。 あるカテゴリで、1ページにつき商品を10個表示していて、全部で200種類の靴があったとします。 この場合ページネーションすると、合計で20ページができあがります。 こんなケースでrel=”canonical”タグを使うとしたら、あなたはどうしますか？ 僕だったら、2ページ目以降のページでは1ページ目を指し示すようにrel=”canonical”タグを記述します。 つまり「ページ2」〜「ペー
[レベル：中〜上級] ページネーション（ページ分割・ページ送り）による問題発生を防ぐために、rel=”prev” 要素と rel=”next” 要素のサポートをGoogleが始めたことを先週解説しました。 ※余談ですが、“Pagination”の発音は日本語で書くなら「パァジネィシュン」が近いため「パージネーション」と表記しています。少なくとも「ページネーション」は本来の発音からさらにかけ離れていると僕は感じます。 Googleが提示した、ページネーション問題を解決するもう1つの方法を今日は解説します。 それは、分割したページのコンテンツがすべて載っているページを作成することです。 全コンテンツを1ページで閲覧できる、分割していない状態のページを“view-all pages”とGoogleは記事の中で呼んでいます。 適当な日本語訳を思いつかないので、ここではそのまま「ビューオールページ」
NOTE: 2023-01-23: Bleach is deprecated. See issue: #698 Bleach is an allowed-list-based HTML sanitizing library that escapes or strips markup and attributes. Bleach can also linkify text safely, applying filters that Django's urlize filter cannot, and optionally setting rel attributes, even on links already in the text. Bleach is intended for sanitizing text from untrusted sources. If you find you
by Neil Mitchell TagSoup is a library for parsing HTML/XML. It supports the HTML 5 specification, and can be used to parse either well-formed XML, or unstructured and malformed HTML from the web. The library also provides useful functions to extract information from an HTML document, making it ideal for screen-scraping. This document gives two particular examples of scraping information from the w
We've put together this set of super awesome email templates so that you can make your email campaigns responsive! Responsive, you say? Yep. With more and more people pulling out their phones to check their email, we knew there had to be an easier way to ensure campaigns looked good on any device. That's why we recently made all our email campaigns responsive. Which had a lot of folks asking if we
Yslow ルールでは、スクリプトはページの最後尾、つまり </body> 直前に置け、と言っています。なぜなら、スクリプトの読み込みや実行により、他のページ要素の読み込みやレンダリングがブロックされてしまうからです。 一方、古くは IE4 の時代から Microsoft はこの問題に対処するため、defer 属性という独自の解決策を実装してきました。これは HTML 4.01、XHTML 1.0、1.1 で仕様として採用され、HTML5 にも発展する形で引き継がれています。 IE 以外のブラウザも既に対応されており、IE の独自仕様という色合いが濃かった従来と異なり、これからは広く利用されていくのではないかと思います。 下のビデオは、スクリプトの位置と defer 属性のあり／なしによる、ページの読み込み／表示速度の違いを Pagetest.com でテストしてみたもので、明らかな差異が
Internet Explorerではかなり昔からあった埋め込みフォント(@font-faceによるフォントの参照)の機能は、Safari 3とFirefox 3.5で有効になったことから急速に話題になることが増えた。ようやく時代がMicrosoftに追いついてきた感じですね。その書き方は大筋では一緒なのだが、細かな仕様の違い、というかIEがEmbedded OpenTypeしかサポートしていないことから工夫が必要になる。その工夫をBulletproof、つまり将来にわたって安全であろうという観点で短くまとめたBulletproof @font-face syntaxというすごく参考になったエントリがあったので訳しておく。語調などは超訳なので、原文とニュアンスが変わっているかもしれない。 安全な@font-faceの書き方 以下は訳注と私見。 条件付コメント 面倒くさいというのはわからなく
A while back, I announced work on applying SVG effects to HTML content. The idea is to make the SVG ‘clip-path‘, ‘mask‘ and ‘filter‘ CSS properties apply to non-SVG elements as well as SVG elements. This work landed on trunk last week. I’ve also submitted my proposal to the SVG WG for standardization. I hope that they’ll like it; there aren’t many degrees of freedom here, for example there’s no ne
iモードブラウザ2.0では、同一ドメインであっても、iframe内のコンテンツがJavaScriptにより読み出せないよう制限が掛かっていることを確認しましたので報告します。 【追記】元の内容には、重大な事実誤認がありました。正確には、同一ドメイン・同一ディレクトリであれば読み出せます。詳しくは追記2をご覧ください。 きっかけ ケータイtwitter(twtr.jp)においてDNS Rebinding攻撃に対する脆弱性を発見・通報し、即座に修正された - 徳丸浩の日記(2010-02-22)にて既に紹介したように、twitter.comの日本のケータイ向けフロントエンドであるtwtr.jpにDNSリバインディング脆弱性があったことを確認・報告し、直ちに修正されました。このエントリの中に、以下のように書いています。 すぐに確認作業が終わるだろうと思っていたが、意外なところで失敗した。ログイン
モバイルサイト開発のバッドノウハウ。 au端末では単純なdivを並べただけでも1pxの隙間ができてしまう。例えば、次のHTMLがこのようにみえる。 <html> <body> <div style="background-color:#0000bb"> <div style="background-color:#bb0000"> #bb0000 </div> <div style="background-color:#00bb00"> #00bb00 </div> </div> </body> </html> 外側のdivの背景色（#0000bb）が1px間に入っている。もちろん、インデントで使われているスペースや改行を除去しても状況は変わらない。 auのこの現象を防ぐにはtableタグを使わなければならない。 <html> <body> <div style="background-co
簡単な手続きですぐにお金を借りられる方法としては、消費者金融のキャッシングや銀行系カードローンがあります。特に最近では銀行系カードローンのCMをよく見かけるようになっていますが、一体、消費者金融のキャッシングと銀行系カードローンにはどのような違いがあるのでしょうか。 消費者金融のキャッシングと銀行系カードローンを比較した場合、まずはサービスを提供している運営会社に違いがあります。キャッシングは消費者金融という貸金業者が運営を行なっていますが、銀行系カードローンでは金融機関が運営しているという相違点があるのです。運営をしている業態が異なっているため、その業務を規制する法律もまた異なっています。そのため、キャッシングでは総量規制による借入れ時の上限金額が規制されることになり、総量規制の対象外となっている銀行系カードローンは借入れ時の上限金額は制限されていません。 また、消費者金融のキャッシング
In preparation for my PyCon talk on HTML I thought I’d do a performance comparison of several parsers and document models. The situation is a little complex because there’s different steps in handling HTML: Parse the HTML Parse it into something (a document object) Serialize it Some libraries handle 1, some handle 2, some handle 1, 2, 3, etc. For instance, ElementSoup uses ElementTree as a documen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く