Web制作に役立つ情報一覧

横並びになったボタンを同じ幅で配置するCSS

2023/09/07(Thu) 08:52

複数のボタンを横並びにしつつ、それぞれのボタンが同じ幅になるように合わせたいということがある。ボタンに同じwidthを指定すれば合わせられるが、するとラベルの長さに応じた幅にできなくなる。

https://yuheiy.com/2022-08-14-same-width-buttons

全部、商用利用も無料！ Google Fontsの中でも可読性・判別性に優れたフォントのまとめ、UIデザインにも最適

2023/09/05(Tue) 08:55

Google Fontsには日本語フォントや英語フォントをはじめ、さまざまな言語のフォントをすべて無料で使用できます。いやー、いい時代ですね。そんなGoogle Fontsの中からリーダビリティ、レジビリティに優れた、テキストを読みやすくするためにデザインされたアクセシブルなフォントを紹介します。教育機関で教材に使用されていたり、指導用として承認されているフォントをあります。

https://coliss.com/articles/build-websites/operation/work/accessible-with-google-fonts.html

知らないと損する最新Web＆デザインツール、素材55選

2023/09/04(Mon) 08:47

「いつもやってるこの作業、実はちょっと面倒」「アイデアを形にできるツールや素材が欲しい」「クリエイティブの生産性を上げたい」そんな人に朗報です。このまとめでは、ここ最近公開された便利なツールや素材の中から、「本当に使えるもの」だけ55個を厳選。

https://photoshopvip.net/150526

商用利用も完全に無料！ 昭和にあった看板のようなレトロな雰囲気がかわいいフリーフォント -トレゴ

2023/08/30(Wed) 08:52

どこか懐かしい、昭和にあった美容室や婦人服屋の看板に書かれていた文字のようなレトロな雰囲気を楽しめるフリーフォントを紹介します。

https://coliss.com/articles/freebies/free-font-tra-gothic.html

CSSで角丸を美しく実装するテクニック、ネストされた外側と内側を相対角丸の美しいバランスで実装

2023/08/29(Tue) 08:50

カードやパネルの外側と内側に角丸を使用したときに、なんだかバランスが悪いなと思ったことはありませんか？ 角丸を二重にするときに外側の角丸と内側の角丸の値を同じに設定すると、内側の方がすこし大きく見えて、不格好になってしまいます。

https://coliss.com/articles/build-websites/operation/css/inner-radius-design-tip-with-css.html

こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本

2023/08/28(Mon) 08:53

デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。

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

最近のUIデザインのテクニックを解説！ より使いやすいボタンをデザインするときのポイント

2023/08/25(Fri) 08:57

WebサイトやスマホアプリのUIに使用されているボタンをデザインするときに気をつけるポイント、より使いやすくするためのポイントを紹介します。UIのボタンは色だけに頼らない明確な視覚的階層が必要で、同じスタイルの場合は区別できるようにデザインすることが重要です。

https://coliss.com/articles/build-websites/operation/work/button-design-tips-for-ui-design.html

おしゃれなロゴマークを作成する方法＋無料ツール12選

2023/08/21(Mon) 09:00

良いロゴとは貴重な資産であり、ブランドを認知させ、信頼を確立することができます。では、良いロゴを手に入れるには、どのような方法があるでしょう？この記事では、魅力的なロゴデザインを作成するポイントに加え、無料でロゴを作成できる、おすすめのロゴ作成ツールをまとめてご紹介します。

https://photoshopvip.net/149996

ECサイトでSEO対策を行うときの3つの注意点

2023/08/21(Mon) 08:59

ECサイトのSEO対策は、オウンドメディアのSEOとは考えるべき点が大きく異なります。特にサイト構造、リンク構造などを上手く設計しておかないと評価が上がりづらいサイトになってしまうこともあるため注意が必要です。本記事では、ECサイトで行うべきSEOを紹介します。

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

ロゴデザインの仕事で圧倒的に助けられた本8冊

2023/08/17(Thu) 09:09

こんにちは。今日はロゴ制作において圧倒的に助けられた本について書いてみたいと思います。❶どういった点で役に立つのか❷僕がどうやって使っているのか この2点に絞って簡潔に書いていきます。

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