Web制作に役立つ情報一覧

商用でも完全無料、ランディングページ用のHTMLテンプレートがダウンロードできる -Inovatik

2021/09/22(Wed) 08:56

ランディングページや小規模Webサイト用のHTMLテンプレートが無料で利用できるInovatikを紹介します。すべてのHTMLテンプレートはオープンソースで、商用プロジェクトでも無料で利用できます。

https://coliss.com/articles/build-websites/operation/work/free-html-templates-for-landing-pages-inovatik.html

【商用OK】Google Fontsで使えるオススメ日本語フリーフォント31個まとめ

2021/09/17(Fri) 08:56

この記事では、Google Fontsで使える日本語フリーフォントをまとめてご紹介します。Google Fontsには現在、31の日本語書体が提供されており、すべてのウェイトを合わせると、74フォントが商用OK＆完全無料となっています。

https://photoshopvip.net/131206

コピペで作れる！おすすめのCSSジェネレーター・ツールまとめ

2021/09/16(Thu) 09:21

CSSがコピペで実装できるおすすめのジェネレーターやツール、サンプルコードなどをまとめました。CSSに慣れてくるとコードを書くだけでイメージ通りのデザインを作ることができますが、慣れるまではコードだけでなく、プレビューを見ながらツールを使って微調整する方が効率がいい場合があります。

https://webdesign-trends.net/entry/13790

ブックマークしておくと便利！Web制作に役立つさまざまなツールが一箇所で利用できる -SmallDev.tools

2021/09/15(Wed) 08:55

CSSやJavaScriptのミニファイ（軽量化）、HTMLやCSSやJavaScriptやSQLのフォーマッター、各種エンコード・デコード、ダミーテキスト・ダミーデータ・ダミー画像・クレジットカードのジェネレーター、diff（ファイル比較）など、Web制作に役立つツールがまとめて利用できるSmallDev.toolsを紹介します。

https://coliss.com/articles/build-websites/operation/work/small-dev-tools.html

デザインに少し手を加え、フォームを改善する実践的なUIのテクニックのまとめ

2021/09/14(Tue) 10:00

フォームを改善するUIデザインのテクニックを紹介します。フォームのデザインに少し手を加えるだけで、ユーザーにとって使いやすい、コンバージョンを高めるための実践的なテクニックが満載です。

https://coliss.com/articles/build-websites/operation/work/ui-tips-for-better-forms.html

時短してますか？Web制作が変わる最新オンラインツール38個まとめ

2021/09/10(Fri) 09:52

日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。

https://photoshopvip.net/131091

画像を扱うプロジェクトに役立つ！CSSフィルタのさまざまなエフェクトをコピペで利用できる無料ツール -FilterSS

2021/09/10(Fri) 09:51

画像を編集できるのは、Photoshopだけではありません。CSSフィルタで、画像にさまざまなエフェクトを与えることができます。画像に適用するエフェクトを見ながら、そのCSSフィルタのコードをコピペで利用できるオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-image-filters-filterss.html

レスポンシブ対応のレイアウトを実装する最新テクニックを解説、モバイルファーストとデスクトップファーストの現状

2021/09/09(Thu) 09:53

モバイルファーストとデスクトップファーストの現状、それぞれのワークフローを解説し、今日のレスポンシブ対応のレイアウトを実装するより良いアプローチ方法について紹介します。

https://coliss.com/articles/build-websites/operation/work/mobile-first-and-desktop-first.html

UIデザインやグラフィック用の高解像度で、美しいグラデーション・グラデーションメッシュ素材をダウンロードできるサイトのまとめ

2021/09/07(Tue) 09:59

Webサイトやスマホアプリをはじめ、最近ではテレビのCMなどでも背景として使用されている、グラデーション・グラデーションメッシュ素材をダウンロードできるサイトを紹介します。

https://coliss.com/articles/build-websites/operation/design/gradient-materials-for-ui-design.html

Webデザインの種明かし、コピペできる最新HTML／CSSスニペット30個まとめ

2021/09/06(Mon) 09:56

この記事では、Webデザインの引き出しを増やす、コピペで使える最新HTML／CSSスニペットをまとめてご紹介します。Codepenで話題となっているものを中心に、今後のデザイン制作に活用したいアイデアがずらり揃った今回。新しいウェブデザインの可能性を感じるものばかりとなっています。

https://photoshopvip.net/130989