京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
![サクッと読める話題 - ネット等様々な話題を誤報を防ぎながら更新](https://cdn-ak-scissors.b.st-hatena.com/image/square/4fb7ae08c42fca550f792d37d5bc6cd2bfba7be2/height=288;version=1;width=512/https%3A%2F%2Fhtml-five.jp%2Fwp-content%2Fthemes%2Fjin%2Fimg%2Fbg_default.jpg)
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
入力フォームの上にあらかじめ入力例や注意書きを表示する「プレースホルダ(placeholder)」。 入力する際の注意書きや入力例などを予め表示しておくことで、ユーザーに優しいUIにすることができます。 HTML5ではplaceholder属性という、新たな属性として簡単にプレースホルダを表示できるようになっていますが HTML5に対応していないブラウザではJSなどを使って実装しなくてはいけません。 このプレースホルダを表示するjQueryプラグインも多々ありますが シンプルなスクリプト構成で実装できないか、試しにやってみたので紹介してみます。 まずは実装サンプルから。 下記の入力フォーム(INPUTテキスト、パスワード、テキストエリア)にフォーカスすると 表示されているテキストが消えます。 入力フォームからフォーカスが外れた際に、 フォーム内に何か任意のテキストが入力されていると プレー
かえラボBlogはラナデザインアソシエイツのテクニカルチームが運営する技術系ラボプロジェクトですいよいよHTML5もメインストリームになってきたようなので、もろもろテストもかねて作ってみました。 デモはこちら テーマは「重力と音」です。 ボール(低機能なブラウザでは箱)が投げられてバウンドするだけの単純な内容ですが、 HTMLファイルと使用するサウンドファイルのみで動作しています。 jQueryなどの外部ライブラリも使用していません。(ここ重要) 重力間の表現は下記の公式を利用してます。 初速をv、経過時間をt、仰角をθ、重力加速度をg、初期座標を(x0, y0) として任意の座標を求めると x = v * t * cosθ + x0 y = v * t * sinθ - g * t * t / 2 + y0 音の再生には、HTML5のaudio要素(非対応ブラウザはembed要素)を使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く