Web制作に役立つ情報一覧

全部、完全に商用利用無料！スマホのUIデザインに適した2,186種類のSVGアイコン素材 -Fluent Icons

2020/12/23(Wed) 09:54

MicrosoftからAndroidやiOSのスマホのUI向けにデザインされたSVGアイコンを紹介します。もちろん、デスクトップで使用しても問題ありません。

https://coliss.com/articles/freebies/microsoft-fluent-system-icons.html

CSSのスクロールスナップの便利な使い方、実装の注意点を徹底解説

2020/12/22(Tue) 10:11

CSSのスクロールスナップが登場して早4年、現在ではほぼすべてのブラウザにサポートされ、採用しているWebサイトやスマホアプリも増えてきました。

https://coliss.com/articles/build-websites/operation/css/usecase-of-css-scroll-snap.html

Web制作の時短に！2020年の便利オンラインツール・ベスト100選

2020/12/22(Tue) 10:10

この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。

https://photoshopvip.net/126620

2020年度末のCSS総まとめ！有用でオススメな覚えておくべき新仕様をコードと画像付きで解説

2020/12/22(Tue) 10:09

今回の記事はありがちな「たくさんの良さげなCSSのプロパティなどを羅列してひたすらまとめる」だけではなく以下の考えのもと、まとめた記事です。岡部が「使うケースがある・覚えておくべき」と感じたオススメできる、または有用と判断したCSS。可能な限り2020年からブラウザに実装された、またはこれから実装されるCSS。比較的新しいまたはあまり使われている印象がないCSS。実際のコードや挙動、対応ブラウザを掲載。自分目線でみたコメントや使えそうな場面をできる限り丁寧に説明

https://techblog.yahoo.co.jp/entry/2020122130052964/

【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ

2020/12/21(Mon) 09:59

この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。

https://photoshopvip.net/126600

キャラクターの顔の描き方に特化されたイラスト解説書、顔の構造から各パーツごとの描き方や表情の描き方まで -魅力的な「キャラ顔」の描き方

2020/12/18(Fri) 10:11

キャラクターの顔の描き方に特化されたイラストの解説書を紹介します。基本となる顔の構造をはじめ、パーツごとに描き方、感情を表現する表情の描き方、キャラクターの描き分け方、デフォルメの描き方など、キャラクターの顔に関するイラストのテクニックが身につきます。

https://coliss.com/articles/book-review/isbn10-429501060x.html

商用可で完全無料！2020年公開のフリーフォント素材158個総まとめ

2020/12/16(Wed) 10:00

当サイトでは、毎月新しく公開されたフリーフォント素材をまとめており、2020年の間に合計424個の新作フリーフォントを紹介してきました。この記事では、2019年に公開された素材の中から、商用利用可能で無料ダウンロードできるフリーフォントのみを、カテゴリ毎に分けてまとめています。2021年に向けてのデザイン制作にぜひ活用してみてはいかがでしょう。

https://photoshopvip.net/126513

写真を水彩画ペイント風に一瞬で加工するPhotoshop素材 Vintage Watercolor Effect

2020/12/15(Tue) 10:03

この記事では、お好みの写真を貼り付けるだけで、水彩画ペイント風に加工するPhotoshopエフェクト Vintage Watercolor Effectの詳しい使い方をご紹介します。Photoshopのスマートオボジェクト機能を利用すれば、元の写真を直接触れることなく、非破壊編集をおこなうことができます。

https://photoshopvip.net/126546

PANTONEが選ぶ2021年の色「Ultimate Gray」と「Illuminating」

2020/12/15(Tue) 10:02

毎年恒例、PANTONEによる「来年の色」が発表されました！2021年は現実と希望を表すような「Ultimate Gray」と「Illuminating」です。通常1色のみ選ばれますが、今回は5年ぶりに2色が選出。

https://www.webcreatorbox.com/inspiration/pantone-2021

CSSの見過ごしがちだけど興味深い実装テクニック、ホバーでラインを引いて逆方向で元の状態に戻すエフェクト

2020/12/14(Mon) 09:57

テキストリンクをホバーすると、ラインを引くまでは普通のアニメーションですが、ホバーを外した時に通常とは逆方向で元の状態に戻ります。ラインが一方向にスーッと通り過ぎるような感じです。

https://coliss.com/articles/build-websites/operation/css/one-way-hover-effect.html