コハム

Webクリエイターのコハムが提供する、Web制作に役立つ情報をまとめたブログです。

すぐにマスター!GSAP v3で魔法のようなウェブアニメーション作り

Getting Started with GSAP v3:A step-to-step guide 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブサイトに息吹を与える見事なアニメーションに魅了されたことはありませんか? そうであれば…

【2024年最新】detail・summary・dialog・popoverの徹底解説!もう要素の表示・非表示には悩まない!

The Different (and Modern) Ways to Toggle Content 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 コンテンツの切り替えとなると、JavaScriptを少し加えたdisplay: noneやopacity: 0を使用すること…

これ一本でOK!【markdown-it】でサクッとMarkdown変換!

Javascript Markdown Parsing with Markdown-it: A Guide 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Markdownは、プレーンテキストでフォーマットできる軽量なマークアップ言語として、その使いや…

【2024年版】CSSグリッドの救世主!fit-content()関数の使い方総まとめ

CSS

Decoding the fit-content() CSS Function 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 この記事では、CSS関数のfit-content()について詳しく見ていきます。これはCSSの新しい機能で、主にCSSのグリ…

【初心者向け】驚くほど簡単!ChatGPTをJavaScriptで動かすファーストステップ

How to Connect JavaScript to ChatGPT: A Beginner’s Guide 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 はじめに 人工知能を統合することで、ユーザー体験を大幅に向上させることができます。この…

【検証】Chromeの新AI翻訳機能「Translator API」を使ってみた!驚きの翻訳スピードと使い勝手

Using Chrome AI for Translation 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ChromeのTranslator APIについてはAI を組み込んだ翻訳をご覧ください。 私はChromeのブラウザに生成AIを組み込む取り…

©コハム