問題タブ [google-doodle]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Googleのバッキーボール落書きはどのように実装されていますか?
私はそれが作成するマークアップ、つまり原子の画像の束と、結合を作成するためにかなり奇妙に使用される大きな背景画像を見てきました。
私が解決できないことがいくつかあります:
- javascriptがどこにあるか
- 後部の結合を狭くするもの
- 原子に結合バックグラウンドも適用される理由
興味のある人のために、GoogleDoodleは次のようになりました。
javascript - 新しいグーグルロゴ(動くボール)はどのように実装されていますか?
新しいgoogle.comのDoodleのコードを入手しました:http://gist.github.com/567948
問題は、のすべての値が<div id="hplogo">
動的に変化していることですが、ローカルマシンにコードをコピーしたときはそうではありません。
JS + DIVだけのようですが、何か足りないものはありますか?
しかし、今では私のローカルマシンでそれを複製することができます。
助言がありますか?
javascript - グーグルのスーパーボール落書きに読み取り可能なソースコードはありますか?
現在のGoogleDoodleをまだ見たことがない場合は、チェックしてください。基本的に、それはマウスから飛ぶボールの束です。
(出典:dailymail.co.uk)
IEでは他のブラウザとは異なる方法でコーディングされています。IEでは、.
文字を使用して実行されますが、他のブラウザはを使用しますborder-radius
。
ページ内にソースコードを見つけました(美化後、完全を期すために以下に含まれています)が、グーグルが非圧縮のソースコードをグーグルコードに載せたのか、それとも公開リポジトリに載せたのか疑問に思いました。
このページで使用されているJavascriptの人間が読める形式のコピーがどこにあるか知っている人はいますか?
javascript - 今日の (ジュール ヴェルヌ) Google の Doodle はどのように機能しますか?
今日 (2011-02-08)の Google の Doodle ( Doodle が変更された場合の CNN の記事へのリンク) を確認した方は多いと思います。それは素晴らしかったので、 Firebugでの実装について調べてみましたが、パンと回転 ( -moz-transform:rotate()
) などの約 3 層の画像 (3D 効果用) があることがわかりました。だった(そして私の質問):
ハンドルを握ったときにマウス カーソルがどのように非表示になるか、CSS にあることはわかっていますが
/li>cursor:none
、ハンドル用の次の CSS を確認しました。ハンドルをドラッグして、位置に応じて 9 つの画像を同時に切り替える方法。
そのJavascriptに光を当てます(firebugには見つかりませんでした...検索用の通常のスクリプトと、modを計算するだけのこの小さなコード(他のタスクの可能なコードについてはどうですか)
/li>
したがって、その実装方法を簡単に指摘してください(3つについて言及しましたが、それほど明白ではない可能性のある他のポイントを含めてください)。
参照用の画像リソース:
他の 3 つの画像へのリンク (長すぎてここに表示できませんでした)
アップデート
ここでMyles Grayは、Doodle がどのように実装されたかを示すために Javascript コード、CSS、および HTML を再実装する (そしてより読みやすくする) ことで大きな貢献をしました。
これは、すべてのユーザーがチェックできるリンクです。
http://jsfiddle.net/Mutant_Tractor/jRkND/16/ <-- 最新リビジョン
javascript - 今日のグーグルドゥーグル万国博覧会はどのように実施されていますか?
HTML5とjqueryのパワーを使用しているのか知りたいのですが、これについてどのサンプル例を入手できますか?
javascript - Webページの画像(Javascript)で虫眼鏡をシミュレートする方法は?
グーグルは最もクールな効果を持っています-かつてはパックマンゲームでしたが、今日は明らかに最初の万国博覧会の160周年であり、グーグルのロゴにはそれをイメージしています。また、マウスを拡大鏡に変えて、画像(金の指輪)を一掃することもできます 。
彼らはどうやってそれをするのだろうか。これは明らかにJavascriptであり、ページのソースを調べましたが、特に読みやすいわけではありません(当然のことです)。
javascript - Google Doodle ギターの実装方法
重複の可能性:
Google ホームページで使用されている技術 (ギターの弦)
今日はレス・ポールの誕生日。Google には、ギターを弾くためのクールな Doodle があります。
どのように実装されているのか気になります。
- Javascriptを使用していますか?
- HTML 5 機能を使用していますか?
- どうやって音を出すの?
javascript - Gideon Sandback のジッパーの落書き [Google、4 月 24 日] は完全に JavaScript ですか?
Gideon Sandback google Doodle は javascript で実装されていますか?
firebug を追跡しようとしましたが、実装の詳細を実際に「取得」できませんでしたか?
それがどのように実装されるかについて何か考えはありますか?
google-doodle - Google がこの「Gideon Sandback Doodle」に使用した可能性のある Web テクノロジー
Google がこのGideon Sandback Doodleに使用した可能性のある Web テクノロジー(ビデオを参照)
http://www.youtube.com/watch?v=utijBRRmAJo&feature=relmfu
私は本当に興味があります。Webブラウザで、本当にこれだけのことができるでしょうか? フラッシュではないと思いますが、そうでなければ不思議ではありません。ソースコードまたは同様のサンプルはありますか?
これは、現在 Web テクノロジーをどれだけ拡張できるかを示していると思います。
html - Moog シンセサイザーの今日の Google Doodle
Robert Moog に捧げる今日の Google Doodle of Moog Synthを調べていたところ、
次のhtmlコードに出くわしたとき:
(ソースを表示して Ctrl+F を実行すると、最初の検索結果に表示されます)。
私は s & w タグについてグーグル検索しましたが、s
タグがテキストの取り消し線に使用されることがありますが、現在は非推奨になっていることを除いて、何も役に立ちませんでした。
明らかに、Google は非推奨のタグを使用する予定はありませんが、この背後には単純な html コードよりも多くのことがあると思います。このタグの使い方を説明してくれる人はいますか? &ブラウザはどのようにそれらを認識しますか? ブラウザがそれらを認識しない場合、それらの用途は何ですか?