サイト構築 -制作

VS Codeの新機能がすごく便利! ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります

Post on:2024年2月15日

先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール(紹介記事)ができるようになった時もその便利さに喜び

...記事の続きを読む

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

Post on:2024年2月1日

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

2023年、UIデザインで人気のツールを調査 -UIデザインやプロトタイプでよく使用されるツール、UIデザイナーがAIをどのように使用しているのか

Post on:2023年12月20日

デザインは新たな時代を迎え、デザインツールも新たな時代に入りました。UIデザインに使用されるツール、プロトタイプに使用されるツール、デザインシステム、ホワイトボード、ユーザーテストをはじめ、AIの登場によってどのような影

...記事の続きを読む

レスポンシブ対応の遅延画像が「sizes=auto」を使用すると簡単に実装できるようになります

Post on:2023年12月5日

朗報です! 来年の2024年に、ブラウザはCSSから画像の実際の幅を取得し、それを画像のサイズとして使用することができるようになります。 srcsetで遅延読み込みされた画像の場合、ブラウザはsrcsetからソースURL

...記事の続きを読む

UIデザインに最適! 文字サイズが小さくてもくっきりと美しいフリーフォント「Inter」が待望のバージョンアップ

Post on:2023年11月30日

2017年にリリースされて以来、UIデザインをはじめ、ロゴやグラフィックデザインなど幅広い用途向けに設計されたフリーフォント「Inter」が2年振りにバージョンアップされて、最新版「Inter 4」が公開されました。 I

...記事の続きを読む

CSSの進化がすごすぎる! 2つの画像を比較するスライダーは数行のコードで実装できるようになりました

Post on:2023年11月28日

2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの

...記事の続きを読む

Adobeユーザーはダウンロードしておこう! Adobe Fontsで使用できる日本語フォントすべてを一覧できるPDF 2023年最新版

Post on:2023年11月21日

11/15に、Adobe Fontsで使用できる日本語フォントが増えました! 今回のアップデートでは、マンガ制作用にデザインされたアンティーク書体「貂明朝アンチック」をはじめ、砧書体制作所、FONT1000、視覚デザイン

...記事の続きを読む

Adobe CCユーザーに朗報🎉 2023年11月、Adobe Fontsに日本語フォントが大量追加、CCユーザーは無料で使えます

Post on:2023年11月15日

11/16から開催されるAdobe MAXに先駆けて、Adobe Fontsに日本語フォントが大量に追加されました! 今回は、マンガ制作用にデザインされたアンティーク書体「貂明朝アンチック」をはじめ、砧書体制作所、FON

...記事の続きを読む

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

Post on:2023年11月14日

先日リリースされたChrome 119に地味だけど嬉しい新機能が実装されていたので、紹介します。 フォームのセレクトボックスで区切り線にhrを使用できるようになりました。すでにSafariでもサポートされており、これでC

...記事の続きを読む

UIデザインにも最適! アナログ印刷のインクと紙からインスピレーションを得たカラースキーム -Flexoki

Post on:2023年10月18日

デジタルのスクリーンで文章やコードの読み書きのためにデザインされた、アナログ印刷のインクと紙の温かみのある色合いからインスピレーションを得たカラースキームを紹介します。 WebサイトやスマホアプリのUIデザインに使用した

...記事の続きを読む

top of page

©2024 coliss