Web制作に役立つ情報一覧

最近のWebサイトで見かける！ フロントエンドのデベロッパーにもデザイナーにも役立つCSSの実装テクニックのまとめ

2022/04/01(Fri) 08:56

最近のWebサイトやアプリで見かけるUIコンポーネントやエフェクトを実装するCSSのテクニックを紹介します。一昔前まではJavaScriptが必要だったりしましたが、現在ではCSSのみで実装できるようになり、覚えておくと非常に便利です。

https://coliss.com/articles/build-websites/operation/css/10-useful-css-tricks.html

ロゴデザインの勉強におすすめの本まとめてみました。

2022/03/31(Thu) 08:52

ロゴデザインの基礎を学びたい方向けの本　ロゴデザインの基礎とか基礎的な考え方を学びたい方におすすめの本は以下の３冊かなと思います。

https://note.com/grizzlly_design/n/n43db9398274c

無料で使える！ Notion用のおしゃれでシンプルなアイコン素材サイトをまとめました

2022/03/31(Thu) 08:51

Notion用のおしゃれでシンプルなアイコン素材を紹介します。私はデフォルトの絵文字を使用していましたが、シンプルで統一感のあるアイコンに変更すると分かりやすくなり、Notionを使用するのがより快適になりました。

https://coliss.com/articles/freebies/icons-for-notion.html

フォトショップで写真を水彩イラスト風に一発加工！おすすめ素材25選

2022/03/30(Wed) 08:55

フォトショップのなかでも写真を水彩イラスト・絵画ペイント風に加工する方法は、人気エフェクトのひとつです。アートヒストリーブラシでなぞるだけのつくり方も紹介しましたが、今回はよりお手軽にリアルな水彩イラスト加工ができるデザイン素材をまとめてご紹介。

https://photoshopvip.net/134182

プロのUIデザイナーに学ぶ特別編！ UIとUXの印象がよくなるデザインの知識とテクニックのまとめ 8ビットのドットUI

2022/03/30(Wed) 08:53

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

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-8-bit-edition.html

よくあるWeb課題をCSSで乗り切る！知っておきたい最新テクニック20選

2022/03/29(Tue) 08:57

この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。

https://photoshopvip.net/134168

ワクワクが満載！Web制作を変える最新オンラインツール50個まとめ

2022/03/25(Fri) 08:57

ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。

https://photoshopvip.net/134093

CSSの知っておくと便利なテクニック！ ラッパーが異なるコンテンツのツラをcalc()関数のパディングで揃える

2022/03/25(Fri) 08:56

メインのヘッダは固定幅、記事のヘッダは流動幅、ラッパーが異なるコンテンツのツラを揃えるCSSのテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/aligning-content-different-wrappers.html

フォントが大好物な人に朗報🎉 MORISAWA BIZ UDゴシックとUD明朝がオープンソースになったぞ！！

2022/03/24(Thu) 08:54

まさかまさかの朗報です！MORISAWA BIZ UDゴシックとMORISAWA BIZ UD明朝がGitHubにオープンソースのOFLで公開されています！！！

https://coliss.com/articles/build-websites/operation/work/googlefonts-morisawa-biz-ud-gothic-and-mincho.html

HTMLとCSSに真剣に取り組んでいる人におすすめの解説書！ 最近の実装テクニックやレイアウト・コンポーネントのスニペットが満載の一冊 -HTML＋CSSコーディングの強化書

2022/03/22(Tue) 08:51

HTMLとCSSの実務レベルの知識とスキルが身につく解説書を紹介します。FlexboxやCSS Gridを使用したさまざまな基本レイアウト、実務でよく使用されるレイアウトやコンポーネント、表組み・フォームの実装、メンテナンス性に優れたCSS設計、アクセシビリティに配慮したマークアップ、WordPress化に適した設計方法など、即戦力となる実装テクニックが学べます。

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