Web制作に役立つ情報一覧

フリーランスの人も知っておきたい！メールで要件やスケジュール、修正の内容をやり取りする時のガイドライン

2018/04/11(Wed) 09:47

Web制作に限らず、制作業界すべてのマネジメントにおいて、要件やスケジュールの確認、変更や修正内容の確認は、非常に重要なプロセスです。広告関係4団体によって策定された、それらの内容を明確にし、確認書としてメールの書面をもって確認するためのガイドラインを紹介します。

https://coliss.com/articles/build-websites/operation/work/confirmation-guidline-for-advertisement-production.html

作業効率が劇的にアップする、Photoshop無料アクション素材58個まとめ【2018年版】

2018/04/10(Tue) 09:57

Photoshopの「アクション」機能を活用してみましょう。今回は、作業ペースを格段に上げるアクション素材の基本的な使い方と、プロのような写真加工ができる無料アクション素材をまとめてご紹介します。

http://photoshopvip.net/108172

春の新作フリーフォント！ロゴにも本文にもぴったりな日本語の無料フォント -コーポレート明朝

2018/04/10(Tue) 09:56

ブランドやサービスのロゴで使われているようなモダンで、読みやすい文字をイメージして、デザインされた日本語の無料フォントを紹介します。

https://coliss.com/articles/freebies/free-font-corpmin.html

指定したWebページから、PhotoshopやSketchのカラーパレットを生成できるChromeの機能拡張 -Site Palette

2018/04/09(Mon) 09:48

指定したWebページから、使用されているカラーを抽出し、カラーパレットを生成するChromeの機能拡張を紹介します。Photoshop, Illustrator, Sketch用のスウォッチも作成できるので、かなり便利です。

https://coliss.com/articles/build-websites/operation/design/color-palette-from-website.html

IEでも大丈夫！CSS Gridを使用する時の注意点と実装方法

2018/04/06(Fri) 09:48

CSS Gridはブラウザに2次元のレイアウトを作成できるCSSの素晴らしい機能です。今までの実装方法に比べて、HTMLはより簡単で、CSSはより堅牢に実装することができます。

https://coliss.com/articles/build-websites/operation/css/how-to-css-grid-for-ie11.html

CSS Gridを使ったレスポンシブ対応の基本レイアウト

2018/04/05(Thu) 09:56

以前「CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する」という記事で紹介したCSSグリッドレイアウト。皆さん使っていますか？

https://www.webcreatorbox.com/tech/css-grid-basic-layout

[CSS]「display: contents;」がすごい便利！ラッパーを使った実装が大きく変わるこれからのテクニック

2018/04/04(Wed) 09:57

例えばカードで、見出しが1行・3行、本文の量が多かったり少なかったりする場合、それぞれの高さを揃えるのは非常に難しく、かなりトリッキーな実装が必要でした。もしくは、JavaScriptを使用しなくてはできなかった実装です。

https://coliss.com/articles/build-websites/operation/work/how-to-work-display-contents.html

ロゴやポスターを作るのにぴったり！ブラシの質感溢れるかっこいい手書きフォントが期間限定で無料 -Perfetto

2018/04/03(Tue) 09:52

写真やイラストの上に重ねたり、ロゴやポスターなどにぴったりな、実際のドライブラシのストロークを使って作成された手書きフォントを紹介します。

https://coliss.com/articles/products/perfetto-brush-font.html

[CSS]文字に含まれる上下の余白を取り除いて、アイコンや画像とぴったり同じ高さにするスタイルシート

2018/04/03(Tue) 09:51

文字に含まれる上下の余白を取り除いて、矩形ぴったりの高さに、アイコンとぴったり同じ高さに、画像とツラが揃うようにするスタイルシートを生成するオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/remove-top-and-bottom-margin-from-text.html

デザイナーが持っていたい、すごいフリーフォント素材63個まとめ

2018/04/02(Mon) 10:07

デザインをしているときにどれを使おうか迷うことも多く、デザイン全体の雰囲気やイメージを決める重要な作業のひとつが、フォント選び。手持ちのフォントコレクションを定期的にアップデートして、あらゆる幅広いデザイン案件に対応したり、クリエイティブな作品づくりに活用してみましょう。

http://photoshopvip.net/107956