コハム

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

Javascript

Atropos.jsで実現する、もっとスクロールしたくなるWebデザイン

Exploring The Creative Potential Of Atropos.Js For Web Design 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 デザイン愛好家の皆さん、気を付けて乗ってください!私たちは、Webデザインにおける無…

インパクト大!View Transition APIによるページ遷移の実装例

View Transition API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 View Transition APIは他ページへの遷移にアニメーション効果を適用するCSSです。 2024年秋に予定されているiOS18に搭載されるSafa…

スマホのロックをJavascriptで防ぐ!Screen Wake Lock APIの基本的な使い方

Disable Screen Sleep in JavaScript with WakeLock API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 JavaScriptでスクリーンスリープを防ぐには、WakeLockAPIを使うことができます。この機能は、長…

Promise.tryによる同期/非同期処理のエラーハンドリングのベストプラクティス

Promise.try to improve error handling and sync/async interoperability 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 この記事では、JavaScriptのPromiseと同じくらい古い面倒なタスクの現代的な…

モダンJavascriptには必須!ES6で使えるスプレッド演算子を学ぶ

ES6 Spread Operator: Unleashing the Power of Modern JavaScript 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 JavaScriptはかつてはWebページのための単純なスクリプト言語と考えられていましたが…

2024年版!HTML/CSSで作るリボンデザイン20選

20 Best Free CSS Ribbons Designs In 2024 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブサイトのデザインにぴったりなCSSリボンをお探しですか? そうであれば、ここにいらしたのが幸いです…

Tailwind CSSの開発をより効率的に!おすすめのTailwind Pluginsリスト

Tailwind Plugins List 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Tailwind CSSプロジェクトのワークフローをスピードアップしたいですか?この素晴らしいTailwindプラグインのリストをチェックし…

シンタックスハイライトをライブラリなしで簡単に!Custom Highlight APIの魅力

Syntax Highlighting code snippets with Prism and the Custom Highlight API 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 ウェブ上の構文ハイライトの一般的な仕組みは、すべてのトークンを要素で…

gulp v5.0.0 リリース!およそ5年ぶりのアップデート

gulp v5.0.0 タスクランナーであるgulpの新バージョン5.0.0がリリースされました! バージョンアップはおよそ5年ぶりとなります。 以下はリリースノートを抄訳したものです。 ⚠ 破壊的な変更点 新機能 バグ修正 その他の作業 ⚠ 破壊的な変更点 Node.js <10.1…

©コハム