Web制作に役立つ情報一覧

優れたWebのコピーライターが気をつけている７つのこと

2021/07/21(Wed) 09:57

ほとんどのWebサイトはユーザーを説得し行動を促すとき、キャッチコピーに頼っています。それにもかかわらず、多くの会社はキャッチコピーに投資したがりません。あなたの会社が成功するために、Webサイトはどれほど重要でしょうか？　ビジネスで利益を上げるために、どれほどWebサイトに頼っているでしょうか？

https://uxmilk.jp/75719

これどうだっけ？を解決！Web制作の便利＆時短ツール50個を揃えた Toolb.dev

2021/07/20(Tue) 09:51

Web制作で日常的に使える無料のCSSやHTML、JSウェブツール50種類以上を提供しているToolb.dev。なにかと面倒な作業をパネル上で直感的に行うことができ、リアルタイムでのプレビュー機能や作成したコードはそのままコピペも可能、Web制作でも活用機会の多いツールが揃います。

https://photoshopvip.net/130113

新しいCSSリセットはシンプルで軽量！CSSの新しい機能を使用したCSSリセット -The New CSS Reset

2021/07/19(Mon) 09:56

CSSの新しい機能は主要ブラウザでのサポートが進んでいます。例えば、1年くらい前にサポートされはじめたセレクタの詳細度を0にする:where()も、現在では主要ブラウザのすべてでサポートされています。

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

昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作

2021/07/19(Mon) 09:55

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。

https://ics.media/entry/210715/

Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました

2021/07/15(Thu) 09:52

CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形、UI用の美しいグラデーションやデュオトーン、グラスモーフィズム、ニューモーフィズム、CSSアニメーションなど、面倒なCSSのコードを簡単に生成できる便利ツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-code-generators.html

ビジネスやオンラインショップに使えるおしゃれなイラスト素材！商用プロジェクトでも完全に無料 - Scale

2021/07/14(Wed) 10:01

Webサイトやスマホアプリなど、商用プロジェクトでも完全に無料で、ロイヤリティフリーで使用できるおしゃれなイラスト素材を紹介します。

https://coliss.com/articles/freebies/royalty-free-vector-illustrations-scale.html

【商用可＆無料】2021年上半期ベスト英語・日本語フリーフォント厳選85個まとめ

2021/07/13(Tue) 10:10

この記事では、2021年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントをまとめてご紹介します。

https://photoshopvip.net/130001

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