はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターの id:yone-yamaです。 はてなブックマークにて、深夜にサーバーの計画メンテナンスを行います。 メンテナンス中は、ブラウザ版、アプリ共に、サービスの閲覧やブックマーク機能などの利用に影響がありますのでご注意ください。 メンテナンス予定期間 2024年2月2日(金) 深夜 1:30〜3:00（合計1時間半） メンテナンス中に影響を受ける機能 ブラウザ版・アプリともに、以下の操作が行えないタイミングが発生します。 新規にブックマークされたページのタイトル・概要の取得 ドメイン変更に伴うブックマークの移行 お気に入りユーザーの追加と削除 マイホットエントリーの更新 マイホットエントリーの新規利用開始 ブックマークの追加・編集・削除 コメント一覧ページでのエントリータイトルの編集
どうしてはてなブックマークが使いづらくなったのかを真剣に考えた
今年リニューアルをしてからというもの、だんだんと利用する機会がへってきたはてなブックマークのWebサイト。 最初はいつかなれるだろうと思ったけども、このなんともいえない見づらさが引っかかってしまう。 最近では、私の知り合いでも最低9人のユーザーが、はてブサイトを見なくなった、もしくはAPIを利用した見やすく加工されたサイトを見るようになったという意見も聞く。 はたしてはてなブックマークの何が自分にとって見難いのかを考えてみたい。 ほとんど個人的な主観です。私はここが嫌！っていう事を訴えたい。 パッとみてささっと見れなくなった この一言に尽きる。とにかく面倒臭いサイトに生まれ変わったといってもいいです。 これははてなブックマークをどのように利用していたかによって受け取る感想は千差万別だと思いますし、「これから新規ユーザーを呼び込みたいので、そういう人は気にならないでしょ、昔をしらないんだから
ユーザーの反応に「完全に狼狽した」 はてなブックマーク、リニューアルの意図と背景
はてブのリニューアルに批判が殺到し、「完全に狼狽した」と担当ディレクター。はてブは開発者主体のサービスから、編集視点を加えたメディアへと変化してきている。 「完全に狼狽（ろうばい）した」――「はてなブックマーク」（はてブ）リニューアルのディレクターを務めたはてなのディレクター・伊藤博典さんは、リニューアルに対するユーザーの反応を見た感想を率直にこう語る。 1月8日、はてなブックマークのトップページとカテゴリーページをリニューアル。アルゴリズムを刷新し、同じ記事が長く滞留しないようにしたほか、デザインも一新。ブルー一色のリスト風の記事一覧からカラフルな配色に変え、一部ページではタイルを並べたようなデザインに刷新した。 大幅なリニューアルは2008年以来、4年ぶり。思い切った刷新を評価する声がある一方、ドラスティックな変更に対する否定的な意見も殺到し、ブログ記事のブックマークには「これはひどい
色覚障害のあるユーザーに、Webサイトがどう見えているかをザックリと教えてくれるWebツール・Chromanope
日曜日ですが、良さ気なツールを 見かけたので備忘録的にご紹介。 色覚障害の方、俗に言う色弱の 人にとってWebサイトがどう見えて いるかを教えてくれる、という Webサービスです。 「色覚障害の方は～色が～に見える」と言った記事はたまに見かけますが実際はケースバイケースです。一応自分も国家医療資格の保有者なので、医学に関する事を軽々しくブログ等で書かく訳には行きません。なので、教科書に載ってる程度の事にだけ触れるようにしておきます。 人が刺激として錐体と呼ばれる器官で受けられる色は青、赤、緑の3色です。これらが全て正常に揃っているのがC型、赤の錐体に異常があるのがProtanope（P型）、緑の錐体に異常があるのがDeuteranope（D型）で、この2つのタイプが最も多く存在します。稀に青の錐体に異常がある場合もあります。これはTritanope（T型）と呼ばれます。 これらの3つのタイ
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
RSS アコーディオン・ブログパーツ
このサイトは 会計事務所のM&A - NICOT | 大阪・兵庫・京都・奈良 に移動しました。 (旧ホームページ) 大阪・兵庫・京都・奈良県の会計事務所のM&Aなら実績No1のNICOTにお任せ下さい！サービス手数料はリーズナブルで明瞭な料金体系で安心。豊富な経験と実績を持った専門家（公認会計士・税理士）があなたを全力でサポートします！会計事務所のネットワークを活かして、最適な引継ぎ先をご提案します。 会計事務所のM&AはNICOTにお任せ。豊富な経験と実績が必要です！顧客満足度90%以上。大阪・兵庫・京都・奈良。 こんなお悩みございませんか？ 年齢的にきついし、そろそろ事務所を誰かに任せて引退したい。健康上の不満もあるので、万が一を考えるとこの先心配。安心できる事務所にまかせて、数年以内にリタイヤしたい。ITシステム、マイナンバー管理などコストも手間も大変で今後の対応が不安。後継者がおら
配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう！｜Webpark
自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か
ディレクターなら知っておきたい「バナー広告制作の基礎知識」 : LINE Corporation ディレクターブログ
こんにちは、NHN Japanのマッチングサービス事業部でマーケティングを担当しているotakeです。 今回は担当サービスの運用業務と並行して出稿も担っている忙しいディレクターさんやこれから出稿業務に携わる方のために、チャッチャと読んで現場ですぐに使える実戦的なナレッジの一部を「バナー広告制作の基礎知識」として書かせていただきます。 当事者意識を持たせるAttentionを考える ユーザーの購買行動において、バナー広告が担うポジションはAttention（注意）喚起にあたりますが、一般的にバナー広告は誰に注意を促すものなのでしょうか。 検索から目的を持って能動的に何かを探しているわけではないが、潜在的な関係性を秘めているのがバナー広告の対象となる潜在層。ここに位置する対象には”この広告はあなたに関係あるものです”、”おそらくあなたの話です”といった潜在欲求に気づきを与える「当事者意識を高め
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
無駄なdiv要素やclassだらけのマークアップから卒業する方法
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク：960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
pukiwiki、はてなトップページの妙な恐怖感
尾野（しっぽ） @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ／縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38
Web制作時に色（カラー選定）で困った際に役立ちそうな13のツールやサービス
Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま
【公式】ハイローオーストラリア｜新機能：ジャックポット・キャッシュバックプログラム￤HighLow.com
ジャックポットについて特別なキャッシュバック取引約定後に、幸運なプレイヤーは最大100,000円のキャッシュバックが当たります。また、Highlowロイヤルティ・ステータスが高いほど当選確率・金額が上昇します。
ブラウザを最大化して開く必要はないよ！：ekken
可変幅のデザインのウェブサイトは、最大表示幅（または文字数）が指定されていないとウィンドウを最大化したときに読み難くなる、という話を目にするのだけど。 モニターサイズがこれだけ大きくなっている時代に、いまだに幅いっぱいのページ作っている方も見かける。なぜか、W3C信望者に多いような気がしてならないのだが、気のせいだろうか？ たぶん、「調整したい人は勝手にしてください」ってことなんだろうなぁと思うのだけれど、それって、読み手に「ヒト手間」をかけさせるという点においては、音楽がいきなり流れるページを作っておいて「キライな人はオフボタンをクリックしてください」というのと同類ぢゃないのか？ モニターサイズがこれだけ大きくなっている時代に、いまだに幅いっぱいのウィンドウでブラウザを開いているのかッ！？ ……と、反撃してみる。僕はW3Cには全く興味が無いけれど。 読みにくいほどの横幅なるくらいにブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
favicon.ico Generator
RSSアイコン - 無料RSS画像・RSS作成サービス
[CSS]全幅960+10pxをベースに汎用的に展開するグリッドシステム