サイト構築 -実装
Chrome 127で新しく追加された3つのCSSの機能、使用するフォントに関係なく読みやすくするなど
Post on:2024年7月29日
Chrome 127で追加された、CSSの新しい機能3つを紹介します。 今回のアップデートでは、使用するフォントに関係なく読みやすさを確保したり、生成コンテンツ内の代替テキスト、iframeでのビュー遷移のサポートなど、 […]
Webサイトを使いやすく改善する、知っておくと便利なCSSのテクニック
Post on:2024年7月25日
Webサイトのエクスペリエンスを改善するCSSの便利なテクニックを紹介します。 基本的には一行のCSSですが、より良くするためにCSSを追加して複数行のものもあります。 CSS One-Liners to Improve […]
これはすごい便利！ WebサイトやスマホアプリのUIに今時のアニメーションやインタラクションを簡単に実装できる -Animata
Post on:2024年7月23日
WebサイトやスマホアプリのUIにアニメーション、エフェクト、インタラクションを簡単にコピペで実装できるコードをまとめたAnimataを紹介します。 112種類のアニメーション化されたUIコンポーネントが揃っており、見て […]
CSS Gridの便利な無料ツールが登場！ レイアウトを確認しながら、コードを生成できる -CSS Grid Generator
Post on:2024年7月22日
最近のWebサイトやスマホアプリでよく使用されるお弁当箱のようなBento UIやカード型、ヘッダ・サイドバー・メイン・フッタなどのレイアウトを確認しながら、CSS Gridのコードを生成できる無料オンラインツールを紹介 […]
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 […]
CSSで画像にオーバーレイを与えるときは、border-imageプロパティを使うと簡単で美しく実装できます
Post on:2024年6月24日
23 CSS features you should knowの動画でCSSの最近のテクニックが紹介されており、その中から特に注目すべき面白いテクニックを紹介します。 たった1行のCSSで、背景画像とテキストの間にグラデ […]
iOSアプリによく使用されているナビゲーションの最新パターンとそれぞれの特徴
Post on:2024年6月20日
iOSアプリによく使用されているナビゲーションのパターンとそれぞれの特徴を紹介します。 情報の階層ツリーを行き来するための構造型ナビゲーション、ユーザーの注意を引くためのオーバーレイ型ナビゲーション、特別なコンテンツで使 […]
sponsors
