サイト構築 -制作
これはすごい便利! WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
Post on:2024年7月23日
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見て
FigmaのAIによる学習「コンテンツのトレーニング」をオフにする方法、独自性・機密性の高いデザインを扱っている場合は注意が必要です
Post on:2024年7月19日
Figmaは、2024年6月にサンフランシスコで開催されたFigma Config 2024でFigma AIを発表しました。 FigmaのAIが学習に使用する予定のデータには、ユーザーが生成したコンテンツも含まれており
CSSのclass名やJavaScriptの関数名を付けるときに役立つ単語リストのまとめ -Classnames
Post on:2024年7月11日
CSSのclass名やJavaScriptの関数名を付けるときに悩んだり、ネタ切れになったことはありませんか? BEM, OOCSS, SMACSSで命名する場合はそれを使用すればよいのですが、特定のテーマ別にグループ化
Bartenderの代替に! macOSのメニューバーのアイコンを常に表示・非表示にできるオープンソースのアプリ -Ice
Post on:2024年7月5日
macOSのメニューバーにたくさんのアイコンが表示されて邪魔! という人に便利な無料アプリを紹介します。 アイコンは常に表示するアイコン、基本非表示でクリックやホバーで表示するアイコンにすることができ、簡単に言うとBar
これ知ってた? Googleでフォント名を検索すると、そのフォントで検索結果が表示される
Post on:2024年6月25日
私はついこの間、知りました。 Googleでフォント名を検索すると、そのフォントで検索結果が表示されます。 たとえば、「Comic Sans」を検索すると、検索結果をComic Sansで表示します。 検索結果をComi
iOSアプリによく使用されているナビゲーションの最新パターンとそれぞれの特徴
Post on:2024年6月20日
iOSアプリによく使用されているナビゲーションのパターンとそれぞれの特徴を紹介します。 情報の階層ツリーを行き来するための構造型ナビゲーション、ユーザーの注意を引くためのオーバーレイ型ナビゲーション、特別なコンテンツで使
これでもうロゴのSVGを探さないで済む! SNSやブラウザ、ライブラリ、ソフトウェアなどのロゴをSVGで簡単に利用できる -svgl
Post on:2024年6月19日
ソーシャルメディアをはじめ、各種ブラウザ、フレームワーク、ライブラリ、言語、ソフトウェア、AI関連などのロゴをSVGで簡単に利用できるsvglを紹介します。 SVGはコードをコピペで利用したり、SVGファイルをダウンロー
WebサイトやスマホアプリのUIで見かけたさまざまなアイデアを実現するディテールのまとめ -CallToInspiration
Post on:2024年6月5日
Webサイトやスマホアプリに使用されている、UIのさまざまなアイデアを実現するための小さなディテールをコレクションしているサイトを紹介します。 52種類のカテゴリにUIのディテールがコレクションされており、見ているだけで
UIデザインで中央配置がずれてしまう理由と解決方法
Post on:2024年5月30日
UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか? UIデザインで中央配置がずれてしまうときの理由、実装時にデ
iPhoneでの撮影もこれでばっちり! スマホやデジカメで被写界深度がどのように変化するかが分かる無料ツール -Depth Of Field Simulator
Post on:2024年5月29日
iPhoneで焦点距離を選べるけどどれがいいの、カメラのF値はどうすればいいの、そんな時はこの記事で紹介する被写界深度シミュレーターが役立ちます。 スマホ、Webカメラ、デジタルカメラなどの被写界深度がどのように変化する
sponsors