Webデザイン

仕事が早い人は使っている最新Web便利ツール34選

2024/03/25(Mon) 09:09

「Webサイト制作がもっと楽になる方法ってないの？」「Web制作の最新ツールを試してみたい」そんな方へオススしたい、Webデザイン制作に役立つツールや素材をまとめてご紹介します。「これ、もっと早く知りたかった」と思うような便利ツールを中心にセレクトしています。

https://photoshopvip.net/156230

想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞ

2024/02/02(Fri) 09:05

WebサイトやアプリのUIで、スイッチを実装するのはなかなか面倒です。CSSで書くと、なかなかのボリュームになってしまいます。そんなスイッチがHTMLだけで実装できるようになります。

https://coliss.com/articles/build-websites/operation/work/safari-support-for-input-type-checkbox-switch.html

「Webアクセシビリティ」とは？ デザイン制作に意識すべきこと

2024/01/24(Wed) 08:55

現在はインターネットを通じ、いつでも・誰とでも簡単にコミュニケーションを取ることが出来ます。デジタル技術の進歩により様々な事が出来るようになった今、アクセシビリティの重要性が高まっています。

https://fastcoding.jp/blog/all/ui-ux/webaccessibility/

【商用可】HTMLテンプレートを無料ダウンロードできる厳選サイト11個

2024/01/23(Tue) 08:53

HTMLテンプレートを無料でダウンロードできるサイトを厳選してご紹介します。より具体的には、CSSフレームワークに依存しないVanilla CSSテンプレートとなっています。数あるテンプレート配布サイトの中で、これから以下に挙げるサイトが特にお気に入り。選択基準はこんな感じ。

https://photoshopvip.net/155092

サイト制作で実際に使用している地味に便利なWebツールなど12個紹介してみる

2024/01/09(Tue) 09:00

最近のウェブサイト制作で実際に使用しているWebツールや情報記事などを12個紹介します。地味だけど便利に使えるものばかりなので、ぜひ参考にしてみてください。

https://buildstd.com/web-tools-12/

【2023年ベスト】無料で使えるすごい神AIツール27個まとめ

2023/12/26(Tue) 08:57

AIツールはビジネスやクリエイティブなど、あらゆる分野で活用され、業務効率化や生産性向上に貢献しています。２０２３年は、コストをかけずにAIを最大限に活用できる無料AIツールが、たくさん登場した年となりました。この記事では、無料で利用できるAIツール28個をご紹介します。

https://photoshopvip.net/154650

デザイン仕様が伝わるFigmaのデザインの作り方

2023/12/22(Fri) 09:09

FigmaでUIデザインをおこし、それを実装する人にハンドオフ（デザインデータを共有する）ときに、どのようなことに気をつけると良いかを書いてみます。多くの方がこの手の「実装者にやさしいデザインデータの作り方」のような記事を書いてくれていると思いますが、この記事ではFigmaに特化した内容となります。

https://note.com/hilokit/n/ndb8df89e8cf7

デザインで、タイトルや見出しのアイデアに困った時に！ 国内の優れた実例がまとめられたデザイン書 -［DESIGN IDEA 100］タイトルまわり

2023/12/11(Mon) 09:19

タイトルや見出しをデザインするアイデアに悩んだことはありませんか？タイトルまわりの文字やあしらいをテーマにした実例がまとめられたデザイン書を紹介します。ポスターなどの広告媒体、書籍や雑誌、Webサイトなどに使用されているタイトルと見出しのデザインがたっぷり収録された一冊です。

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

地味だけど嬉しい新機能！ フォームのセレクトボックスで区切り線にhrを使用できるようになりました

2023/11/16(Thu) 09:04

フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでChorme, Edgeでも使用できます。

https://coliss.com/articles/build-websites/operation/work/select-element-with-horizontal-rules.html

Webデザインで意識したい3つの錯視効果

2023/11/13(Mon) 08:57

「錯視」と言えば、かの有名なエッシャーの立体錯視によるだまし絵や、あるはずの無い色が見えてしまう錯視や直線が曲がって見える錯視などなど、世の中には数多くの錯視効果が存在します。この錯視ってやつ、見た目を狂わせてくるのでデザイナーとしては非常に厄介なもの。錯視による小さな違和感がグッドなデザインを台無しにすることも珍しくありません。

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