はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法（テーマDUDEの手引き） - LITERALLY
以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し
はてな大人バージョン的SNSを待望
はてなのメイン層は大学生から30代前半辺りでしょうか。 高齢化が進行している割には、ネットには大人のセンスが 反映された場があまり見当たりません。 40代の自分は若者の中におじゃまさせてもらっている感覚を 持つことが多く、いまいち落ち着きません。 若者の感覚から得られるものは多くありますが、 しっくりとくるコミュニティーで憩いたいです。 30代後半以上をメイン層とした、はてな大人バージョン的 SNSを待望しております。 思いつくイメージですが ・ブログのプラットフォームは、読者登録をしていない人の目にも入りやすい、 「Medium」のようなオープンなタイプに。 モチベーション維持に繋がりそうです。 ・WEBデザインは品よくシンプルなものに。 原研哉氏のグラフィックデザインのようなイメージです。 何気ない一文でも素敵なコピーに見えてきそうです。 ・WEBマガジンを併設し、質の高いコンテンツを
はてなブログに実施した、４つのデザインカスタマイズ - Banguardサイト
ブログのデザインを少し変更してみました。それほど大きな変更ではないのですが、変えたのは以下の4点です。 １．ブログのデザインテーマを変更した ２．記事の幅を広げた ３．「続きを読む」を加えた ４．ブログの見出しに画像を加えた はてなブログは、ある程度自分で自由にカスタマイズすることが可能です。Webデザインの知識がない私ですが、なんとか今回の4つは自分でできました。はてなブログのカスタマイズをしようとする際に、参考にしていただたら嬉しいです。 はてなブログのデザインをカスタマイズした場所 今回カスタマイズしたのは、主にブログ全体に関わる部分が２箇所、トップ画面で１箇所、記事画面で１箇所、計４箇所です。特にブログのデザインテーマの変更と記事の幅の変更は、ずっとやりたかったカスタマイズです。 ブログ全体に関わる変更点と、トップ画面での変更点 また、「ブログの見出しに画像を加える」ことも、地味で
初心者の私がブログカスタマイズする際に役立ったツール/サイト一覧 - YESかNOか半分か
前回の記事でお披露目した、私のブリブリなブログデザイン。 このデザインを作成するまでに利用した便利なツール、サイト様をざざざっと書いていこうと思います。 ちなみに、私の作業環境はWindows 7でございます。 CSSソースの素 初心者がカスタマイズをしようとしても、どこから手をつけたらいいのか分かりません。 とりあえず、ベースとなるCSSデザインがあればラクちんですよねー。 ってことで私は、id:hatenablogさんのサンプルテーマ「Boilerplate」をベースにデザインを改造しました。 デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ はてなブログの構造を知る id:hatenablogさんの「Boilerplate」を開いても、 …何の事だかチンプンカンプン…。 そんな時は、id:kyabanaさんのブログを参考にしましょう
訪問！はてな東京オフィスにいる人達が、想像してたのと違った。 - 体調わる子の毒吐きブログ
2013-10-02 訪問！はてな東京オフィスにいる人達が、想像してたのと違った。 日常 はてなブックマーク 旅行 今日は、株式会社はてなの東京オフィスに遊びに行った。 最初に断っておく。 緊張しすぎて写真とかあまり撮れてない。 「撮るぞ！」って感じで意気込んでいけばよかったなー。 んで。 なぜ、はてなに遊びにいったのか。 広告営業を担当しているid:mtakanoさんにお呼ばれしたからぽよ。 イマイチ何故私を呼んでくれたのか、メールでやりとりしている段階じゃよくわからなかった。 けど面白そうだったし、「光栄！超光栄！」って思ったから行ってみたよ。 ◆オフィスは表参道 家を出る前に場所を確認した。 この辺ね。 右下には六本木ヒルズ、左上には表参道ヒルズが見えた。 ファッ！？ 地図を見た瞬間、私はビビってしまった。 ビビったどころではない。 バビバビッ！！！ もしかしてはてなスタッフって..
変顔、目からビーム、「コラッ」…石黒賢さんの公式サイトがすごい - はてなニュース
現在放映中のNHK朝の連続テレビ小説『ウェルかめ』への出演をはじめ、映画や舞台など幅広く活躍している俳優の石黒賢さん。その石黒さんの公式サイトが、自身の声や顔を使ったちょっと変わった演出になっており、注目が集まっています。 ▽石黒賢オフィシャルWEBサイト 石黒さんの公式サイトでは、中央に大きく石黒さんの顔が表示されています。プロフィールや写真、芸能活動の紹介などよくある公式サイトのコンテンツがありますが、どれも顔をクリックしないと見ることができません。また、石黒さん自身の「石黒です」という声、「コラッ」という言葉なども、効果音として使われています。 「GALLERY」を見ようと顔をクリックすると、目が光ってビームが出るという演出が。これまで出演した「ショムニ」「振り返れば奴がいる」などのドラマや、舞台、映画作品での石黒さんの写真を見ることができます。 また、「INFORMATION」では
はてなブックマークの仕様改悪がそっと始まったので、みんなで設定変更しよう（懇願） - 世界はあなたのもの。
雑ネタということで、はてなブックマーク経由で Twitter に共有記事を流した時に添付される URL がはてなブックマークページに強制的に変更されるという、ユーザー完全無視の糞仕様が予告通りに本日そっと実装されたので、みんなで設定変更しましょう。仕様変更の告知が1週間前、実装も当日の夕方からという、ユーザーを忘却に誘う施策だったのでうっかり忘れている人も多いと思いますが、デフォルトで変更されていますので、気をつけてください。機能そのものの告知は以下より。Twitterへ投稿されるURLのリンク先を選べるようになります - はてなブックマーク開発ブログ 「Twitterへ投稿されるURLのリンク先を選べるようになります」とまるで善き事のように告知されているこの機能、一体なんなのかというと、例えば『Chikirinの日記』を読んでのぼせ上がった自分の頭で考えない人が、記事を Twitter
はてなブログのSEOが優れている理由とブロガー向けSEOのTipsをご紹介(寄稿:辻正浩) - はてなブログ開発ブログ
(2022年8月31日更新) はてなブログでは今回、SEO専門家の 辻正浩さん に「はてなブログとSEO」について寄稿いただきました。SEOに興味のあるブログ運営者の方にはかなり役に立つ内容となっています。どうぞお読みください。 はじめまして。SEO専門家、so.laの辻正浩（id:t-w-o）です。Webサービスを中心にさまざまな有名WebサイトのSEOをお手伝いしており、はてなブログにもSEOのアドバイザーとして協力しています。 今回、開発ブログにお邪魔して、はてなブログのSEO効果と、ブログ記事をより検索されやすくするポイントをご紹介します。 本記事は最初2013年4月に公開されましたが、それから検索エンジンの仕様は大きく変わりました。はてなブログも様々な面で進化しました。今回、2022年最新版として改めてはてなブログのSEOをご紹介します。 本稿の構成 無料ブログをSEO面で比較す
どうしてはてなブックマークが使いづらくなったのかを真剣に考えた
今年リニューアルをしてからというもの、だんだんと利用する機会がへってきたはてなブックマークのWebサイト。 最初はいつかなれるだろうと思ったけども、このなんともいえない見づらさが引っかかってしまう。 最近では、私の知り合いでも最低9人のユーザーが、はてブサイトを見なくなった、もしくはAPIを利用した見やすく加工されたサイトを見るようになったという意見も聞く。 はたしてはてなブックマークの何が自分にとって見難いのかを考えてみたい。 ほとんど個人的な主観です。私はここが嫌！っていう事を訴えたい。 パッとみてささっと見れなくなった この一言に尽きる。とにかく面倒臭いサイトに生まれ変わったといってもいいです。 これははてなブックマークをどのように利用していたかによって受け取る感想は千差万別だと思いますし、「これから新規ユーザーを呼び込みたいので、そういう人は気にならないでしょ、昔をしらないんだから
はてブの個別ブクマページ（新デザイン）の見やすさをCheck My Coloursで調べた結果がひどい - みやきち日記
個別ブクマページがすげえ見づらくなった はてなブックマーク、トップページだけじゃなく、個別ブックマークページ（エントリごとのコメント一覧のページ）も一部デザイン改変したんですね。たとえば、ITmediaニュースのこちらの記事の個別ブックマークページは、以下のように表示されます。 すげえ見づらい。何この白さ。 画面のコントラストが低すぎて、見ているうちに目が痛くなってきます。しばらくがんばって読んでみた後、何気なくTVを見たら、目が疲れすぎてBBCやCNNの画面下部の文字が読めなくなってて呆然としました。座ってる場所からTVまでの距離はいつもと同じなのに。701ページもある『木村政彦はなぜ力道山を殺さなかったのか』（増田俊也、新潮社）をKindleで一気読みしたときだって、こんなに目が疲れたりしなかったのに。 Check My Coloursで調べてみた この見づらさが個人の感覚の問題なのか
アイトラッキングなら一目瞭然！新「はてなブックマーク」が何となく見づらい理由 | マミオン有限会社-パソコン・数学研修、法人研修
先日リニューアルされた「はてなブックマーク」。 大幅なデザイン変更に対し、ネット上では賛否が分かれているようです。 【参考記事】 ・はてなブックマークのリニューアルがいけてない5つの理由 - enator's blog ・はてブリニューアル賛成論 個人的には「あぁ、見づらくなっちゃったな…」と感じましたが、何となく不満を訴えても仕方がないので、今回はその原因をマミオン得意の「アイトラッキング分析」を用いて考えてみることにしました。 綺麗な「F字型」を見せる旧デザインまずはリニューアル前のデザインについて分析ができればよかったのですが、時すでに遅し。代理として、以前のデザインに近い以下のサイトで分析を行ってみました。 Hatebu::Classic - 見慣れたデザインのはてなブックマーク 被験者は、30代男性である筆者1名です。いつものように、ホットエントリーをチェックする行動を行った結果
急な“スマートフォン対応”に困らない方法 はてなブックマーク週間ランキング（2010/12/4-2010/12/10） - はてなニュース
今週（2010/12/4-2010/12/10）のはてなブックマークで話題になった人気エントリーのランキングトップ10と、ニュース編集部イチオシのエントリーをご紹介します。急に“サイトのスマートフォン対応”を頼まれた時の解決方法など、今週のランキングはWeb制作に携わる人必見のエントリーが満載です。 はてなブックマーク週間ランキング（2010/12/4-2010/12/10） 1位Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ - 全力HP 2位自分でWEBサービスを作りたいと思っている人へ 3位http://www.xiii-xiii.com/2010/12/02/%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AA%E3%82%89%E7%9F%A5%E3%
はてなブログのデザインの裏側 - 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ページを開く
