はてなブログのidとかclassとか - kyabana's blog
はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（
はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog
※2018/03のはてブの大リニューアル対応 ◆Git Source:https://github.com/ovoncovon/hatena-user-css/ ◆ https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css.css ◆Firefox用 https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css_ffx.css TOPページ ENTRYページ 履歴 2018/11/06 フォントなど微調整 2018/05/19 2018/03のリニューアル対応 2017/08/30 エントリーページの微調整 2017/08/23 エントリーページのリニューアル対応 2015/10/21 「
オリジナルのテーマを共有しよう！ 「テーマ ストア」をオープンしました - はてなブログ開発ブログ
本日、はてなブログのデザインを共有できる「テーマ ストア」をオープンしました。 テーマ ストアでは、登録されているテーマを自分のブログにインストールしたり、自分で作成したオリジナルのテーマを投稿することができます。 テーマ ストアへ 自分のブログでテーマを利用する 使いたいテーマを見つける テーマ ストア のトップページから、使いたいテーマを探します。テーマの並び順は、人気順か新着順で切り替えることができます。 スクリーンショットをクリックすると、テーマの詳細が表示されます。 自分のブログにテーマをインストールする 使いたいテーマが見つかったら、テーマの詳細ページで「プレビューしてインストール」をクリックします。インストール先のブログを選択すると、テーマが一時的に適用された状態で、プレビュー画面が表示されます。 プレビューを確認して問題なければ、「このテーマをインストール」をクリックすると
はてなブログのデザインの裏側 - Uedayworks::HatenaBlog
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45／デザイナーid:ueday／ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
チープカ - はてなダイアリーのspan.sanchor問題
はてな, CSS | 23:11 | はてなダイアリーのCSSをいじった事がある人なら誰しも一度はセクションの頭につく■を画像に変えようとすると思いますが、このspan.sanchorっていうのがなかなか曲者で、span.sanchorがaタグの内側にあるためによく画像置換で使われるようなtext-indent:-9999pxとかの技を使うとIEでリンクをクリックできないとか不具合がでてきてしまうという問題があります。僕の場合は以前からフォントサイズを小さくしてpaddingで表示するという方法を使っていたんですが、それだとOperaで正しく表示されないという問題がありましたが無視してました＾＾。なので結局どう頑張ってもうまくいかない部分が出てきてしまい面倒なので最近はその部分についてはいじらないようにしていました。ですが、ようやく解決方法が見つかりました。自分が見つけたわけじゃないですけ
コメント欄を新しいレイアウト、HTML構造に刷新しました - はてなダイアリー日記
本日、はてなダイアリーのコメント欄のレイアウトとHTML構造を刷新し、新しいコメント構造にいたしました。 主な変更点は以下の通りです。(先日の告知と同内容です。) [コメントを書く] のかぎかっこ（[]）を削除しました コメント本文に付くかぎかっこ（『』）を削除しました これまでは「ユーザー名＞コメント本文＞書き込み日時」でしたが、「ユーザー名＞書き込み日時＞コメント本文」に変更しました ユーザーアイコンのリンクをその人のダイアリーへのリンクに変更しました（span.canchorは廃止） 個別コメントのpermalinkは書き込み日時にリンクしています 書き込み日時・コメント本文をそれぞれ別のspanで囲み、classを設定しました base.cssにいくつかのスタイルを追加しました ユーザー名・書き込み日時の後が改行されて本文が始まるような指定にしました 書き込み日時のanchorの色
d2.hatena.ne.jpで新しいコメント構造の実験を開始しました - はてなダイアリー日記
本日、はてなダイアリーのテスト環境 d2.hatena.ne.jp にて、コメント欄の新しい構造実験を開始しました。 http://d2.hatena.ne.jp/ 詳しい変更内容は以下の通りです。 [コメントを書く] のかぎかっこ（[]）を削除しました コメント本文に付くかぎかっこ（『』）を削除しました これまでは「ユーザー名＞コメント本文＞書き込み日時」でしたが、「ユーザー名＞書き込み日時＞コメント本文」に変更しました ユーザーアイコンのリンクをその人のダイアリーへのリンクに変更しました（span.canchorは廃止） 個別コメントのpermalinkは書き込み日時にリンクしています 書き込み日時・コメント本文をそれぞれ別のspanで囲み、classを設定しました base.cssにいくつかのスタイルを追加しました ユーザー名・書き込み日時の後が改行されて本文が始まるような指定にしま
その場編集時に切り替わる見出しの背景色の変更が可能になりました - はてなダイアリー日記
その場編集機能では見出しにマウスカーソルを重ねた時に背景が薄い黄色に変化しますが、スタイルシートの設定でデザインを自由に変更できるようになりました。 たとえば背景色をグレーに変更したい場合は、管理ツールの詳細デザイン設定ページのスタイルシート欄に、以下のように指定することで変更できます。 h3.hover { background: gray; } 背景色以外にも背景画像を指定したり、文字色を変更したり、通常のスタイルシートと同様の指定が可能です。現在のところ「h3.hover」と直接指定した場合のみ有効となっており、「div.section h3.hover」など他のタグやクラスを指定をされた場合には反映されません。 またCSSでの指定とあわせて、見出しにマウスカーソルを重ねてから色が変わるまでの間に少しだけ待ち時間を設ける変更を行いました。これまではページのスクロールなどでマウス移動を
はてなダイダイアリー日記 - はてなダイダイアリーの新しいインターフェース実験について
ただいま、以下のサイトではてなダイアリーの新しいインターフェースの実験を行っています。 http://d2.hatena.ne.jp/ 今回の実験では、ダイアリーが表示されているページから直接文章を編集したりすることができる機能や、見出し部分の新しいHTML構造の検証を行っています。また、他人の日記のテキストも見ることができ、はてな記法を簡単に学べる仕組みを考えています。 ある程度の優位性が認められれば、本サイト（d.hatena.ne.jp）へも成果を反映していきたいと考えています。d2.hatena.ne.jpでは、頻繁に機能追加や変更などを行っており、時間帯によっては動作が不安定になることもあるかと思いますが、ご興味のある方はぜひお試しいただいて日記などでご意見を頂ければと思います。 よろしくお願いします。
公開デザインについての分析 - 聴く耳を持たない(片方しか)
今年7月から私のサブアカウント b:id:tarikumata はてなブックマーク - tarikumataのブックマーク で、 公開デザイン一覧 - はてなダイアリー 公開デザインをカラム別に分類していったのですが（経緯については > d:id:rikuo:20070704）、2007年9月24日現在までに登録された、公開デザイン493種を全てブックマークし、カラム別に分類し終えたのでその結果からちょっと分析を行ってみることにしました。 カラム別 まずは、公開デザインにおけるカラムの種類ごとの内訳 左右のサイドバーの違いはさておき、2カラムのデザインが多いですね。 また1カラムが多いことについては、幅について何も指定していないもの（例：公開デザイン「星空鑑賞」など）も1カラムとしているためでもあるでしょうか。 2カラム 2カラムのデザインのうち、左右のサイドバーと固定幅・可変幅の割合の違
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
