jQueryを使った単語の絞り込み機能作成チュートリアル - MySkill Blog
MySkillでは、スキル名からユーザを検索することができます。フリーワード検索ではなく登録されているスキル名で検索するので、その単語一覧を絞り込む機能をJavaScript(jQuery)で実装しています。簡単なスクリプトなので、実装のチュートリアルとしてまとめてみました。 スキルシート/ポートフォリオの検索 方針 まず単語一覧があり、検索窓に入力すると一覧が絞り込まれていくUIを作成することが目標です。単語全てを羅列した上で絞り込むだけなので、都度検索をサーバに投げる必要がなく、JavaScriptだけで完結します。ただし単語数が多くなるとブラウザや環境によってはものすごく重くなるので、使いどころはよく考える必要があります。 HTMLの構成を決める jQueryで実装する 最適化 サンプルプログラム 欠点 HTMLの構成を決める 以下のHTMLで構成されたリストがあるとします。実際はu
自動入力のパスワードを確認する方法 | Health is better than wealth
インターネットをしているとなんだかんだでID、パスワードが増えてきます。 最近のWebブラウザはおりこうさんなので一度ID、パスワード保存してしまえば、次からはフォームに自動で入力してくれます。 おかげで私たちの記憶力が悪くなっているような気もしますが・・・。 Webブラウザなどの自動入力に任せていると、いつの間にかパスワードがなんだったのか忘れてしまいます。いざ確認しようとしても、パスワードのフォームにあるのは●や*（アスタリスク）だけです。 （確認の必要があるかどうかはおいといて） （このメールアドレス、パスワードは架空のものです） というわけで、●や*で隠れちゃってるパスワードを確認する方法のご紹介です。 Easily Show The Contents of Password Fields » Raymond.CC Blog 上記サイトの真ん中くらいにあるフォームにJavascri
プログラミングを勉強したいメンバーが集う！新しいタイプのシェアハウス「PGHouse 豪徳寺」に行ってきた。 | EdTech [エドテック]
Webデザインで参考になるギャラリーサイト10選Webサイトを作る上でデザイナはとても重要な要素の一つです。自分だけでなく他の人が見るのであればなおさら見やすい、...
![プログラミングを勉強したいメンバーが集う！新しいタイプのシェアハウス「PGHouse 豪徳寺」に行ってきた。 | EdTech [エドテック]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d28879f6fac4f037a7732779ba0157684bf50325/height=288;version=1;width=512/https%3A%2F%2Fwww.edtech.jp%2Fassets%2Fog-image-news-top-d1097498be7ec3de62fa55901762e6dcf676cbb13dcfeba95e0bb1dd3c7d010e.jpg)
そらかぜ工場 Photoshop Scripting 覚書き
メニューの「ファイル->スクリプト->参照」を選択 ダイアログから実行するスクリプトを選択して開きます。 サンプルスクリプトを実行するには、ダイアログから、「Photoshop CS\スクリプティングガイド\サンプルスクリプト\JavaScript」にあるスクリプトを選択します。 ※スクリプト実行中にEscキーを押すとスクリプトを中断できます。一回で止まらない場合は何回か押してみると止まります。 ※「読み込み」をクリックする時にAltキーを押しているとスクリプト実行時にデバッグダイアログが開きます。 ダイアログからスクリプトを選択するとデバッグダイアログが開き、操作できます。
Firefox & Page Load Speed – Part II
Let’s start with the punchline: By making a few minor tweaks to our top landing pages, we can drive an additional 60,000,000 Firefox downloads per year. 60 million is a big number, so let’s add a little context. Looking back at our record breaking download day during the launch of Fx3 (June 2008), a total of 8,002,530 people downloaded Firefox. Adding 60 million downloads is akin to running 10 Dow
Web Development Project Estimator | Astuteo
The Web Development Project Estimator is a simple tool that was created so web designers and site developers could quickly and thoroughly estimate the time and materials required for a proposed web project. To use, simply enter the title of the project and your default hourly rate. Then adjust your anticipated hours accordingly to generate your total project estimate. When finished, you can view y
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Zerobase Journal
