Web制作に役立つ情報一覧

便利なのが登場！ これ一つでWeb制作に役立つ機能がたくさん使用できるChromeの拡張機能 -SuperDev

2022/12/23(Fri) 08:54

Web制作に役立つ機能、ルーラー・ガイドを表示したり、ボックスモデルを視覚化したり、カラーピッカーやカラーパレットを取得、気になった要素のHTMLとCSSをCodePenに表示させたりなど、たくさん用意されているChromeの便利な機能拡張を紹介します。

https://coliss.com/articles/build-websites/operation/work/chrome-extension-superdev.html

2022年のUIデザインツールのまとめ、注目されているプロトタイプ・デザインシステム・リモートワーク・ユーザーテストなど

2022/12/22(Thu) 08:56

2022年現在、UIデザインツールの使用状況を調査した「2022 Design Tools Survey」を紹介します。

https://coliss.com/articles/build-websites/operation/work/2022-design-tools-survey.html

2022年のCSSのまとめ、よく使用する新機能やプロパティや疑似クラス、人気のフレームワークや検証ブラウザなど

2022/12/21(Wed) 09:02

CSSは進化のスピードが速いですが、2022年はさらに速くなりました。そして大きな転換期とも言えるのが、IEのサポート終了です。これにより今まで使用できなかったCSSの機能がたくさん使用できるようになりました。

https://coliss.com/articles/build-websites/operation/css/the-state-of-css-2022.html

Web制作を変える！2022年の便利オンラインツール・ベスト110選

2022/12/20(Tue) 09:00

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

https://photoshopvip.net/142392

商用利用OK！2022年にリリースされた無料フォント40

2022/12/20(Tue) 08:58

2022年もあとわずか！今年も数多くの素敵フォントがリリースされました！この一年を振り返って、「これは！」と思ったフォントをいくつか紹介します。

https://www.webcreatorbox.com/inspiration/font-2022

HTMLとCSSを真剣に学びたい人におすすめ！ 実務レベルの知識やテクニック、考え方がよく分かる解説書 -HTML/CSSブロックコーディング

2022/12/19(Mon) 08:58

HTMLとCSSの実務に役立つ知識やテクニック、考え方を学びたい人にお勧めの解説書を紹介します。デザイナーから渡されたモックアップを元に、情報の構造やデザイナーの意図を読み解き、コンテンツをブロックに分解し、コーディングの方針を検討し、HTMLのマークアップでどのように構造を設計し、CSSでスタイルする際に気をつけることなど、各ステップごとに詳しくていねいに解説されています。

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

2022年も新しいフリーフォントがたくさんリリースされました！ 2022年、日本語の新作フリーフォントのまとめ

2022/12/19(Mon) 08:57

2022年も残り2週間ちょいですね、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。ゴシック、明朝、デザインフォント、手書きフォントなど、盛りだくさんです！

https://coliss.com/articles/freebies/japanese-free-fonts-dec-2022.html

ブラウザのロゴを高解像度でダウンロードできる！ Chrome, Safariの現在のロゴをはじめ、IE, Netscapeなど古いのも

2022/12/15(Thu) 09:07

Chrome, Edge, Firefox, Opera, Safariをはじめとする現在のロゴから古いバージョンのロゴをはじめ、デベロッパーツールやCanaryなどのロゴ、古いIE, Netscape, Mosaicなど、ブラウザのロゴをダウンロードできる「Browser Logos」を紹介します。すべてのロゴは背景が透明で、高解像度です。

https://coliss.com/articles/build-websites/operation/work/download-browser-logos.html

2022年、もっとも注目されたUIデザインのテクニックのまとめ

2022/12/14(Wed) 09:14

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

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-best-of-2022.html

フォトショップでできる、学びやすい最新チュートリアル、つくり方まとめ

2022/12/09(Fri) 08:55

あらゆることができるフォトショップの使いかたをマスターする近道は、いろいろなつくり方を実際に作ってみることでしょう。手順通りにチュートリアルを進めることで、各ツールや機能の実用テクニックを、体感的に覚えることができます。今回は、フォトショップでできる、最新のつくり方やチュートリアルをまとめてご紹介します。

https://photoshopvip.net/142107