【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳
※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢
はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ
pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。 いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。 以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。 アイコンicon-arrow :: 矢印 icon-tag :: タグ icon-folder :: フォルダ icon-keyword :: キーワード icon-linlink :: インリンク icon-page :: ページ icon-user :: ユーザー icon-download :: ダウンロード out :: アウト フォントhatena-asin-detail-title :: 太字 synStatement
みずぴー日記
JSXの特徴は、トップページにも書いてあるとおり「faster, safer, easier」の3つです。安全性とか簡単さについては人とか状況によって様々な定義や意見がありますが、唯一Fasterだけは客観的に測れます。 しかしJSXと速度については、トップページにあるBox2Dとshootingのデータ*1とAOBench on JSXぐらいしかありません。 というわけでWebkitで使われているSunSpider 1.0.2 JavaScript BenchmarkをJSXに移植してJavascriptと速度を比較してみました。*2 環境 sunspider Benchmark for JSX - JSX版ベンチマーク Sunspider Benchmark for Javascript - Javascript版ベンチマーク GitHub - mzp/sunspider-jsx: s
overflow-y:scrollな要素を一番下までスクロールする - ぼくはまちちゃん！
こんにちはこんにちは…！ 突然だけど今日はちょっぴりテンション低めに、 要素のスクロールについてのお時間なんです…！ ぺろ ぺろぺろ ぺろぺろ ぺろぺろ ぺろぺろ <div style="height:4em; overflow-y:scroll"> <ul id="peroZone"> <li>ぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> <li>ぺろぺろ</li> </ul> </div> <input type="button" value="ぺろライン追加" onclick="add()" /> ↑なんかこういうやつがあって…、 ボタンを押すたびに、ぺろぺろエリアの一番下に行が追加されるような仕掛けを作りたいとき…・。 <script> function add() { // 行を追加するよ var peroZone = doc
【追記あり】イラストサイトでよくあるカーソルを画像に乗せると服が脱げたりするあれをはてなダイアリーでやる方法 - 2008-07-26 - 聴く耳を持たない(片方しか)
要はこういうやつです。 （メンテナンス画面にネコが出てた頃のついったん） イラストサイトなどで、以前は割と見かけた手法ですね。 最近はブログ時代になったので、なくなってきてるのかなぁ（なんとなくだけど）。というのも、外部Javascriptが禁止されていたり、設置が手間だったりと色々と事情はありそうですが。 かくいうはてなダイアリーもJavascriptは使えないので、これはスタイルシートで再現しています。 以下解説。 style要素を使う 以前は、はてなダイアリーでは使えなかったのですが はてなダイアリーでstyleタグ、style属性が使用可能になりました(開発者向け) - はてなダイアリー日記 と昨年11月から使えるようになったので、こういうのが簡単に作れるようになりました。 重要な追記（2008/07/27） はてなダイアリーで style 要素を使ったマウスオーバー変身画像を作る
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.okuni.me/entry/hatenablog-hard-to-read-cause
ituore.com
はてなブログ | 無料ブログを作成しよう
http://d.hatena.ne.jp/css/syntax.css
http://d.hatena.ne.jp/css/common.css