長年の謎がまたひとつ解けてしまいました。 今までの僕なら、特大3Dプリントしたロゴで「これが成果だ！」と相手を殴り倒していたのですが、もうその必要は無くなりました。 なぜなら、mamariのこの記事のおかげで、ひとつの答えが見つかったからです。 ロゴはエモさの結晶、つまりCrystal of Emo.何を言っているかわからないでしょう。僕もわからないです。順を追って説明させてください。 まず、ロゴはサービスの存在意義の表明です。 最初に「僕たちはこういう価値をお客さんに提供しよう」「この価値の実現のために僕たちは毎日働くんだ」という想いがあり、そのエッセンスをひとつの形として表現したものがロゴになります。 アウトプットよりもプロセスが大事で、たとえ形がつたなくても、そこに想いがあることが重要です。 そうしてできた想いの詰まったロゴが、アプリやサイトに表示され、オフィスや名刺に刻まれる時点で

普段何気なく目にする、文字。書籍や新聞、パソコンで読む様々な書体は、どのように生まれるのでしょうか？今回お話を伺うのは、有限会社字游工房の代表取締役であり、ヒラギノや游明朝体などのデザインで知られる書体設計士の鳥海　修（とりのうみ おさむ）さん。ユナイテッドアローズ社オリジナルの欧文書体も手がける鳥海さんに、これまでに制作した書体のこと、つくり手としての思い、そしてこれからについてお聞きしました。 Photo：Takahiro Michinaka Text：Yukino Yagi 書体の構想は、イメージの言語化から。 ー書体デザインの背景について教えていただけますか？ 鳥海：書体制作に関わった当初は、生涯のうち一書体でもつくることができたら幸せだと思っていたんです。10年間の会社員時代は、一書体もつくっていませんでしたし。字游工房を設立した後、クライアントから「自分たちが自由に使える書

この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

私は先天性の色覚異常である（wiki先生によると色覚多様性という言い方もあるらしい）。 もっとも、「最後の赤と緑、赤い方を切れ！そうすれば爆発を回避できる！」……みたいな経験もないので、仕事や日常生活にはさほど困ってはいない。 ただ、興味本位と日常の些細な問題（靴下の色を取り違える、焼けてない肉を食べそうになる etc.）から、先日、色覚補正用レンズを購入した。 色覚異常を持つ人は男性で約5%の割合でいるそうだ。強弱はともあれ、佐藤・鈴木・高橋姓を足した人数くらい、先天的にその特性を持っているはずである。 まぁ、日常生活で気付くことはまず無理だし、赤の他人から指摘するのも（たぶん）躊躇われるし、で同様に困ってる人にはまだリアルで遭遇していない。 自身の場合は母方祖父がそうだったため、家族からの指摘で比較的早い段階で気付くことが出来た。 早い段階で気付けたことと、見分けのつきにくい色もバンバ

小さいですが、重要な変更のお知らせ。 noteの「スキ」アイコンが、スターからハートに変更されました。 これはnote全体のマナーを、モバイルの標準に合わせていく方針の一環です。 一般的なモバイルアプリでのマナー スター = 評価 ハート = ライク, お気に入り, リコメンド なぜ標準マナーに合わせる必要があるのか？ サービスが標準マナーに従うことで、ユーザーは直感的に操作できるようになります。学習することが少なくなるので、認知的な負担が軽減されるわけです。結果、ユーザーはスムーズにサービスを使えるようになり、継続率の上昇が期待されます。 今回の変更は、そのための小さな一歩です。今後、noteの中で変にオリジナリティが必要のない部分は、積極的にスタンダードに寄せていきます（その分、真に重要な部分にオリジナリティをつぎ込みます）。 短期的には軽微な混乱が発生するかもしれません。すぐになれる

［CES 2018］Razer，ワイヤレスマウスを充電から解放するシステム「HyperFlux」発表。マウス側にはバッテリーを搭載せず軽量化し，常時給電に 編集部：佐々山薫郁 北米時間2018年1月9日，Razerは，ワイヤレスマウス「Razer Mamba HyperFlux」（以下，Mamba HyperFlux）と，Mamba Hyperfluxへワイヤレス給電できるマウスパッド「Razer Firefly HyperFlux」（以下，Firefly HyperFlux）のセットを発表した。価格は249.99ドル（税別）で，世界市場では2018年第1四半期中の発売予定となっている。 Mamba HyperfluxとFirefly Hyperfluxのセット このセット品は，ワイヤレスマウスを常時給電できる技術「Razer HyperFlux Wireless Power Techno

2017年、CSS Niteでは35回の関連イベントを通して130セッションが行われました。その中からベスト・セッション＋αを選びました（開催リスト（2017年）、詳細データ）。 ベスト・スピーカー ベストスピーカー（次点） ベスト10セッション（順不同） ベスト20セッション（順不同） ベストLT ベスト・イベント ベスト・地方版イベント ベスト・キャラ 新人賞 ベスト・ケータリング 「全部はチェックしきれないので、これは！と思うものをチョイスして欲しい」という声をよくいただくため、2010年からベスト・セッションを選定して発表しています。 CSS Niteでは、ほとんどのセッションのスライドや音声を公開しています（無料版はすぐに、有料版は少し時間をおいてから）。参加した方だけのものにしておくのはもったいないので、これを機会にぜひチェックしてみてください。 また、やっぱりリアルタイムで生

最近、ようやくCSS Gridを学びはじめてるんですけど、学ぶ課程で「CSS Gridが”普及”するとBootstrap や Foundtion のようなフレームワークの作り方も変わるんだろうなぁ」と考えています。 どう変わるのかというと、まずは： 基本的にレイアウトはCSS Grid（必要に応じてflexbox）でやるようになる コンポーネントはいままでのフレームワークと基本的には同じだけど、CSS Gridに入れ込みやすい設計に変わる もう少し詳しく書くと： Bootstrapなどで採用されているグリッド・システムが必要なくなる 少なくともrowとcol-4、col-md-6のような書き方はなくなる 独自のグリッド・システムで作っていたレイアウトはCSS Gridでやるようになる つまり、HTMLにクラスを記述してHTMLでレイアウトを組むのではなくCSSでレイアウトするようになる（あ

cakesは2022年8月31日に終了いたしました。 10年間の長きにわたり、ご愛読ありがとうございました。 2022年9月1日

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

フロントエンドウェブ開発者。HTMLやWAI-ARIA、CSS設計、レスポンシブデザイン、Jamstack、シングルページアプリケーション、アクセシビリティ、インターフェースデザインが関心領域。 監訳を担当した書籍『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』がオンライン書店などで発売中。 ウェブサイト（not ウェブアプリケーション）のためのフロントエンド開発スターターキット。 WordPressテーマ構築のための開発環境。 ウェブアクセシビリティの参考資料をまとめたサイト。日本語の資料を中心にリンク数は200を超える。サイトのデザインおよび実装に携わる。有志のメンバーにより制作・運営されている。 静的サイト構築のための開発環境。 自社で所属していたチームのウェブサイト。 過去に更新していた個人ブログ。 Tailwind CSSにおいて、スタイルの