こういう本を待っていた！ WebのUXを改善するライティングに特化された解説書 -Webコピーライティングの新常識「ザ・マイクロコピー」
Post on:2022年5月20日
マイクロコピーとは、Webサイトやスマホアプリのボタンのラベル、ボタンやフォームに添えるテキスト、エラーメッセージなどのUIデザインに使用される短いテキストのことです。優れたマイクロコピーを使用することで、入力ミスが少なくなったり、ボタンのクリック率があがったり、さまざまな効果を得られます。
思わずクリックしたくなるタイトル、迷わずクリックできるボタンなど見かけませんか？ ボタンに書かれているラベル、ボタンに添えられたテキスト、これらに使われる文言はほんの少し工夫を加えるだけで、劇的な効果を発揮します。
3日間限定「Visual Studio Code完全入門」が全文無料公開されています！ Web制作とプログラミングに特化された解説書
Post on:2022年5月19日
当ブログでも好評だった「Visual Studio Code完全入門」が重版出来🎉を記念して、3日間限定（5/19-5/21）で全文無料公開されているので、紹介します。
「Visual Studio Code完全入門」は、Web制作とプログラミングに特化されたVSCodeの解説書です。実際のワークフローを元に、VSCodeの基本的な機能から効率をアップさせる使い方を学べます。
プロのUIデザイナーに学ぶ！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.14
Post on:2022年5月19日
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。
プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。
第14弾は、レイアウトのグリッド・使いやすいフォーム・配色で悩んだ時に関するデザインのテクニックです。
UI & UX Micro-Tips: Volume Fourteen.
by Marc Andrew
デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
Post on:2022年5月18日
Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードできるIconerを紹介します。
当ブログでもこれらのアイコン素材を紹介してきましたが、すべてを一覧できるので、比較して自分にぴったりのアイコン素材を見つけることができると思います。また、アイコンのダウンロードも簡単なので、非常に便利です。
UIデザイナーは要チェック！ 新しくなったMaterial Design 3は可変フォントやアイコン、アクセシブルで使いやすいカラーに
Post on:2022年5月17日
5/11,12に開催されたGoogle I/O 2022に伴い、Material Design 3のガイドラインが大幅アップデートされたので紹介します。
注目すべきキーワードは、アクセシビリティとパーソナライズ。
アクセシブルなコントラストを備えたダイナミックカラー、可変フォントRoboto FlexとRoboto Serif、可変アイコンフォントを使用したマテリアルシンボル、スイッチをはじめUI要素のデザインも変更されています。
!!工事現場明け!!【 SikSilk 】Riot スーパスキニーデニム
Post on:2022年5月16日
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。
IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。
おしゃれなデザイン素材も入って、この1冊でデザインが完成！ ガーリーでかわいいフォント集、カジュアルで元気なフォント集の2冊同時発売
Post on:2022年5月13日
「3色だけでセンスのいい色」「けっきょく、よはく。」「ほんとに、フォント。」「あたらしい、あしらい。」（リンクは紹介記事）など人気が高いデザイン書の著者ingectar-eの新刊は、フォントとデザイン素材集2冊同時発売です。
「スタイリッシュ×ガーリー」はラフな手書き感が心地よい、大人女子向けのゆるふわデザインにぴったりな素材集、「カジュアル×ポップ」は見ているだけでワクワクする、楽しげでポップなデザインにぴったりな素材集です。
コードを書く時にモニター1台で作業する利点、便利な機能とショートカットのまとめ
Post on:2022年5月12日
コードを書く時、モニターは1台ですか？ それとも2台など複数ですか？
私は2台でやっていたこともありますが、現在は基本的には1台のモニターで作業をしています。最近のモニターは幅が広くなり、2台だと首が疲れるし、1台で2つのウインドウを表示できるのでちょうどよいです。
コードを書く時にモニター1台で作業する利点、便利な機能とショートカットを紹介します。
The Complete Guide To Using One Monitor As A Programmer.
by Mahmoud Harmouch