Webサイトの会社情報・採用コンテンツのデザイン、ブランディング、情報設計に特化されたデザイン書

2021/10/25(Mon) 08:54

企業サイトを受注した際に欠かせないのが、会社情報・採用コンテンツ。私もたくさんの企業サイトのローンチ・リニューアルにコアメンバーとして参加しましたが、企業ごとに異なり、やりがいのある非常に面白いコンテンツです。

https://coliss.com/articles/book-review/isbn-9784802511636.html

知っておくと便利で役に立つHTMLの属性のまとめ

2021/10/25(Mon) 08:53

あまり知られていないけど、知っておくと便利で役に立つHTMLの属性を7つ紹介します。Google翻訳が翻訳しようとするのを防ぐtranslate属性、リンクをダウンロードするように指示するdownload属性、アップロードできるファイルのタイプを指定できるaccept属性など、HTMLだけで実装できるのかという便利な属性ばかりです。

https://coliss.com/articles/build-websites/operation/work/useful-html-attributes-you-may-not-know.html

HTML属性を使い、ユーザーに優しい2要素認証を実現する方法

2021/10/22(Fri) 09:02

ユーザーから見ると、ログイン操作、特に2要素認証コードの入力は面倒なものです。開発者として、アカウントセキュリティ要件を満たすアプリケーション構築は必須ですが、快適な操作性にも気を配る必要があります。この2つの要件がトレードオフに感じることもあるでしょう。

https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete-jp

フォント選びの革命書！センスのいいデザインになるフォントの組み合わせがよく分かる -マネするだけでセンスのいいフォント

2021/10/18(Mon) 08:58

デザインに使うのはいつも同じフォント、、、たくさんのフォントの中からどう組み合わせたらよいのか分からない、、、使用するフォントに悩む人に朗報です、センスのいいデザインになる3種類のフォントの組み合わせがすでに選ばれたフォント選びの革命書を紹介します。

https://coliss.com/articles/book-review/isbn-9784295012689.html

レスポンシブ対応にメディアクエリなしで、CSSの関数で定義！border-radiusの値を変えるテクニック

2021/10/15(Fri) 08:51

border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。メディアクエリで簡単に実装できると思うかもしれません。しかし、ビューポートのサイズが小さく、マージンがある場合に8pxの角丸になりません。この難しい条件をCSSの関数で実装するテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/conditional-border-radius-in-css.html