HTML カラー名とカラーコード table_html/css_WEB-ITnose

コンピュータ迷路経路のさまざまな検索アルゴリズムを示すアニメーション

コンピューターがどのように経路や障害物を段階的に探索し、最終的に最適で最も近いロードマップを決定するかを確認できる非常に鮮やかな迷路探索アルゴリズムです。

絶滅危惧動物 CSS フラグメント パズルの中国語版

純粋な CSS テクノロジーを使用して、30 種類の動物の断片的なパズル画像を表示します。これらの 30 匹の動物はとてもかわいいですが、残念ながらすべて絶滅危惧種であり、その生存状況は危機に直面しています。

HTML5 ミニゲーム: ブルー パズル

これはHTML5で作られたパズルゲームですが、かなり難しいです。各正方形にはオレンジ色の面と青色の面があります。四角形をクリックすると、その四角形の色が反転し、それに隣接する四角形の色も反転します。すべてのパズルのピースを青にするとレベルクリアです。

CSS カラーブレンドモード

Adobe の Photoshop がブレンド モードを発明したわけではありませんが、その実装が最も現実的です。しかし現在では、CSS3 がこの効果を実現する動的な方法を提供しているため、画像を美しくするために Photoshop を使用してブレンド モードを適用する必要はありません。

信じられますか?これらはすべて、DIV 要素によって実装されたアニメーションです。

CSS3 は、これまで、ビデオ、Flash、JavaScript のみが Web プログラマーに提供できました。純粋な CSS+HTML を使用してアニメーション効果を実現できるようになりました。信じられますか？ここで紹介するアニメーションはすべて、純粋な CSS3 テクノロジーを使用した DIV 要素によって実装されています。

HTML5+CSS3 特殊効果スライドショー (impress.js)

HTML5 と CSS3 の誕生と普及は、間違いなく従来の業界に多大な影響を与えるでしょう。Microsoft PPT などのソフトウェアは、徐々にオンラインの HTML5+CSS3 に移行するでしょう。なぜなら、HTML5+ を使用して CSS3 を使用してスライドショーを実装することは困難だからです。シンプルで使いやすくなっただけでなく、より強調された機能とより豪華な特殊効果が追加されました。 impress.js は、CSS3 アニメーションを簡単に使用して、魔法のような特殊効果を備えたスライドショーを作成できるツールです。

ハイパーリンク効果

さまざまなさまざまなハイパーリンク機能、疑似要素を使用するもの、svg を使用するもの、HTML5 アニメーションを使用するものがあります。これらのリンクの上にマウスを置くと、従来のリンクとはまったく異なる効果が得られます。 Google Chrome や Firefox などの最新のブラウザを使用する必要があります。

CSS Shiver

(大きいサイズ)このプロジェクトでは、ディザリング効果を作成する必要があります。当初はプレーンな CSS を使用していました。

開発が完了したとき、このクールな jQuery プラグイン (@jackrugile によって開発) を発見しました。

そこで、この小さな CSS プロジェクトを作るべきだと考え始めました。

レスポンシブ Web デザインとは?

アダプティブ Web デザインは、レスポンシブ Web デザイン (英語: Responsive Web Design) とも呼ばれ、Web サイトをさまざまな方法で機能させるための Web デザインへの技術的アプローチです。任意のデバイス (デスクトップ コンピューターのモニターから携帯電話やその他のポータブル デバイスまで) で読み取りおよび移動し、デバイスのサイズに基づいてページ上のレイアウトと要素の数を自動的に調整します。

HTML5 テクノロジー ショー: 3D 回転名

これはクールな HTML5 テクノロジー アプリケーションで、ユーザーはブラシを使用して、キャンバス上に表示したいテキストやパターンを書くことができ、それを 3D で回転させることができます。うまくデザインすれば、素晴らしい効果やパターンを描くことができます。

HTML5 を使用して下着会社が作成した福祉ゲーム: Let Love Call the Shots

これは、HTML5 技術を使用して下着会社が作成した福祉ゲームです。最先端技術賞を受賞しました。ゲームの主なテーマは、インドにおける見合い結婚現象に反対することです。 Lingerie Company のゲームは、ランジェリーに非常に重点を置いています。しかし、ゲームで使用されているテクノロジーは依然として素晴らしいものであり、ゲーム全体が非常にインタラクティブであり、ゲーム デザイナーにとっては学ぶ価値があります。

プログラマーがガールフレンドのために HTML5 を使用して作成した 3D フォト アルバム

プログラマーは、HTML5 を使用してガールフレンド用の 3D フォト アルバムを作成しました。マウスをドラッグ アンド ドロップして、写真をクリックして拡大し、近づけます。 。プログラマーは、プログラミングの方法を知らない人にはできない方法で専門知識を活用します。このフォト アルバムは HTML5 キャンバス テクノロジを使用しており、正しく表示するには Google Chrome や Firefox などの最新のブラウザが必要です。

CSS3 と JavaScript を使用した「ストリートファイター」ゲームの開発

最近、CSS3 のsteps() アニメーション プロパティを使用して PNG 背景アニメーションを生成する素晴らしいテクニックを学びました。この技術の主な機能は、PNGの背景画像を敷き詰めることでGIF画像のアニメーション効果を「再現」することです。私の友人は皆、私が若い頃ストリートファイターのゲームに夢中だったことを知っています。そしてこの資料を見たとき...私の頭に何が起こったか知っていますか?

現代のウェブテクノロジー: 本の中の世界

本を開いたときにコウモリや火を吐くドラゴンが飛び出してきたらどう思いますか?驚き！賞賛！唖然とした！映画「ハリー・ポッター」に出てくる動く新聞を思い出しました。この場所は、本の中の世界と同じような驚きをあなたにもたらします。ブラウザーテクノロジーの継続的な革新により、ますます多くの可能性が現実になりました。これは現代の Web テクノロジーの典型的な例です。

非常にクールな HTML5 インタラクティブ プログラマの職務経歴書

プログラマーの職務経歴書はプログラマーの技術的能力を反映する必要がありますが、ほとんどすべての履歴書は言葉で表現されています。なぜ履歴書キャリア自体がプログラマーのスキルを反映するプラットフォームになるのでしょうか。私の言っている意味がまだわからない場合は、あなたを驚かせる非常にクールな HTML5 インタラクティブ プログラマの履歴書をご覧ください。

出典: http://www.webhek.com/html-color-codes-and-names