Web制作に役立つ情報一覧

CSSで上下左右の中央に配置する時の「position: fixed;」での新しい記述方法

2021/07/13(Tue) 10:09

中央揃えの古典的なテクニックの一つ、モーダルやメッセージなどを表示する時に適したposition: fixed;での新しい記述方法を紹介します。

https://coliss.com/articles/build-websites/operation/css/position-fixed-centering-new-way.html

【上級編】Core Web Vitals。テクニカルSEOガイド。

2021/07/09(Fri) 10:02

テクニカルSEOの専門家は、ユーザーを中心としたより良い体験の構築ために、Webサイトを診断し、ソリューションを提供する必要がある。この記事では、CWVを改善するために必要な知識を紹介する。

https://www.seojapan.com/blog/technical-seo-core-web-vitals-guide

HTML tableの実装がこれまでと変わる！Googleデベロッパーによる変更点の解説 -TablesNG

2021/07/08(Thu) 09:53

GoogleではCSSの新機能を導入するだけでなく、既存の機能を向上することにも取り組んでいます。その中の一つ「TablesNG」で、HTMLのtableの実装がこれまでと変わるのでその変更点を紹介します。

https://coliss.com/articles/build-websites/operation/work/about-tablesng.html

ピクセルフォントが大好物な人に！第1・第2水準漢字まで収録された商用無料のフリーフォント -マルモニカ

2021/07/05(Mon) 09:54

ピクセルフォントが大好物な人に朗報です！ピクセルフォントを多数リリースしているx0y0pxFreeFontから新作フォント「マルモニカ」がリリースされました。

https://coliss.com/articles/freebies/freefont-marumonica.html

【フォトショップ】アートヒストリーブラシで写真を絵画ペイント風に仕上げる方法

2021/07/05(Mon) 09:53

この記事では、フォトショップのあるひとつのツールを使って写真を絵画ペイント風に仕上げる方法をご紹介します。

https://photoshopvip.net/129814

Adobe Premiere Pro 最強の入門書！YouTubeの動画やWebの動画広告を作成したい人にオススメです

2021/07/02(Fri) 09:59

YouTubeの動画やWebの動画広告などを作成したいと思っている人にお勧めのAdobe Premiere Proの入門書を紹介します。Premiere ProはYouTuberをはじめ、プロ・アマ問わず広く利用されており、その基本機能から、動画編集作業の流れ、そしてワンランク上のテクニックまでを習得できる解説書です。

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

無料で使える最新こだわりフリーフォント30個まとめ 2021年6月度

2021/07/01(Thu) 09:52

この記事では、無料ダウンロードできるデザインに役立つ新作フリーフォント30個をまとめてご紹介します。ウェイト数が豊富で使い勝手の良いフォントから、ナチュラルな手書き文字やレトロ、ヴィンテージスタイル、かわいい系、ブラシフォントなど、文字を入力するだけでおしゃれなデザインに仕上げる書体が揃います。

https://photoshopvip.net/129712

簡単で便利なツールが登場！レイアウトを確認しながら、CSSのコードを生成できる -CSS Layout Generator

2021/06/30(Wed) 09:52

Webサイトでよく使用されるレイアウト、「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-layout-generator.html

CSSの実装方法を少し改善するだけで、Webページの読み込み・表示を最適化するテクニックのまとめ

2021/06/29(Tue) 09:59

CSSの記述方法やレイアウトの構築方法で、ページの表示速度、読み込み時に発生するレイアウトのずれ、Webフォントの表示、CSSアニメーション、アクションを起こした時の反応の速度など、ウェブ​バイタルに大きな影響を与えます。

https://coliss.com/articles/build-websites/operation/css/optimize-css-for-web-vitals.html

ロゴのデザインに独創性があるか、パクリじゃないか、Webサイトやスマホでどう見えるか検証できるオンラインツール -TWM Logotester

2021/06/24(Thu) 09:53

せっかく作成したロゴに似たデザインのものがあったり、Webサイトやスマホアプリで見栄えがよくなかったら、がっかりです。ロゴのデザインに独創性があるか、他に似たロゴはないか、Webサイトやスマホアプリでどう見えるか、モノクロでも大丈夫か、色数は多すぎないかなどを検証できる無料オンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/design/check-the-logo-design.html