Web制作に役立つ情報一覧

2020年用、日本語のフリーフォント417種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記

2019/12/12(Thu) 10:02

個人でも商用でも無料利用できる、日本語のフリーフォント417種類を紹介します。Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！

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

かわいい・ゆるいイラスト素材が全部無料で使える！キャラの表情や動き、手描きの線に癒やされる -てがきですの

2019/12/11(Wed) 09:54

キャラの表情や動き、ゆる〜い手描きの線に癒やされるイラスト素材を紹介します。イラストは商用でも完全無料で利用でき、登録やクレジット表記の必要もないため、気軽に簡単に利用できると思います。

https://coliss.com/articles/freebies/tegaki-desuno.html

ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ

2019/12/10(Tue) 10:03

この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。

http://photoshopvip.net/119584

2020年の色が決定！夕暮れ空のような「クラシック・ブルー Classic Blue」パントンから発表

2019/12/06(Fri) 10:34

デザインに使う色を指定するときに利用する、色見本帳で知られるパントン（PANTONE）社が、2020年の流行カラー「カラー・オブ・ザ・イヤー（英: Color of the Year）」、「クラシック・ブルー」（PANTONE 19-4052 Classic Blue）を発表しました。

http://photoshopvip.net/119562

独学の人にオススメ！CSS Flexboxの基礎を一通り学べるチュートリアル

2019/12/05(Thu) 09:52

CSS Flexboxの基礎となる考え方や構造、各プロパティの使い方を一通り学べるチュートリアルを紹介します。チュートリアルはステップ形式で、簡単なものから始まるので独学の人、そして初心者にもオススメです！

https://coliss.com/articles/build-websites/operation/css/learn-flexbox-in-30-days.html

知っておくと役立つ！CSSの疑似要素:beforeと:afterを使用したUI要素を実装するテクニックのまとめ

2019/12/03(Tue) 10:06

CSSの疑似要素は非常に便利です。疑似要素:beforeと:afterを使用したUI要素を実装する便利なテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/unusual-use-cases-pseudo-elements.html

デザインに適したフォントを自分の目で選べるようになる！ずっと使える書体知識が身につく究極の書体見本帳

2019/11/29(Fri) 09:58

使いたいフォントを選ぶのは難しいものです、人気が高いフォントの中から適したフォントを自分の目で選べるようになる知識が身につく書体見本帳を紹介します。

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

CSSを書くのが劇的に楽になる！ユーティリティファーストのCSSフレームワーク「Tailwind CSS」

2019/11/28(Thu) 09:48

日本でも、Tailwind CSSを使用する人が増えてきましたね。フロントエンドの開発者がTailwind CSSを実際に使い始めたら、CSSを書くのが劇的に楽になった話を紹介します。

https://coliss.com/articles/build-websites/operation/css/how-i-stopped-to-write-css.html

Photoshop絶賛進化中！参考にしたいすごいチュートリアル、作り方30個まとめ

2019/11/26(Tue) 09:56

被写体の切り抜きを瞬速で行う「オブジェクト選択ツール」などの新機能はもちろん、デザインの引き出しが増えるフォトショップテクニックを、実際にデザインを作成しながら体感的に学ぶことができるチュートリアルが中心に揃います。

http://photoshopvip.net/119243

CSSで実装した斜めのラインがギザギザになってしまうのを回避し、滑らかなラインで実装するテクニック

2019/11/26(Tue) 09:55

CSSで斜めのラインを実装する時は、ちょっとした工夫が必要です。画像やSVGでなく、CSSで実装すると角度やカラーを変更できる利点がありますが、斜めのラインがジャギってギザギザになってしまうことがあります。

https://coliss.com/articles/build-websites/operation/css/avoiding-jagged-edges-on-css-gradients.html