フロントエンドエンジニアが作ったクールなインタラクティブウェブサイトを推薦します

フロントエンドエンジニアが作ったクールなインタラクティブウェブサイトを推薦します

ウェブサイトリンク: http://strml.net/

サミュエル・リード著

ヒント: 昨日、Momentsでテストしたところ、 WeChatの内蔵ブラウザで直接サイトにアクセスすると画面が点滅し、一部のAndroidスマートフォンでは横向きにできないことが判明しました。そのため、[提案]:モバイルデバイスを使用する場合は、Chrome、Safari、FFなどのブラウザで開いてください。 PCであれば、ほとんどのブラウザで効果を完璧に表示できるはずです。

最初は、白い背景に黒い文字が書かれた単調なウェブページです。あまりかっこいいとは思わないかもしれません。我慢してゆっくり読んでください。ホームページの所有者が推奨しているので、騙されることはありません。 (ニヤニヤした表情)

背景色を変更します。作者自身が、白い背景に黒い文字は退屈すぎると言っていたので、背景色を追加し始めました。さらに驚くべきことがゆっくりと明らかになるでしょう。

CSSコード領域を右に移動する

著者の経歴は左側に表示されます

著者に連絡を取りたいですか?左下のPGPキーを使用してください

右側の領域の CSS コードをクリックすると拡大します。 PC の場合は、CSS コードを編集および変更できます。 (タブレットではテストしていないので編集できるかはわかりません)

著者は最後の謝辞で次のように述べています。

「私の知る限り、このようなサイトを構築した最初の人物であるジェイク・アルボーに感謝します。」

ウェブサイト: http://strml.net/

URL をコピーしてモバイル ブラウザで表示することをお勧めします。

読んでみて良かったと思ったら、作者に「いいね!」を押してもいいでしょう。

【WeChat公式アカウント:福州突破】新規フォローしたユーザーに5元の携帯クレジットをプレゼント!毎日配信:福州の地元のニュース、ゴシップ、噂、そしてあなたの周りで起こっている大小さまざまな出来事。よく注意して幸せになりましょう!

<<:  CSS は Apple のスムーズなスイッチ ボタン効果を模倣します

>>:  JavaScript BOM の説明

推薦する

Navicat を使用してリモート Linux MySQL データベースに接続するときに発生する 10061 不明エラーの詳細な説明

Navicat を使用してリモート Linux MySQL データベースに接続すると、不明なエラー ...

Vue.jsは音楽プレーヤーを実装します

この記事では、音楽プレーヤーを実装するためのVue.jsの具体的なコードを参考までに共有します。具体...

Windows システム mysql5.7.18 インストール グラフィック チュートリアル

Windows システム向け MySQL インストール チュートリアルダウンロード1. https:...

Kali Linux インストール VMware ツールのインストール プロセスと VM インストール vmtools ボタン グレー

Xiaobai は vmtools のインストールを記録します。 1. 意義と機能: VMWARE ...

MySQL 8.0 の降順インデックス

序文インデックスが順序付けられていることは誰もが知っていると思いますが、MySQL の以前のバージョ...

CentOS6で定期的にjarプログラムを実行するスクリプトをcrontabで実行する

1. 簡単なJavaプログラムを書く パブリッククラステストシェル{ パブリック静的voidメイン(...

CSSリンクと@importの違いの詳細な説明

HTML に CSS を追加するにはどうすればいいですか? HTML で CSS を設定する方法は ...

MySQLデータベースの使用仕様の概要

導入: MySQL データベースの仕様に関しては、皆さんも何らかのドキュメントを読んだことがあると思...

MySQL の主キーとトランザクションの詳細な説明

目次1. MySQLの主キーとテーブルフィールドに関するコメント1. 主キーと自動増分2. テーブル...

Centos に PHP7.4 と Nginx をインストールする方法

準備する1. 必要なインストールパッケージをダウンロードするhttps://www.php.net/...

VMware 仮想マシンの NAT モードを構成する方法

この記事では、VMware仮想マシンのNAT構成プロセスを詳しく説明します。具体的な内容は次のとおり...

docker-composeの詳細なインストールと使用方法

Docker Compose は、複雑なアプリケーションを定義および実行するための Docker ツ...

単一の Nginx IP アドレスに複数の SSL 証明書を設定する例

デフォルトでは、Nginx は IP アドレスごとに 1 つの SSL 証明書のみをサポートします。...

Windows Server 2012 リモート デスクトップ ライセンス サーバーがライセンスを提供できず、リモート セッションが切断される

本日、会社の内部サーバーにログインしたところ、リモートアクセスができませんでした。エラー メッセージ...

データベースSQL文の最適化

最適化する理由:実際のプロジェクトが開始され、データベースが一定期間稼働した後、初期のデータベース設...