Tips - 静的リソースのURIに?をつけるべからず : 404 Blog Not Found
2014年03月14日20:00 カテゴリTipsCode Tips - 静的リソースのURIに?をつけるべからず Webを支える技術 HTTP、URI、HTML、そしてREST 山本陽平 であればなおのことこの実装はNG。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer BlogはてなブログではJavaScriptを配信する際には、上記のURLのように、?よりあとの部分にabc078624b2a746c618156847827166bのようなバージョンIDを付与しています。JavaScriptが変更
はてなブログにおけるページ表示速度改善の取り組みについて - Hatena Developer Blog
こんにちは、id:hakobe932です。はてなブログではユーザ体験の改善のために、ページ表示速度を向上させるための様々な取り組みを行っています。このエントリーでは、はてなブログで行っている、ブラウザキャッシュの活用、JavaScriptのページ最下部での読み込み、JavaScriptの圧縮、という3つの取り組みについて解説します。 ブラウザキャッシュの活用 同じ内容のJavaScriptやCSSを、ページを表示するたびにダウンロードすると、余分なHTTPリクエストが発生しますし、読み込み時間がかかります。 ブラウザのキャッシュを利用できれば、余分なリクエストを減らすことができます。はてなブログでは、なるべく長い間ブラウザにキャッシュを保存するために、JavaScriptなどの一部の種類のファイルのレスポンスに、以下のようなヘッダを指定しています。 $ curl -I http://hat
リンク先を同窓で開くか、別窓で開くかくらいは閲覧者がなるべく簡単に自由に選択できるように！：ekken
ウェブサイトのUIに関する話の定番ネタに「リンク先は同窓で開くか、別窓で開くか」というのがあるわけなんだけども。 私がブログを日常的に更新するようになった2004年あたりだと、「別窓で開く」を選んでいたと思う。面倒だから探さないけれども、当時そういう内容の記事を書いていたはずだ。 しかしその後いつの事からか、自分の考えは変わった。 ……と書くと、現在の私が「同窓で開く」派と思われるかもしれないけれども、実のところはそうではなくて。 私の考えは、こう。 リンク先を同窓で開くか、別窓で開くかくらいは閲覧者がなるべく簡単に自由に選択できるように！ そんなわけで、人力検索はてなに投稿されていた質問の回答選択肢が2択というのは、ちょっと無理があるような気がする。 リンクと別ウィンドウについて。実際、どう思いますか？ 用意されていた選択肢は、以下の通り。 必ず、同じウィンドウで開く 外部サイトのみ、別
松永英明＠ことのはさんのコメント - リンクと別ウィンドウについて。実際、どう思いますか？ 全1問（.. - 人力検索はてな
リンクと別ウィンドウについて。実際、どう思いますか？ 全1問（※HPやブログに来てくれた人が困らないように、私にできる範囲で、設定をやり直します）
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR
「pukiwiki、はてなトップページの妙な恐怖感」の原因 - Liquidfuncの日記
Togetter - まとめ「pukiwiki、はてなトップページの妙な恐怖感」 http://togetter.com/li/8513 気づいた点をまとめてみました。 要因1 ロゴマークが認識できないため、Webサイトの「存在」も認識できない GoogleにもYahooにも、Webサイトのシンボルとしてロゴマークがあります。「いやいや、そんなんpukiwikiにもはてなにもあったじゃん」と思うかも知れませんが、この2つのWebサイトのロゴマークの位置に注目してください。左上の隅にピタッとくっついてますよね。これだとページをパッと見た瞬間に、視界に入らないはずです。つまり認識できません。 ※実際に自分のブラウザで開いてみてください はてな http://www.hatena.ne.jp/ Twitterクライアント - TwitterまとめWiki http://usy.jp/twitte
はてなダイアリーの見出し設定は2段にした方がいいよ - ぼくはまちちゃん！
こんにちは！ はてなダイアリー初心者のはまちや２ですこんにちはこんにちは！！！ え！ ほんとに初心者ですよ！ いまだに日記モードとか、ブログモードとかの違いもよくわかってないし！ なんかはてなって書き方にもコツみたいなのがある感じで、 自分なりに「こうすればうまく書けたー」みたいなパターンをちょっとづつ覚えていって書いてる感じなんです！ ヘルプとか調べるの面倒だし！ たとえば、日記書くところ…！ これの「いかにもタイトル入れるところ」にはタイトル入れない！ かわりに本文の一行目に 「*hamachi*はまちのさばきかた」 みたいに入れた方がいい！ だとか。なんかそういう。 (参考：はてなダイアリーのPermalink) さて！ 前置きが長くなっちゃったけど、今日、久しぶりに設定をいじってみて、ちょっと気づいたことがあったので書いておきますね！ はてなダイアリー管理 → 設定 → 記事の設定
汎用CSS - tikeda's blog
先日、ダイアリーをリニューアルしたのですが、今回これまでとは違って、はてなの汎用スタイルシートを作り、それを導入して作っています。簡単に説明すると、これまでは、サービス毎に1つCSSを作っていましたが、今後、はてな内でサービスのデザインに統一感を持たせる意味などで、全サービスのベースに、同じCSSを導入してデザインを作っていこうという感じです。 構成 ソースを見ていただければ分かりますが、汎用CSSはglobal.cssというCSSから、syntax.css、support.css、common.cssという3つのCSSをimportして構成されており役割は以下の感じです。 common.css タグの基本スタイルの定義と、ページ内の各要素をパーツ化して、それを部品毎にclassにしているデザインの枠組みになるCSSです。例えばtableであれば「一覧用（.table-list）」「管理画
HatenaをXHTML+CSSで組みなおす
授業中、生徒は課題制作で忙しく僕は用無し。ってことで、○○○をXHTML+CSSで組みなおすシリーズ(?)第二段を勝手にこっそり作ってた。 なるべく皆が知ってるサイトで、コーディングが楽しそうなサイトを探してたのだけど、なかなか決まらず、結局、生徒のリクエストでhatenaのトップページを組みなおす事にしました。 hatenaは一部レイアウトにテーブルを使っているものの、基本はCSSでの段組がされているので、mixiを組みなおすような大きな軽量化は出来そうにない。なので、楽しみ方としては、いかに無駄なマークアップを減らしてシンプルなXHTMLで同じ見栄えを再現するかだ。 これがまた、パズルで遊んでいるときの感覚に似ていてとっても楽しい。近い将来、CSSで１つの要素に複数の背景画像がおけるようになったとき、このパズル感が失われてしまうと思うと残念でならない。(半分ホンキ) で、帰ってきて手直
はてな内の2カラムレイアウト - tikeda's blog
最近のリニューアルなどを経て、はてなのサイトは、2カラムでブラウザサイズに合せてメインカラムが可変するレイアウトが増えてるのですがキーワードページなどメインカラムの要素が様々だったり、カラムの上下左右と柔軟性が必要な場合が多く、色々やりくりした結果、floatを使った以下の方法で定着しています。 HTML <div id="main"> <div class="box"></div> <div class="box"></div> </div> <div id="sidebar"> </div> CSS #main{ float:left; width:100%; } #sidebar{ float:left; width:250px; background:#CCC; margin-left:-260px; } .box{ margin-right:260px; }こうすると、メインカラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
