チームプロジェクトで Vercel の無料サービスを無料で利用する方法
Vercel は Serverless サービスを提供するプラットフォームで、静的ページのプロキシやシンプルな API の作成に特に適しています。無料プランは個人プロジェクトに非常に優しく、特に中国地域では優れた CDN サポートを利用でき
Web 前端
Vue で HTML Video の muted 属性が消える
会社で新しいプロジェクトを私のほうで独自に技術選定して開発することになり、プロジェクトの要件は英語の製品紹介サイトを作ることでした。プロジェクトは比較的シンプルで、期間もそれほど長くなかったため、最終的に Nuxt フレームワークを使用して
konva.js の click イベントが親要素へバブリングするのを防ぐ
KonvaJS では、イベントバブリングがデフォルトで有効になっています。これは、子要素でイベントが発生すると、そのイベントが親要素へ伝播することを意味します。そのため、レイヤーに click イベントを登録し、その上にグループを作成した場
Vue.js における v-model と model-value の違い
Vue.js の v-model と model-value は、いずれもフォームデータの双方向バインディングを実現するために使用されるディレクティブです。 v-model は Vue.js が提供するシンタックスシュガーで、テンプレート内
Git Commit Message コードコミット規約
先月、会社に一人のフロントエンドの達人が入社し、私たちのチームのために技術面に関するいくつかの規約を制定してくれました。その中の一つに、Git でコードをコミットする際の Commit Message に関する規約がありました。最初は余計な
jQuery オンラインで t.cn 新浪短縮 URL を生成
最近 Ajax 技術を学んでいるので、よく小さな Demo をいくつか作っています。例えば、以前作った「jQuery でオンライン QQ 名称とアバターを取得」です。今日紹介するものも Ajax プロジェクトの一つで、主な機能は t.cn
WordPress の管理画面ログインページを美しくする
WordPress のデフォルトの管理画面ログインページがあまりにもひどいと感じている人は、私と同じようにたくさんいるのではないでしょうか？ 強迫観念の強い私は当然我慢できず、管理画面のログインページを変更するプラグインをあちこち探しました
jQuery で QQ の名前とアバターのリンクをオンライン取得
昨日、グループ内で誰かが Dux テーマのコメント欄で QQ 番号を入力すると、名前とアバターを直接取得できる機能はどのように実装されているのかと尋ねてきました。Dux テーマを確認したところ、この機能は統合されていないことが分かりました。
HTML、JavaScript、CSS のオンライン圧縮・解凍
数日前、皆さんがフロントエンドの HTML を学習できるよう、HTML をオンラインで実行するツールを当サイトで公開しました。本日は引き続き、HTML、JavaScript、CSS の圧縮・解凍を行う、非常に実用的な 3 つの小さなツールを
jQuery でウェブページの背景色をグラデーションにする
今日ウェブページの背景をいじっているときに、サイト全体を透明にしてしまいました。これで動的な背景を設定できるようになります。まず CSS + jQuery を思いついたのですが、しばらく試行錯誤してから、知更鳥テーマとは互換性がないことに気
Webページの特殊文字 HTMLコード大全
WebページのHTMLを記述する際、特殊文字が必要になることがよくあります。これらの文字はキーボードから直接入力できない場合が多いため、対応するHTMLエンティティコードを使用する必要があります。これらのコードはHTMLリファレンスにすべて
当サイト初公開のオンラインHTML実行ツールサイト
フロントエンドを学習していると、テストコードを実行する必要がよくあります。当時、私は主にChinazのウェブマスターツールなどのオンラインツールを使っていました。現在ではフロントエンド技術も一通り学べたので、より多くの人が便利にフロントエン
純粋な HTML 5 + CSS 3 で iPhone 6 を描く
Bilibiliで、HTML5の作品を見かけました。純粋なコードだけでiPhoneのレンダリング画像を描いたもので、なかなか面白いと思ったので、みなさんの参考にもなればと思い、公開します。まずは完成イメージをご覧ください： コードは60行近
CSSカスタムブラウザスクロールバーのスタイル
本日、憧憬ブログを訪問したところ、彼のサイトのブラウザ標準のサイドスクロールバーがカスタムスタイルに変更されていることに気付きました。後でネットで調べてみたところ、このスタイルは CSS でデザインできることが分かりました。そこで自分でもい
ウェブページに運営時間を表示する JavaScript コード
当サイトが開設されてから、かれこれ二十日ほどになります。まだそれほど長い時間ではなく、何しろ始まったばかりです。そこで、オンラインタイマーを書いて、サイトの運営時間を記録することにしました。前置きはこのくらいにして、さっそく始めましょう。
他人にウェブページのソースコードを見られないようにする
ときどき、簡単な HTML サイトを構築したものの、他人にウェブページのソースコードを見られたくないことがあります。そのようなときは、コードを使って他人が HTML コードを表示できないようにします。まずは、他人がどのようにウェブページのソ
ウェブサイト全体を白黒にする
昨年、著名な歌手の喬任梁（チャオ・レンリャン）が亡くなった際、百度画像は異例にも彼のために白黒のウェブページを用意しました。その結果、すべてのユーザーが百度画像で喬任梁を検索すると、サイト全体が白黒で表示されました。追悼が必要な日には、自分