Web制作に役立つ情報一覧

人気急上昇！2018年にグラデーションカラーが愛用される10個の理由

2018/04/16(Mon) 09:53

ここ何年も続いたフラットスタイルやマテリアルデザイン、そしてスッキリとした見た目のミニマルスタイルを経て、グラデーションカラーが復活の兆しを見せています。多くのデザイナーが、グラデーションカラーをさまざまな制作に利用しています。今回は、2018年のデザイン制作にグラデーションを愛用したい10個の理由、ポイントをまとめてご紹介します。

http://photoshopvip.net/108286

Photoshopって楽しい！アニメやイラスト、ポスターなどで見たあのイメージを作成できるPhotoshopのアイデア帳

2018/04/13(Fri) 09:50

アニメやイラスト、ポスターなどで見かけたあのイメージを再現するPhotoshopの使い方が詳しく解説された良書を紹介します。

https://coliss.com/articles/book-review/isbn10-4844367374.html

「実は文章に自信がない」そんなWeb担当者を助ける文章校正ツール「文賢」が、AIで進化する！

2018/04/12(Thu) 09:44

文章校正ツール「文賢」が、AIを使った誤字チェック機能を追加してパワーアップする。なぜAIなのか？ Web担当者にどう関係してくるのか？ 詳しく話を聞いた。

https://webtan.impress.co.jp/e/2018/04/12/28675

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

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