はてなブログにスクロール追尾するソーシャルボタンセットを付ける - 太陽がまぶしかったから
はてなブログにスクロール追尾するシェアボタンを付ける Word Press界隈ではよく見かけていたのですが、嫌味じゃない程度に追尾するソーシャルボックスがあると、読んでる途中でも「シェア」や「あとで読む」がやりやすくなって確かに便利です。Word PressではShareBarというプラグインで実現しているようです。 この機能について、はてなブログで実装する事を考えた時、手動で作り込むと管理が面倒かもと思っていたのですが、『ツイートボタン、いいねボタンなどをまとめて簡単設置｜忍者おまとめボタン』で生成したソーシャルボタンセットを利用すれば比較的簡単に管理できるように実装できます。 忍者おまとめボタンでソーシャルボタンセットを作成 『ツイートボタン、いいねボタンなどをまとめて簡単設置｜忍者おまとめボタン』はソーシャルボタンをまとめて設置できるサービスで、はてなブログの行末にあるようなボタンを
デザインテーマ制作の手引き - はてなブログ ヘルプ
はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。 既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。 本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。 オリジナルテーマの作成は、CSSの知識がある方を対象にしています。 テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピー サンプルテーマ「Boilerplate」 Boilerplateテーマの使い方 レスポンシブデザインのテーマを作成する レスポンシブデザインを有効にする 付録: はてなブログのレスポンシブデザインテーマの挙動 はてなブログのページ
オリジナルのテーマを共有しよう！ 「テーマ ストア」をオープンしました - はてなブログ開発ブログ
本日、はてなブログのデザインを共有できる「テーマ ストア」をオープンしました。 テーマ ストアでは、登録されているテーマを自分のブログにインストールしたり、自分で作成したオリジナルのテーマを投稿することができます。 テーマ ストアへ 自分のブログでテーマを利用する 使いたいテーマを見つける テーマ ストア のトップページから、使いたいテーマを探します。テーマの並び順は、人気順か新着順で切り替えることができます。 スクリーンショットをクリックすると、テーマの詳細が表示されます。 自分のブログにテーマをインストールする 使いたいテーマが見つかったら、テーマの詳細ページで「プレビューしてインストール」をクリックします。インストール先のブログを選択すると、テーマが一時的に適用された状態で、プレビュー画面が表示されます。 プレビューを確認して問題なければ、「このテーマをインストール」をクリックすると
アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修
先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザイン まずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結
sta la sta
Yahoo! NewsGlobe 『Yahoo! NewsGlobe』はYahoo!ニュースのTop Storiesの記事を3Dの地球上に表示してくれるサービス。そのニュースがどの地域に関するものなのか一目で分かりますね。 ニュースはYahoo! News Top StoriesのRSS（http://rss.news.yahoo.com/rss/topstories ）から取得しているようで、ほぼリアルタイムなニュースが表示されてるわけですね。面白いニュースの見せ方だなぁ。 ニュースを見る方法としては、自動的にニュースを巡回するAutoplayモードと、自分で地球を回して見たいニュースを探すInteractiveモードがあります。回る地球をぼんやりと眺めていたい時はAutoplayで。 はてなの本社が京都に移転し、『しょこたん☆ぶろぐ』がヤプログを去る今。 自分もこの勢いに乗ってみたいな
はてなにおけるCSSメタ言語（CSSプリプロセッサ）の導入について - Hatena Developer Blog
こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語（CSSプリプロセッサ）。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか 導入の背景と目的 はてなでの選択 何がやれるか どう使うか 事例・実演 運用ルール 今後の展望 どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs
はてなブログのデザインの裏側 - 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さんほんとすごいなって思いました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2013年4月）