Web制作に役立つ情報一覧

欧文フォントは歴史と紐づけるとまじでわかりやすい

2021/05/28(Fri) 09:52

欧文フォントを歴史と紐づけて紹介しています。

https://note.com/arisan_designer/n/n77e068511f5c

フリーランスWebデザイナーが初案件を獲得する方法

2021/05/27(Thu) 09:51

フリーランスWebデザイナーを目指して日々勉強をしているみなさん、そろそろ実案件を受けようと準備を進めているみなさん、いかがお過ごしでしょうか？スキルの向上は実践あるのみ…と言われますが、最初のうちはその実践を積む機会がなかなか持てませんよね。

https://www.webcreatorbox.com/beginner/freelance-first-job

CSSの進化がすごすぎる！新しいレスポンシブデザインの実装方法を解説

2021/05/27(Thu) 09:50

現在のレスポンシブデザインは、ビューポートにもとづいてレイアウトを最適化しています。しかし、新しいレスポンシブデザインでは、アニメーションが不要なユーザーには動きを少なくしたり（無くしたり）、親コンテナの幅にもとづいてコンポーネントを最適化したり、スコープ付きスタイルやフォームファクターなど、ユーザーの好みや環境に合わせて最適なコンテンツを提供できるようになります。

https://coliss.com/articles/build-websites/operation/css/the-new-responsive-2021.html

現役デザイナーが教える、アイコンデザインがより良くなる８個のヒント

2021/05/26(Wed) 09:56

この記事では現役デザイナーDmitriy Buninが、より良いアイコンをデザインするときに心がけている8個のポイントをまとめてご紹介します。WebサイトのUIインターフェースにおいてアイコンは重要なデザイン要素のひとつです。

https://photoshopvip.net/129022

【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選

2021/05/25(Tue) 10:12

この記事では、あまり知られていないHTMLの小技20個を実例サンプルと一緒にご紹介します。CSSやJavaScriptなども使わずに、わずかなHTMLコードだけで実装可能な便利テクニックで、手軽に利用できるのもポイントです。

https://photoshopvip.net/129002

CSSでテキストやボタン、ボーダーに美しいネオンライトのエフェクトを実装するテクニックのまとめ

2021/05/24(Mon) 09:52

テキストやボタン、ボーダーに美しいネオンライトのエフェクトを実装するCSSのテクニックを紹介します。ネオンライトはCSSのtext-shadowやbox-shadowで実装されており、CSSアニメーションやJavaScriptで動きを加えるとさらに面白くなります。

https://coliss.com/articles/build-websites/operation/css/css-neon-sign-effects.html

すぐ使える文字デザインのテクニックが満載！文字デザイン集団「House Industries」による至高の解説書 -レタリング マニュアル

2021/05/21(Fri) 09:53

世界で、そして日本でも高い評価を得ている文字デザイン集団「House Industries」のケン・バーバーによる、文字デザインの教科書を紹介します。

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

『UXデザインの法則』は、10個の法則を学ぶための本ではない

2021/05/20(Thu) 09:54

『UXデザインの法則 最高のプロダクトとサービスを支える心理学』が5月18日に発売されました。この本は、Jon Yablonski氏の"Laws of UX: Using Psychology to Design Better Products & Services"の邦訳です。この記事では、翻訳チームの1人であるtantotが考える「この本の良いところ」を3つご紹介します。

https://note.com/tantot/n/n2df004144979

全部まとめられていて便利！iPhone, iPadなど、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes

2021/05/17(Mon) 09:53

Webサイト制作者・スマホアプリ開発者向け、Appleデバイスのスクリーンサイズ、各サイズを採用しているモデル、解像度、PPI、表示タイプ、比率、最後にサポートされたOS、セーフエリア、サイズクラス、ウィジェットのサイズ情報など、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。

https://coliss.com/articles/build-websites/operation/work/screen-sizes-for-apple-devices.html

Web制作の現場で使えるWebサービス15選！無料で使えるサービスを集めてみた

2021/05/17(Mon) 09:52

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを15個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。

https://pulpxstyle.com/web-service/