ピクセルパーフェクトで十分なの？｜佐藤好彦(yoshihiko)
ピクセルパーフェクトが話題になっているみたい。こういう職種間の問題は、触れると危険な感じはするけど、論点がそこなのかなと思う部分がある。自分が見かけた範囲では、ピクセルパーフェクトじゃないとダメとか、そうじゃなくてもいいとか議論されていたのだけど、そもそもピクセルパーフェクトで十分なのかな？ 重ねてみて揃っていればOK？ウェブの場合、レスポンシブにしても、リキッドな部分があることが多いし、そこに入ってくるコンテンツも、いろいろなバリエーションが考えられるので、ある特定の環境、特定のコンテンツにおいてピクセルパーフェクトだということでは、十分ではない。「カンプを背面において作ればピクセルパーフェクトになる」といっている人もいるが、それはウェブのデータとしては、全然十分ではない。 重ねてみて揃っていればOKということではなく、どんな閲覧環境でも、どんなコンテンツが入ってきても問題がない状態であ
本当に求めてるのはピクセルパーフェクトという「要件」ですか？｜榊原昌彦
個人的な観測範囲によると、定期的にTwitterで議論になる三大Web制作話題は ・ マサカリ ・ jQuery ・ ピクセルパーフェクト なのですが、今年もまたこのシーズンがやってきました！2020年9月20日に話題になったピクセルパーフェクトのツイートは以下にまとめられています。 そもそもピクセルパーフェクトとは何かをみてみたいと思います。 ピクセルパーフェクトとは簡単にいってしまうと、デザインカンプを1pxのズレもなく完璧に再現することです。まぁ、簡単か難しいかといえば、1枚の絵をそのまま再現すると開き直ると慣れればそんなに難しくありません。Bodyのbackground-imageにデザインカンプを設定してその上にパーツを配置していけばいいだけなので。ChromeにPerfectPixelというアドオンを入れるだけでも十分です。 では、どうしてピクセルパーフェクトはこれだけ議論にな
ピクセルパーフェクトは必要なのか？ HTMLコーダーの考え方まとめ
平尾誠@ARUTEGA.Inc @Makopontass コーディングを外に出すことが増えてきた。 やはり経験値が少ない人の品質管理は大変だと感じつつも、しぶとくピクセルパーフェクトを狙ってくる方に仕事を任せてよかった。 この再現性への執着心がないと伸び代を感じれない。 吉本 集 / aru inc. @tsuDoi220 いやー、実際そうなんですよねー。 ピクセルパーフェクトに、そもそも拘っていない人に、仕事お願いしたくない。テクニックどうこうより、全然こっちのほうが大事。ほんとに。 後、速度とちゃんと納期守ること。 当たり前のようだけど、意外とね、、、 twitter.com/makopontass/st…
アドビ システムズ、社名を「アドビ」に改名
sponsored MSIのNUC「Cubi NUC 1M」を徹底レビュー NUCはどれも同じではない！ちょっとした違いなのに大きく影響するポイントを見逃さずに選ぼう sponsored 浄土真宗親鸞会がネットギア「M4250」を導入、能登半島地震では「機動力の高さ」が生きる 大規模イベントの“ワンオペ映像業務”、実現したのはNDIとネットギアPro AVスイッチ sponsored JN-IPS238FHDR-C65W-HSPなら直販価格2万2980円 昇降式スタンドとUSB Type-C給電は後悔しないディスプレー選びの新要件！ 2万円台前半でも探せばある sponsored インテル CPU搭載AlienwareやデルPC購入で、QUOカード Payが抽選で当たる！ AlienwareやデルPCをお得に買うチャンス！ インテル CPU搭載PC購入でプレゼントも sponsored ガ
Netflixが急成長の裏で力を入れる、“アクセシビリティの向上”の意義
今年もNetflixの快進撃が続いている。アメリカで行われた同社の2019年第4四半期決算発表によると、Netflix有料会員数は1億6700万人を超え、そのうちの1億人以上が米国外のユーザーだという。（参考＝日本経済新聞「Netflix、利益4.4倍に 米国外の会員1億人突破」） 続く急成長の裏で、Netflixがひそかに力を入れている機能があることをご存知だろうか。それは“アクセシビリティ機能”だ。聞き慣れない言葉かもしれないが、日本国内では厚生労働省が「アクセシビリティ＝年齢や身体障害の有無に関係なく、利用できること」と定義しているように、障害のある人であっても不便なく動画を視聴できるようにする工夫にNetflixが力を入れているということだ。国内で多数存在する動画ストリーミングサイトの中で比較をしても、Netflixはこの点において最大級の配慮を行なっている。今回は障害をもたない人
Cocoda!で『Human Interface Guideline』を実践しながら学べるコンテンツがリリースされました！🚀｜グレイテストヒロキ | Cocoda!｜note
Cocoda!で『Human Interface Guideline』を実践しながら学べるコンテンツがリリースされました！🚀 Cocoda!デザイナーのグレイテストヒロキです🕺 この度、UIデザインを学習している人・もっとUIデザインのスキルを付けたいデザイナーに向けた、デザインガイドライン(Human Interface Guideline)を元にしたアプリデザインができるようになるコンテンツが追加されました！🎉 同時に、アプリデザインだけでなく「WEBデザインが作れるようになる」コンテンツも追加されているので、そちらと併せてチェックしてみてください！✨ ↓↓早速取組んで見たい方はこちらから👍👍↓↓ https://cocoda-design.com/contents ✍️Human Interface Guideline(=HIG)とは HIGとはApple社が提供するiOS
ややこしい「源ノ角ゴシック」と「Noto Sans」のまとめ | DTP Transit
Illustratorなどのアプリケーションでの表示 「源ノ角ゴシック」は「源ノ⾓ゴシック JP」、「源ノ角ゴシック CJK」は「源ノ角ゴシック」と表示されます。 一致させてくれるとよかったと思います。 Illustratorなどのアプリケーションでの表示（英語表記のとき） 英語表記にすると、「Souce Han Sans（JP）」になります。 なぜか「Regular」のウエイトのみ、「Regular」が表示されません。 ちょっと気になる点 こちらの記事（blogs.adobe.com/japan/cc-adobefonts-source-han-sans-japanese-source-han-sans-cjk-japanese/）内に 「源*の*角ゴシック」ファミリー → 「源ノ角ゴシック」ファミリー これらのフォントには、Unicode CJK Unified Ideographs
Don't Use Em for Media Queries
Software developer, author, and host of Full Stack Radio. November 30, 2017 Update: It looks like the bug in Safari has been fixed in Safari 15, so I wholeheartedly recommend using em for media queries now. Keeping the post up for historical reasons, but the conclusion is no longer valid. In March 2016, Zell Liew published a really great in-depth post titled "PX, EM, or REM Media Queries?", where
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
ECサイトにおいて「レスポンシブWebデザイン」では売れない３つの理由｜ECのミカタ
水上 浩一です。 2017年12月に大阪EC実践会13期が終了しました。<br>（現在は14期絶賛開催中です） 今回も月商ギネス（最高売上の更新）ラッシュとなりました。 その中には元々大きな売上だったファッションジャンルのショップさんが<br>11月12月と連続で月商ギネスを更新され昨年対比142％という数字をたたき出すことに成功しました。 本当におめでとうございます！ こちらのネットショップさんに1月下旬、お話を伺う機会があったのですが、<br>特にスマホページの改修を積極的に行い、コンバージョン率を大幅に向上させたのが成果要因だとおっしゃっていました。 スマホサイトではモノは売れない、とおっしゃる方もいらっしゃいますが、<br>EC実践会ではこのようにスマホサイトでコンバージョン率を大幅にアップさせて、結果的に売上を上げることに成功している事例が数多くあります。 スマホサイトはうまく改
SINAP | 【書籍紹介】2017年度版：Web業界の新人さんにおすすめ！一度は読むべき本12選
こんにちは、ディレクターの北川です。 今回はシナップの研修で使用している図書について、夏に入社した北川と村田の２名でご紹介していきます。 新人研修で使用する基本編の図書を中心に、全体の研修で使用した応用編まで合計12冊となっていますので、Web業界の新人さんにとって、日々の業務に役立つ図書が多く見つかるはずです！ それでは早速ご紹介に移りましょう。 おすすめ一覧 1 . 『ビジネスマナーの解剖図鑑』 2 . 『世界一やさしい問題解決の授業』 3 . 『ウェブの仕事力が上がる標準ガイドブック』 4 . 『リーン・スタートアップ』 5 . 『Running Lean』 6 . 『IA/UXプラクティス』 7 . 『Web制作者のためのUXデザインをはじめる本』 8 . 『次世代Webサイト構築ワークフロー』 9 . 『Webディレクションの新・標準ルール』 10 . 『誰のためのデザイン？』
22個のフォーム項目を5つに？モバイル・ウェブ制作に必要な考え方とは
Conversions@Google 2017 での「Mobile in the Future 」というルーク・ロブルースキー氏のプレゼンにすごく感銘を受けたので、ここでもシェアします。ルーク氏はモバイル・ファースト を提唱した、そう、あの人です。 ちなみに、2017年11月にダブリンで行われたイベントだそうですが、アップされてる動画の中でルークさんのプレゼンが圧倒的に再生回数が多い です。さすが。 プレゼンの内容やスライドのデザインはもちろん、Q & A まですべて素晴らしい内容でした。話も上手で出てくる情報やデータの量も半端なくて説得力があるんですよね。本当にすごい。 ところどころ彼のテクノロジーオタクっぽいところが出ているんですけど、それも含めて好きなプレゼンです。自分の考えとシンクロすることも話していて、すとんと腹落ちしました。 3つのポイント 僕がこのプレゼンを見て最も重要だと思
UI / UX 学びまとめ
夏、満喫してますか？ 夜は何してる？ フェス、ナイトプール、おうちでまったり、友達とビアガーデン……。ViViモデルが夏の夜にやりたいこと×メイクをまとめました。
html5j Webプラットフォーム部 第18回勉強会｜今回のテーマは「アクセシビリティ/インクルーシブデザイン」
Rikiya Ihara / magi @magi1125 というわけで、html5j Webプラットフォーム部 第18回勉強会のセッション「多様なユーザーニーズに応えるフロントエンドデザインパターン〜エッセンス編〜」で使用するスライドです。#html5jplat docs.google.com/presentation/d… 2017-11-22 05:25:15 みずまん @mizuman_ 本日、19:30より、html5j Webプラットフォーム部 第18回勉強会「アクセシビリティ/インクルーシブデザイン」を以下のURLでライブ配信します。 残念ながら参加できないという方も是非ご覧くださいませ youtube.com/watch?v=zv462p… #html5j #html5jplat 2017-11-22 16:29:41
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
Webディレクター手帳
Webディレクター手帳は、ウェブサイト制作の企画設計の「プランニング」とプロジェクト進行の「マネジメント」を支援する、Webディレクター向けのツールです。 現役20年のWebディレクター田口真行の「ディレクション・フレームワーク」をベースに開発しました。 依頼者と制作者の狭間で“苦悩しがち”なディレクションが、理想的な「架け橋」となるよう、サイトプランニング＆プロジェクトマネジメントの道しるべとしてご活用ください。 Webディレクター手帳をきっかけに、あなたらしいアプローチで、あなたらしいアレンジを加えながら、あなた自身の「ディレクションのカタチ」を追求してもらえたら嬉しいです。 明日からの現場に、ワクワクな彩りを。
国内UX第一人者 黒須正明先生による連載コラム第一回「UXへの大いなる誤解」 - KUSANAGI Tech Column
UX（ユーザエクスペリエンス）の定義や誤解について解説し、本来の意味とは異なる使われ方をしている現状を批判しています。1998年に認知工学者のノーマンが初めて提唱したUXは、製品がどのように見え、学習され、使われるか、ユーザのすべての経験を包括的に捉える概念です。しかし近年、特定の意味を持たない一般語として広まり、定義の曖昧さから誤解も生じています。筆者は次回、自らの定義するUXの概念構造を紹介すると述べています。 今回から全6回にわたり、Web関係者の皆さんを主対象にしたUXの解説を書くことにします。世間に出回っているUXに関する言説には論理的に考えるとちょっとおかしいものが多いので、そうした話を聞かれてきた皆さんには多少の違和感があるかもしれませんが、どうぞよろしくお付き合い願います。 [UX概念の誕生] いまでは頻繁に耳にするUX (注1)という概念は、認知工学者のノーマン(Norm
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
越境型スキルのすゝめ｜dely design
Adobe MAX Japan 2018 ビデオアーカイブ
ウェブサービスを作るときはBlank Slateを工夫しよう | IDEA*IDEA
