jQueryやJavaScriptでパスワードフィールドの文字を表示する方法
jQueryやJavaScriptでパスワードフィールドの文字を表示する方法を紹介します。 １．はじめに パスワードフィールドに入力した文字を確認したいことがあると思いますが、デフォルトのパスワードフィールドでは「●」しか表示されません。 ということで、パスワードフィールドの文字を表示するサンプルを作ってみました。 通常のパスワードフィールド チェックボックスをチェックすればパスワードフィールドを表示 ウェブサイトなどで入力したパスワードを確認したいときに便利です。 ２．パスワードフィールドの文字を表示する（jQuery） パスワードフィールドの文字を表示するには次のようにします（jQuery2.1.1で確認）。 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script> $(function()
アニメーションしながら少しずつ文字を表示させていくエフェクトを実装するjQueryプラグイン・Lettering Animate
使いどころもありそうだったので 備忘録。文字をアニメーションし ながら少しずつ表示させていく様 なエフェクトを実装できるjQuery プラグイン・Lettering Animate です。 プロダクトのキャッチコピーなんかもこの方法でユーザーの視点を誘導出来るかもしれないですね。Flashでは昔からよく見かける表現かもしれません。 lettering.jsにアニメーションエフェクトを追加したものになります。8種類のアニメーションエフェクトが用意されていました。 以下動作サンプルです。 Sample コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script type="text/javascript" src
[CSS]タイプライターのように一文字ずつアニメーションで表示するスタイルシート
JavaScriptは使用しないで、CSS3アニメーションでタイプライターのように一文字ずつ表示するスタイルシートを紹介します。 デモページ 実装 両デモの実装方法を紹介します。 HTML HTMLは共通で、h1要素でテキストを実装するだけです。 <h1>Typing animation by Lea Verou.</h1> CSS:モダンブラウザ対応版 CSS3のsteps()を使用して一文字ずつ順番に表示します。 フォントはアニメーションのタイミングを同じにするため等幅（monospaceなど）で。 Pure CSS3 typing animation with steps() @-webkit-keyframes typing { from { width: 0 } to { width:16.3em } } @-moz-keyframes typing { from { width
Twitterで変な文字が出て来たら .charCodeAt()で文字コードを調べてみれ（JavaScript おれおれ Advent Calendar 2011 – 19日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 19日目 Twitterってちょくちょく見た事無いような文字、記号が流れてきますよね！ なにそれ気になる！てな時にささっと覚えておくと幸せの予感がするのが、 .charCodeAt()と String.fromCharCode()です。 こんなつぶやきがあったとします。 ☺ — 高梨ギンペイ / Ginpeiさん (@ginpei_jp) 12月 19, 2011 あれ、なんか絵文字みたいなの☺がありますね。なにこれ気になる！ そんな時は文字コードを調べてみましょう。文字のコードはだいたい連続しているので、付近にも同じような感じの、面白い文字が隠れているに違いありません。 var code = "☺".charCodeAt(0); // コード取得 var c = String.fromCharCode(code
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
