Web制作に役立つ情報一覧

UIデザインに最適！ トーンを合わせたカラーでカラーパレットを簡単に生成できる無料ツール -The good colors

2024/05/22(Wed) 08:54

WebサイトやスマホアプリのUIにトーンを合わせたカラーを使用すると、デザインに統一感が生まれます。このトーンを合わせたカラーというのは、明度と彩度が一貫されたカラーのことです。

https://coliss.com/articles/build-websites/operation/work/the-good-colors.html#google_vignette

少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集

2024/05/20(Mon) 09:02

少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。

https://www.tak-dcxi.com/article/html-css-techniques-to-improve-usability-and-accessibility-with-minimal-code/

まずはここから！Photoshopの生成AI機能を試してみよう！

2024/05/17(Fri) 09:01

デザイナーのみなさん、話題のAIは使いこなせているでしょうか？興味はあるけど何から始めればいいかわからない、試してみたけど結局うまく使えない、なんて声も聞こえてきます。

https://www.webcreatorbox.com/webinfo/photoshop-firefly

令和のHTML / CSS / JavaScriptの書き方まとめ

2024/05/15(Wed) 09:08

Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。

https://zenn.dev/necscat/articles/bc9bba54babaf5

ロゴ大好きデザイナーが語りたい『シティーハンター』タイトルロゴの進化と魅力

2024/05/14(Tue) 08:54

突然ですが『シティーハンター』は好きですか？　好きですよね？？説明なんて一切不要だと思いますが、日本に冴羽獠が現れてからもうすぐ40年。原作の連載は6年半も続いて最高の結末を迎えました。その連載と並行して放送されていたテレビアニメは大ヒット、そしてアニメ映画化もされました。

https://note.com/chot_designer/n/n5058d5dc383b

クリスタやProcreateでも使える高品質なブラシ素材！ Photoshop 2024年春の新作ブラシがAdobeからダウンロードできます

2024/05/10(Fri) 09:00

Adobeから新作ブラシ、「2024年春のブラシ」がリリースされました！2024年春のブラシには、新しいインクツールや描画ブラシをはじめ、群葉ブラシや鮮やかなマルチカラーブラシなど30種類にもおよぶテクスチャブラシが揃っています。ブラシはPhotoshop, Frescoをはじめ、Clip StudioやProcreateなど、他のアプリでも使用できます。

https://coliss.com/articles/build-websites/operation/design/adobe-photoshop-brush-spring-2024.html#google_vignette

これは便利！ HTMLはdiv要素一つ、あとはCSSをコピペするだけでさまざまな形状を簡単に実装できる -CSS Shape

2024/05/09(Thu) 08:50

HTMLはdiv要素一つだけ、あとはCSSをコピペするだけでさまざまな形状のシェイプを実装できるコードをまとめたCSS Shapeを紹介します。さまざまな形状はdivだけでなく、imgで画像にも実装することもできます。

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

デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選

2024/05/01(Wed) 09:01

みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？

https://note.com/toshiba_ui/n/n1c1182c8ab84

SEOにおける見出しタグ（hタグ）の役割と対策の10のポイントを紹介

2024/04/30(Tue) 08:56

「hタグ」とも呼ばれる見出しタグは、Webページを作成する際に用いるHTMLタグの1つです。本記事では、SEO記事の見出しの付け方がわからない方へ向けて、基礎知識からSEOに配慮した見出しにするポイントなどを紹介します。

https://www.seohacks.net/blog/23580/

次世代AI、フォトショップに登場「生成塗りつぶし」が進化、2024最新アップデート新機能レビュー

2024/04/30(Tue) 08:55

今回は、Photoshopに新しく追加された新機能の詳細を、フォトショップユーザー歴１０年以上の筆者が実際に使ってみた感想と一緒にご紹介します。

https://photoshopvip.net/157282#google_vignette