デザインに関するukidousanのブックマーク (38)

  • はてなブックマーク新ユーザーページを正式リリースいたしました - はてなブックマーク開発ブログ

    先日下記エントリーで告知いたしました通り、日7月3日にはてなブックマーク新ユーザーページを正式リリースいたしました。ご利用いただいていた旧ユーザーページは、すべて新ユーザーページに移行しました。 ▽ はてなブックマーク新ユーザーページを正式リリースいたします - はてなブックマーク開発ブログ ご利用方法などに関してご質問がおありの際には、お問い合わせ窓口よりご連絡ください。 ▽ はてなブックマーク - お問い合わせ - はてな また、告知エントリー内で募集いたしましたユーザーページに関するアンケートにご回答いただいたユーザー様、ありがとうございました。今後のサービス開発の参考とさせていただきます。 今後ともはてなブックマークをよろしくお願いいたします。

    はてなブックマーク新ユーザーページを正式リリースいたしました - はてなブックマーク開発ブログ
    ukidousan
    ukidousan 2017/07/04
    userContent.cssに雑に1行追加して様子見
  • 小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ

    ビスケットは,開発して新しい機能を追加したときなど,必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます(最近はその暇が無くて他人に任せていたりして,かなりまずいんですが).3年前くらいの面白いエピソードをご紹介しましょう. ちょうど,Androidタブレットで動くビスケットを開発していて(これはまた一般には配布していません.実験環境だけです),それがどのように子どもたちに使われるか見に行きました.僕としても指で直接操作するタブレットのUIの開発は初めてで.実は,マウスとタッチペンの操作は結構似ています.どちらも,非常に小さいエリアを結構正確にポイントできて,ドラッグもできますから.どちらかというと,ペンの方がドラッグが得意でしたね.小さい子はマウスクリックが全然出来ないとか(ボタンを押すときに指先だけ押すということができないので,手を握ってしまって,その結果マウ

    小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
  • 高齢者へのiPad導入を阻んだiOSのUI/UXの話

    高齢者へのiPad導入を阻んだiOSのUI/UXの話 先月(2013年11月)、徳島県南部局と美波町が共催する「ITふるさと村」の講座で、iPadを使ったタブレット講座を開催しました。その成功と失敗の体験について書こうと思います。 Facetimeビデオ通話のデモで会場を一気に盛り上げたものの、参加者に実際に体験してもらう段階で「大失敗」。AppleIDの取得とそのためのiCloudメールの登録をしてもらってから、と進めたのですが、30名ほどの参加者のうち時間内にゴール出来たのは、たったの1名。好きなアプリをダウンロードしてもらい、タブレットの楽しさを感じてもらう目標が、そのスタート地点にも立てず(;_;) 企画や運営、インストラクターとしては完全に落第点でした。それを棚に上げると、高齢者とITに関する課題が大量に見えたという点では、ある意味「大成功」だったとも言えるでしょう。 【講座内容

    高齢者へのiPad導入を阻んだiOSのUI/UXの話
    ukidousan
    ukidousan 2013/12/05
    id:entry:169063206と違って何がまずかったのかちゃんと分析している
  • 「ニコニコ動画:GINZA」のサムネイルがひどい件 - ちゆ12歳

    文 10月8日に、ニコニコ動画が「GINZA」にバージョンアップしました。 ニコニコ史上もっとも些細なバージョンアップ niconicoトップページ、ニコニコ動画トップページ・検索結果ページ・ランキングページでデザイン変更をしました。 (変更点:サムネイル画像の16:9化、検索ソートのインターフェース変更) この「サムネイル画像の16:9化」で、デザインは次のように変化しました。 全体像的な画像を表示 サムネ用の小さな画像を、これまではほぼ原寸で表示していたのが、上下左右をカットして引き伸ばすようになった感じです。 それで文字が切れてしまい、動画投稿者がその画像をサムネに選んだ意図が台無しになっているケースも多いです。 文字以外にも、表示面積は10%増しなのに元画像の64%しか使わないということで、色々と劣化します。 全体像的な画像を表示 ついでに、動画を見終わったときに表示される「オス

    ukidousan
    ukidousan 2013/12/01
    なんでちゆが、と思ったらちゃんと理由があった。
  • スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict

    顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme

  • はてなブックマーク用のユーザースタイルシート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 「

    はてなブックマーク用のユーザースタイルシートhatena-user-cssについて - tpex_ovon's blog
    ukidousan
    ukidousan 2013/03/23
    Stylish使わないでuserContent.cssに直接コピペしてもいいんだけどね。 ん、タグ追加候補直ってる?
  • はてなブックマーク開発ブログ

    いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターの id:yone-yamaです。 はてなブックマークにて、深夜にサーバーの計画メンテナンスを行います。 メンテナンス中は、ブラウザ版、アプリ共に、サービスの閲覧やブックマーク機能などの利用に影響がありますのでご注意ください。 メンテナンス予定期間 2024年2月2日(金) 深夜 1:30〜3:00(合計1時間半) メンテナンス中に影響を受ける機能 ブラウザ版・アプリともに、以下の操作が行えないタイミングが発生します。 新規にブックマークされたページのタイトル・概要の取得 ドメイン変更に伴うブックマークの移行 お気に入りユーザーの追加と削除 マイホットエントリーの更新 マイホットエントリーの新規利用開始 ブックマークの追加・編集・削除 コメント一覧ページでのエントリータイトルの編集

    はてなブックマーク開発ブログ
    ukidousan
    ukidousan 2013/03/21
    cookpadやitmediaが元に戻った、と思ったら全部入れ替えてきたか。相変わらずフォントサイズが変わると滅茶苦茶に崩れるタグデザインにOK出したバカは誰だ?
  • はてなブックマークの新しいエントリーページに対応したユーザースタイルシートを作った - tpex_ovon's blog

    あたらしいエントリーページのデザイン素敵ですね! というわけで自分が見やすいように勝手にユーザースタイルシートを作ったよ。 ダウンロードはこちら https://github.com/ovoncovon/hatena-user-css こんなかんじ 旧デザインと新デザインが混ざってるのでCSS書くのが面倒 それと、トップにタグ復活しました。最初に作った時にジャマで消したままだったです。 要素が増えて見にくいかもなあ。 こんなん

    はてなブックマークの新しいエントリーページに対応したユーザースタイルシートを作った - tpex_ovon's blog
    ukidousan
    ukidousan 2013/03/01
    トップページやホッテントリー見ないからエントリーページの方だけ導入
  • ユーザーの反応に「完全に狼狽した」 はてなブックマーク、リニューアルの意図と背景

    「完全に狼狽(ろうばい)した」――「はてなブックマーク」(はてブ)リニューアルのディレクターを務めたはてなのディレクター・伊藤博典さんは、リニューアルに対するユーザーの反応を見た感想を率直にこう語る。 1月8日、はてなブックマークのトップページとカテゴリーページをリニューアル。アルゴリズムを刷新し、同じ記事が長く滞留しないようにしたほか、デザインも一新。ブルー一色のリスト風の記事一覧からカラフルな配色に変え、一部ページではタイルを並べたようなデザインに刷新した。 大幅なリニューアルは2008年以来、4年ぶり。思い切った刷新を評価する声がある一方、ドラスティックな変更に対する否定的な意見も殺到し、ブログ記事のブックマークには「これはひどい」タグが付き、「見づらくなった」など辛らつな声が次々に寄せられた。 4年間変化のなかったトップページをガラリと変えれば、ユーザーは驚くだろうと想定はしていた

    ユーザーの反応に「完全に狼狽した」 はてなブックマーク、リニューアルの意図と背景
    ukidousan
    ukidousan 2013/03/01
    itmediaとcookpadのコメント一覧ページが非常に読み辛くなったから元に戻してもらいたい。 /id:asakura-t かなりいい感じになった。いいねこれ。
  • H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -

    HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);

    H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
  • はてぶ新聞

    速報 Yahoo!ニュース 12 「サンモニ」日学術会議前議長・山極氏「いずれは学生が動員される。 06月29日 22時50分 Yahoo!ニュース 3 「サンモニ」日学術会議前議長・山極氏「いずれは学生が動員される。 06月29日 21時59分 Yahoo!ニュース 240 「サンモニ」日学術会議前議長・山極氏「いずれは学生が動員される。 06月29日 05時20分 一般 ビリー・アイリッシュ、「セルフプレジャーは私の生活の大部分を占めている」 247 ビリー・アイリッシュのお気に入りのリラックス方法は、セックスだという。「私は基的に機会があるたび、セックスについて話すことにしている」と『ローリングストーン』誌のインタビューで明かす。「女性として思うのは、セックスが歪んで捉えられているということ。セックスを話題にすることを快く思わない人が大勢... 05月29日 10時22分 i

  • CSS: marginの正しい理解 - kojika17

    toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基的な内容ですが、読んで頂ければ幸

    CSS: marginの正しい理解 - kojika17
  • 【緩募】このブログのデザインとかをいい加減どうにかしたいので、どうにかしてくれる人を緩く募集 - やまもといちろうBLOG(ブログ)

    一万円ぐらいでどうにかしてくれる人っていらっしゃいませんかね…。 ネタフルやってるコグレさんに「わっちもネタフルみたいなかっちょいいサイトにしたいんですよね」って相談したら、コグレさんからマツケンみたいな顔で「毎日10以上更新するなら意味あると思いますよ」的に言われて、週に10書けば多いほうの私としてはハードルが高すぎてくぐりたくなる話でありまして。 ココログが気に入っているので、ドメインなどはそのまま使っていくにしても、テーマカラーの008800を維持しつつ、もう少し読みやすく、もうちょっとソーシャルな感じに脱皮していけたらなあと思ってまして、なんか古い旅館のようにいろんなブログパーツとかzenbackとかがべたっと貼られただけでやる気ない感じがいかんなあと。 いま思いつく限りで言うと: ・ 緑地に白字でずっとやってきて、テーマカラーはそのままにもう少し読みやすい配色のデザインにした

    【緩募】このブログのデザインとかをいい加減どうにかしたいので、どうにかしてくれる人を緩く募集 - やまもといちろうBLOG(ブログ)
  • 左利きにとっての3DSの恐怖::Colorful Pieces of Game

    DSを触って左利きの思ったこと 年末から年始にかけて、ご多分に漏れず僕もゲーム三昧で、年末は仕事が忙しくて、最近はあまりプレイ出来なかったFFやったり、まあ年末に出たゲームを遊んでいたのだが、その中にはDSのゲームがある。 このDSというゲームマシン、個人的には大変に気に入っている。 少々大きいと思うし、デザインもちょっと安っぽいと、まあ気に入らないところもあるが、タッチスクリーンの楽しさは今までにない感覚で、大変に面白いと思う。(現在での注:初代DSの話) 個人的には『君のためなら死ねる』が実にバカらしいノリで、そこはかとなくエッチで、大変に気に入っているのだが、実は、この気に入ったソフトのある、気に入ったマシン、DSを…買おうかどうしようかずいぶん迷っていたのだ。 というのも「DSは果たして左利きの事も考えて作ってあるのか?」が分からなかったからだ。まあ、こんな事が気になるのは、何を隠

  • 暑い - やまもといちろうBLOG(ブログ)

    そんなドット図なんかより、こっちで見た方がもっと心の琴線にふれるけど。 http://www.jma.go.jp/jp/amedas_h/map30.html 大手町じゃ今日の最高気温は35.6度だが、府中じゃ14時に37度とか、練馬で13時に37.3度とか八王子じゃ15時に37度とか、江戸川臨海か羽田か小河内ダムのあたりにしか逃げ込む場所無いようですがね。 オレの体は、寝たら、完全に適応したみたい。 そもそも、あれだよ、塩は体の毒みたいな、あの変なことを医者がせっせか広めたせいでないかい。ホメなんとかより、贖罪した方がいいと思う。年寄りを塩抜きにすれば、すぐ夏バテになって、事故だよ。だいたい、変だろ、昔は、エアコンも扇風機もなくても、平気だったんだぞ。 暑い夏は、すいかに塩ふりかけてべてれは、なんなく過ごせるってのが、日人らしさだと思う。若い連中も、まず、自分の暮らしぶりと昔のくらし

    暑い - やまもといちろうBLOG(ブログ)
  • 伊藤内科医院

    大分市大石町4丁目1組の2 / 097-543-1100 診療時間: 8:30~12:00・13:30~17:30(水曜日は15:30まで) ※受付時間は診療時間終了の30分前までとなります。 休診日: 日曜・祭日・木曜午後・土曜午後

  • 画像を一切使わずにCSS3だけでドラえもんを描いてみた! - 裏技shop DD

    昨日の画像を使わずにCSS3だけで作ったサイト「NetaGear」に引き続き、日もCSS3の記事です。ここ最近の私のマイブームはCSS3で色々やってみることなんですが、CSS3を使えば画像なんて使わずに絵が描けるんじゃない?という疑問を抱き実際に作ってみました! 今回作成したのは日人なら誰もが知っている国民的キャラクターの「ドラえもん」です。使うものはXHTML+CSS3だけで一切の画像は使いません。画像を使えば簡単にできるのは言うまでもないことですが、すべてソースコードから成り立つことが前提です。 CSS3で作ったドラえもんの完成品! CSS3 ドラえもん 最近のドラえもんというより、大山のぶ代さんが声をやっていた頃のドラえもんの方が好きなので、そっちをイメージして作りました。注意事項としてはGoogle Chromeとfirefoxで閲覧してください。Operaでは一部CSS3に対

    画像を一切使わずにCSS3だけでドラえもんを描いてみた! - 裏技shop DD
    ukidousan
    ukidousan 2010/05/07
    IEできれいにオチがついてて感動した
  • 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

    pukiwiki、はてなトップページの妙な恐怖感
    ukidousan
    ukidousan 2010/03/09
    せっかくだからとそのwiki読んでみたけど目当ての物は見付からなかった
  • シムシティーの仕組み

    シムシティーを作り始めていちばん最初に考えたのは、街を一種の生き物のように表現できないかってことだった。 僕が街についてどう考えているかはすでに説明したけど、大事なのは街を構成する建物とか道路じゃなくって、そこでどんな活動が行なわれているかってことだと思うんだ。道路を車が走り、電車が動き、人々が動き回り、常に要素が変化し続ける“動きのある”システム。街を表現する方法っていうと誰でも地図を思い浮かべると思うけど、僕は動きがない地図じゃなくって、たとえば飛行機から眺めた街、動きのある世界をディスプレイに表現しようって考えた。それこそが僕の考える街の姿だからね。 それともう一つ考えたことは、プレイヤーに伝える情報をできるだけわかりやすく、それも“面白い”って思えるような形で表現しようってことだった。シミュレーション・ソフトっていうとたいてい数値や図表がたくさん出てくるけれど、数字が並んでいるのを

  • 草間彌生氏が手がける“アート”な携帯電話3作品――「iida」Art Editionsモデル

    KDDIは4月7日、auケータイ新ブランド「iida」のArt Editionsモデル「ドッツ・オブセッション、水玉で幸福いっぱい」「私の犬のリンリン」「宇宙へ行くときのハンドバッグ」を発表した。 関連記事「写真で解説する『Art Editions YAYOI KUSAMA』」 Art Editionsとは、現代アーティストとともに携帯電話を現代アートへと一変させるiidaのデザインプロジェクト。今回発表された3作品は、水玉モチーフと強烈な色彩で他に類をみない作品を生み出す前衛芸術家の草間彌生氏が手がけたもの。草間氏が携帯電話をテーマに制作した作品をもとに、携帯電話としての機能性を損なうことなく、今までにない細密な手作業や高度な印刷技術を駆使するなど、通常考えられない手間と時間をかけて制作されたという。 3作品とも従来の携帯電話像を覆す独創的なものだが、auの製品として発売される予定だ。販

    草間彌生氏が手がける“アート”な携帯電話3作品――「iida」Art Editionsモデル