Web制作に役立つ情報一覧

これぞプロのデザイン！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ

2021/02/25(Thu) 09:55

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。UI&UXデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-one.html

2021年におすすめのフリー写真サイト12個まとめ 商用利用可

2021/02/24(Wed) 10:31

この記事では、デザインがぐっと良くなるフリー画像素材を無料ダウンロードできる、おすすめサイト12個を厳選してご紹介します。商用利用OKで著作権のクレジット表記不要のフリー画像を配布している、本当に「使える」サイトのみをまとめています。

https://photoshopvip.net/127529

こういう本を待ってた！WebやスマホのUIに使用する言葉の使い方、語順、表記が学べる -UXライティングの教科書

2021/02/19(Fri) 09:57

企業サイトをはじめ、オンラインショップ、スマホアプリ、そしてブログでも制作する上で一番重要なのはライティングだと思います。ボタンの文言は言葉を適切に選ぶだけで、クリック率は格段にアップします。また、コンテンツのライティングでユーザーエクスペリエンスは上昇し、フォームや登録画面のライティングで誤操作は減少します。

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

CSS aspect-ratioプロパティの使い方、レスポンシブやレイアウトシフトで大活躍

2021/02/17(Wed) 09:53

先月アップデートされたChrome 88でaspect-ratioプロパティがサポートされ、FirefoxとSafariでもまもなくサポートされる予定となっています。名前の通り、アスペクト比を定義できるCSSのプロパティですが、Webページやスマホアプリで実際にどのように使用すると便利なのか、その使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/how-to-use-aspect-ratio-css-property.html

Webサイト制作の時短テク！便利な最新オンラインツール48個まとめ

2021/02/16(Tue) 09:54

2021年に入って公開された新しいツールやサービスが中心で、Webデザイン作業の効率化や作業スピードがアップする便利ツールが揃います。

https://photoshopvip.net/127345

ほんの数行のCSSで実装できる小技テクニック12個まとめ 【簡単＆実用的】

2021/02/15(Mon) 09:52

この記事では、ほんのわずかなCSSで実装できる小技テクニック12個をまとめてご紹介します。

https://photoshopvip.net/127316

CSSソースの色指定を一括変換

2021/02/10(Wed) 10:00

みんなの紹介／カラースキームを維持したまま、系列色を変換するツールを公開しました。CSSやHTMLのソースを入力して、色相、彩度、輝度の変換率を指定すれば色だけを変換したソースを出力します。

https://odooblog.ecopls.link/archives/124

すべてのアプリから色を取得できる！シンプルで使いやすく、高性能なUIデザイン用の無料カラーピッカー -Pika

2021/02/10(Wed) 09:57

ブラウザに表示されたWebページはもちろん、Photoshop, Illustratorをはじめとするすべてのアプリからカラーをすくうことができる、シンプルで使いやすい高性能なカラーピッカーを紹介します。

https://coliss.com/articles/build-websites/operation/design/open-source-colour-picker-pika.html

ググるのはデベロッパーにとって最も重要なスキルの1つ、知っておくと便利なGoogle検索のテクニック

2021/02/09(Tue) 09:58

ググることは、すべてのデベロッパーにとって最も重要なスキルの1つです。知っておくと便利なGoogle検索のテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/work/use-google-like-a-pro.html

CSS記述が速くなる、コピペできるチートシート用コードスニペットまとめ

2021/02/08(Mon) 09:57

今回は、CSSでの制作をスピードアップさせる、コピペできるチートシート的コードスニペットをまとめてご紹介します。リアルタイムによるプレビュー、確認が可能で、生成されたCSSコードをコピーするだけで利用できる、知っておくと差がつく利用機会の多いCSSプロパティが揃います。

https://photoshopvip.net/127247