Web制作に役立つ情報一覧

「山城屋茶舗」のロゴができるまで

2022/05/11(Wed) 08:57

先日、福知山の唯一にして老舗のお茶屋さんである、「山城屋茶舗」のロゴを制作させていただきました。

https://note.com/flow_kyoto/n/nc45616aba9a3

【デザインの観察】 ディズニーシーで配色と街のデザインの観察をしてみた

2022/05/11(Wed) 08:56

今回はディズニーシーの地区ごとに配色と意匠、場所づくりをまとめ考察してみたものをnoteにまとめてみようと思います。700枚写真撮ったのでパソコンがシューシューいってます。

https://note.com/ayujimann/n/n503fb5aff949

動く流体シェイプをコピペで作成 Blob Animation + SVGおすすめツール

2022/05/11(Wed) 08:55

液体が波打つような、ゆるやかなスライムのような曲線をもつBlob流体シェイプ。ウェブサイトに取り入れることで、直線的で無機質な印象から、ナチュラルで優しい印象を与えることができます。スムーズでなめらかな動きを加えたBlog流体シェイプを手軽に作成できるオンラインツール「Blob Animation」が公開されています。

https://photoshopvip.net/134725

フォトショップで写真を手描きスケッチ風に加工！おすすめ素材20選

2022/05/11(Wed) 08:54

フォトショップでやりたいことでよく挙げられるのが、写真を手描きスケッチ風に加工する方法です。AIで自動加工できたり、レトロなハーフトーン風に仕上げる方法なども紹介していますが、今回はより手軽に手描きスケッチ加工を表現できるデザイン素材をまとめています。

https://photoshopvip.net/134691

markuplint で HTML の構文チェックを始めよう

2022/05/02(Mon) 09:02

ブラウザが HTML を解釈する方法はその他のプログラミング言語と比べてはるかに寛容です。ブラウザは HTML 内に構文エラーを発見しても大抵の場合は問題なくページに表示されます。ブラウザには、誤って書かれたマークアップを解釈する方法を決定するための組み込みのルールがあるためです。

https://zenn.dev/azukiazusa/articles/start-syntax-checking-with-markuplint

こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ

2022/05/02(Mon) 09:02

この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。

https://photoshopvip.net/134594

もっと早く知りたかった！ 認知心理学による使いやすいUIデザイン、実務に役立つ知識をしっかり学べるデザイン書 -UIデザイン必携

2022/05/02(Mon) 09:00

WebサイトやスマホアプリのUIデザインについて、実務に必要な役立つ知識と情報をさまざまな角度から学べる解説書を紹介します。「わかりやすいUI」「使いやすいUI」ぼんやりと分かっているけど、うまく言葉にできない、明確に整理できていない、UIデザインの考え方を学びたい人にお勧めです。国内外の実例も多数掲載されており、非常に分かりやすい解説書です。

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

これならコピペで簡単！ HTMLはシンプル、CSSで実装された超軽量のおしゃれなローディング・スピナー -UI Ball

2022/04/28(Thu) 09:09

コピペで簡単に使用できる、HTMLとCSS（複雑なものはSVG）で実装されたWebサイトやスマホアプリ用のローディングアニメーションを紹介します。さまざまなローディングやスピナーが揃っていますが、画像は一切使用されていません。必要な時にさくっと実装できるので、スニペットに登録しておくと便利です。

https://coliss.com/articles/build-websites/operation/css/uiball-loaders.html

知っておくと便利！ CSSでUIデザインを微調整する時短テクニックとプロセスを解説

2022/04/27(Wed) 08:58

WebサイトやアプリのUIデザインで欠かせないのが、FigmaなどのデザインツールとChromeなどのデベロッパーツールです。この2つをどのように使い分けるとよいのか、デザインツールでやるよりもブラウザ上でCSSでやった方が便利な時短テクニック、UIデザインを微調整するプロセスを紹介します。

https://coliss.com/articles/build-websites/operation/css/tweaking-in-the-browser.html

すべてのページが美しい！ 色に関する365のアイデアがぎっしり詰まった、デザインやイラストに即戦力の新しい配色本 -色の日めくり配色帖365

2022/04/25(Mon) 08:51

辞書のように分厚い本書には1ページにつき1色、全部で356色の素敵な色、配色、色の知識・情報がおさめられた保存版の配色帖を紹介します。デザインやイラストに使用する色を見つけたい、主役の色は決まっているけど配色をどうすればよいのか、色の使い方はどうすればよいのか、色に関する365のアイデアがぎっしり詰まっています。

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