Web制作に役立つ情報一覧

日本の夏、かわいいイラストおすすめ素材40選【Adobe Stock編】

2024/08/06(Tue) 09:01

「日本の夏っぽいイラストが欲しいんだけど…」そんなお願いをされたとき、すぐに候補をリストアップできるオススメのかわいい夏イラスト素材を集めました。

https://photoshopvip.net/159757

HTMLとCSSでつくる！リンクテキストのホバー時アニメーション11選

2024/08/02(Fri) 08:51

今回はHTMLとCSSのみで作成できる、シンプルながら少し目を引くアニメーションをテーマに実装例を紹介します。

https://ics.media/entry/240801/

ピクセルフォント・ビットマップ・電卓数字の日本語フリーフォント 総まとめ

2024/08/02(Fri) 08:50

ゲームや電光掲示板などで見かけるビットマップやドットの懐かしいフォント、デジタル時計や電卓などで見かける７セグメントや14セグメントのフォントなど、ピクセルフォントの日本語フリーフォントを紹介します。ゲームやアプリをはじめ、動画やWebデザインなどでも幅広く利用できる日本語のフリーフォントです！

https://coliss.com/articles/freebies/pixel-japanese-free-fonts.html

FigmaがAIでさらに進化！ Web制作はもはや完全自動化目前？ 「Config APAC 2024」現地レポ

2024/08/01(Thu) 09:04

Figmaが2024年7月、シンガポールでアジアで初となるデザインカンファレンス「Config APAC」を開催。AIを活用した新機能と新しいUIが公表されたイベントの模様を、現地からレポート。

https://webtan.impress.co.jp/e/2024/07/29/47425

2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

2024/07/31(Wed) 09:37

デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/logo-design-trends-in-2024-by-logolounge.html

Figmaの実践的な使い方がこれでよく分かる！ UIコンポーネントの作り方にフォーカスされた解説書 -Figmaで作るUIデザインアイデア集

2024/07/30(Tue) 09:58

UIデザインでもっとも使われているツールは何か、と言えばFigmaと答える人が多いと思います。Figmaは、Webサイトやスマホアプリの制作において欠かせないといっても過言ではないデザインツールです。そんなFigmaをもっと使いこなしたい、UIデザインをする際のアイデアや実践的なテクニックを解説した解説書を紹介します。デザインシステムをベースにしているので、しっかりとした知識を学ぶことができます。

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

これでもう悩まない！2024年ロゴトレンド最新レポート

2024/07/23(Tue) 08:49

2024年のロゴデザインの特徴は、ずばり「遊び心と革新」。ロゴが箱型になったり、角が切り取られたりとユニークなものが多い印象。流れるような流線形や、昔のピクセルアートも復活。また、ステッカー風のデザインや、中心を強調したバンランスのとれたロゴも流行の兆し。美しい色が混ざり合うグラデーションも使われて、動きを感じさせるデザインが増えています。

https://photoshopvip.net/159270#google_vignette

CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator

2024/07/23(Tue) 08:48

最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介します。使い方は非常にシンプルで簡単、生成されるコードもシンプルでさまざまなプロジェクトで利用できます。

https://coliss.com/articles/build-websites/operation/css/css-grid-generator.html#google_vignette

これ知ってる？Adobe Fireflyで３D文字を自在に生成できる裏技テクニック

2024/07/22(Mon) 08:52

Photoshopで利用できる新機能も十分衝撃だったのですが、あれからツールを利用し続けた結果、Adobe Fireflyがある特定のデザイン作成にとても効果的ということが分かってきました。それがずばり、文字の加工やテキストエフェクトの作成。

https://photoshopvip.net/159153

ゴシック体の素晴らしい世界が広がる！ 商用利用無料、可読性に優れたフリーフォント「永代ゴシック」がリリース

2024/07/19(Fri) 08:55

今回は可読性に優れた、字面の大きなモノラインのゴシック体「永代ゴシック」です。教育漢字を含む1,390文字の漢字が揃っており、タイトルやテロップなどにぴったりです。

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