２０年に開催される東京五輪・パラリンピックの期間中、猛暑対策として全国から祈祷師３千人を招集し、都内各所に派遣する計画があることが１９日までにわかった。かつて、国じゅうの祈祷師を総動員して敵国調伏の祈りをささげた例にならい、大会期間中の猛暑撃退をねらう。 大会関係者が明らかにした。大会本番を来年に控え、今年は都内各所でテスト大会が行われているが、多くの競技で水質や体調など暑さに起因する問題についての指摘が相次いでいる。 大会委員会では、傘と一体化した前衛的な帽子を製作したり、会場でかち割り氷を配布したりするなど、隙のない万全の暑さ対策を講じているが、追加策として全国から祈祷師を３千人程度招集し、気温を抑え込むための祈祷を都内各地で行うことを決めた。大会関係者は「念には念を入れる。言葉通りだ」と説明する。 計画では、競技会場周辺を中心に都内２千カ所に護摩壇を設置。期間中は２４時間不眠不休で護
プロジェクトNo.18：スクラッチくじ Canvasを２枚重ねて、前面のcanvasをマウスダウンとマウスムーブで消すといったものを作りました。 Canvasをレイヤーの様に使うために まずHTMLで２つのcanvasエレメントを用意します。 HTML <canvas id="parent" width="400" height="300"></canvas> <canvas id="child" width="400" height="300"></canvas> 次にCSSでcanvasに対してposition: absoluteを指定。 CSS canvas{ position: absolute; } ||< あとは、JavaScriptの方でそれぞれのcanvasエレメントに対してオブジェクト生成し、 それぞれに処理を行っていきます。 ***JavaScript >|javasc
Scratch Reveal with <canvas>は、<canvas>タグとJSで実装する、画像のスクラッチ表現です。 カラフルな写真にマウスを載せて、ドラッグすると、スクラッチを削るようにグレースケースの写真が現れます。 もちろん、デフォルトをグレースケールの写真にして、スクラッチでカラフルな写真を表示させることも可能です。 例えば、キャンペーンサイトなどで、画像にシリアルコードや当たり、ハズレのマークを埋め込んでおいて、ユーザーが画像を削ると表示される、という使い方ができそうです。 実装方法 デフォルトに表示される画像と、スクラッチで削った後に表示される画像の2枚を用意しておきます。 HTML <canvas>を用意します。 <figure id="bridgeContainer"> <canvas id="bridge" width="750" height="465"></c
ウェブサイトにおいてユーザーが特に操作する機会の多い部分のひとつが、ナビゲーションメニューでしょう。モバイル端末でのアクセスが増えているいま、より使いやすいスタイルが求められるようになっています。 今回は HTML と CSS、わずかな JavaScript で実装できるさまざまなナビゲーションメニュー用コードスニペットをまとめてご紹介します。アコーディオン型やサークル型、ドロップダウンやフルスクリーン、水平型、モバイル用、Off-Canvasメニューなどをスタイル別に100個まとめています。あらゆるWebデザインプロジェクトで使えるスニペットを、きっと見つけることができるでしょう。 ハンバーガーメニューはもう古い！代わりに使えるモバイル用ナビメニュー5つまとめ コンテンツ目次 1. アコーディオンメニュー 2. サークル型ナビメニュー 3. ドロップダウンメニュー 4. フルスクリーンメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
