Changing Form Input Styles on Focus with jQuery A lot of forms can be boring and plain, don’t let yours blend in. This tutorial will show you how to spice them up with CSS classes and default values that change according to which form item is selected. All with just a splash of jQuery. The Goal We want to make a form with input fields that change their appearance when they are focused on. Get on b
Posted on 18th December 2007 — Forms are such a common element on the Internet we tend to blunder through them without too much thought. However, if the web site has added a few nice touches that make the process easier, it tends to speed up the process and reduce any frustration in finding our preferred username (i.e. try getting your name under Hotmail!). Earlier: It’s all about CSS Next: Slide
In this article I'll show you how to build a simple, yet powerful and extensible jQuery form validation plugin. July 2, 2009Comments This article does not show you how to use the jQuery validate plugin. The tutorial covers building a lightweight, flexible solution from scratch. It won't be nearly as advanced and powerful as the official plugin. Nevertheless, I hope you'll learn something from a jQ
入力文字数制限のあるフォームで、後何文字入力していいかわからず打ち直した経験はありませんか？ 前回は何文字入力しているかをカウントしましたが、今回はその逆です。 HTMLソース input要素のmaxlength属性に最大入力文字数を入れます。 後のspan要素にある数字がカウントダウンするようにJavascriptで設定します。 <input type="password" id="input-down" maxlength="6"/><span id="countDown">6</span> Javascriptソース $(function(){ $(":password").keyup(function(){ var maxChars = $(this).attr("maxlength"); var counter = $(this).val().length; $("#countD
贈られたランドセル。未開封の箱に「お年玉です 伊達直人」との紙を貼り、玄関に積み重ねてあった＝小田原児童相談所提供 神奈川県小田原市の小田原児童相談所に元日の夜、漫画「タイガーマスク」の主人公「伊達直人」を名乗る人物からランドセル６個が届いた。添えられた手紙は、１週間前のクリスマスに同じ名で群馬県中央児童相談所（前橋市）にランドセル１０個が贈られたことに触れ、「自分にも何か出来るのではないかと思い贈ります。タイガーマスク運動が続くとよいですね」と書かれていたという。 小田原相談所によると、元日午後７時５０分ごろ、警備員が正面玄関前にラッピングされた箱６個を見つけた。そのうちの一つに「お年玉です 伊達直人」という紙が貼られていた。 ランドセルは赤が３個、黒が３個で、いずれも新品。同相談所は「ありがたい話」と喜び、新年度に児童養護施設に入る子どもたちに使ってもらうことにしている。 漫画
Data Collection Standard Tracking Tracking Sites Usage Guide Migration Examples Traditional Snippet Ecommerce Tracking Cross-Domain Tracking Traffic Sources Visitor Configuration Custom Variables Custom Visitor Segments Tracking Events Implementing Extending Specialized Tracking Gadgets Chrome Extensions Mobile Updated Flash/Flex Flash Setup Flex Setup Silverlight Tracking Reference Global Object
Withingsが、iPhone/iPadで計測出来る血圧計「Blood pressure monitor」を発表しています。 単四電池４本で駆動し、現在販売されている「WiFi Body scale」用に提供している、iPhone/iPadアプリ「WiScale」（以前の名前はWiScale）を使って、計測と記録管理を行うことが出来るそうです。 これにより、体重計測と血圧計測の２つを１つのアプリで管理出来るようになるそうで、アメリカで、129ドルで販売されます。 TagBlood_pressure_monitoriPadiPhoneWithings iPhone App Store (5149) アクセサリ (4367) 特価 (3384) レポート (2717) NEWS (2551) Rumor (1943) iPad App Store (1813) iTunes (1263) i
べ、べつにAndroidなんて気にならないんだからねっ・・・!!（C.V.柊かがみ） とツンデレ気味にAndroidを見ていましたが、iPod touch的な通信料がまったく掛からないAndroidがあれば激しく物欲が揺らぐだろうなぁと思ってました。 年末あたりにそんな感じのツイートをしていたのですが、新年早々まさかほんとに出てくるとは・・・! GalaxyPlayer、価格は149.99ユーロ（約1万6250円）から。 Appleが携帯電話市場向けに「iPhone」、オーディオプレーヤー市場向けに「iPod touch」という形で「iOS」を搭載した製品をリリースする中、Googleの「Android」を採用したスマートフォンとオーディオプレーヤーの両方を手がける大手メーカーはありませんでした。 しかし日本でも発売されているiPhone対抗のAndroidスマートフォン「GALAXY S
驚きのソフトを友人から教えてもらったのでご紹介します。その名も「MikuInstaller」 元々、Windowsのみ対応しているDTMソフト「初音ミク」をMac上で動かすソフトなのですが、実はこれを使うと他のソフトも動いちゃうのです！ そこで「MikuInstaller」の使い方と、使えるWindowsソフトをまとめてみました。 MikuInstallerの使い方。 mikuinstallerの使い方はいたって簡単です。 まず、「MikuInstaller」からMikuinstallerをダウンロードしましょう。 するとこんなウィンドウが出るので、「アプリケーションで開く」を選択し、OKをクリックします。 ダウンロードが終わると、デスクトップ上にこんなアイコンが表示されるのでダブルクリックします。 すると上のようなウィンドウが立ち上がるので、ミクを「Applications」フォルダにド
昨年、ある企業のセミナーに行った際、中の人とMac話に花が咲いていたのですが、その時に話題に出たのが、今まで聞いたこともなかった単語「HyperMac」。 お話を聞くと "MacBookを24時間動かすことができる" や "iPadやiPhoneも充電できる" や "2万円とちょっとで買える" 等々、ノマド作業がメインな僕にとってあまりに生唾ものな一品でした。 思わず「か、買います! どこに売ってるんですか?」と聞いたところ、「残念ながらもう売ってないんですよー。Appleと揉めたらしくて。僕も発売中止になる前に急いで買ったんですよー。」と余りに非情な現実を付きつけられてしまい、さんざん脳内を暴れ狂った僕の物欲は曇天の空に登って大爆発しました・・・。 しかし先日、Last Day.jpの「ノマドの環境を完璧にする Macの外部バッテリーHyperMac」を読んで販売復活してることを知り、死
(English version is available at http://www.youtube.com/watch?v=RUG-Uvq-J-w) 知力・体力・CPUパワーの無駄遣いを極めるべく、Kinectのモーションキャプチャを活用したウルトラセブンを体験できるプログラムを作りました。PCの中でウルトラセブンのようなものに変身してなんかいろいろできます。アルゴリズム行進に続き、たぶん世界初でしょう。開発期間は一週間、初めてのOpenGLプログラミングがKinect自体を扱うよりも大変でした。最新の進化した版の動画が http://www.youtube.com/watch?v=kxvn98lqr5Y にあるのでそちらもどうぞ。コードは http://code.google.com/p/kinect-ultra/ に公開してあります。
We’ve worked hand-in-hand with top iOS gaming devs to bring Fling compatibility to these titles. Fling compatible apps may have compatibility information in their app description. Do you use an app that’s not on this list? Contact the developer today to request Fling support. To add a game to this list, send a note to info@tenonedesign.com. RoboKill Rocket Riot Monster Shooter Aralon: Sword and Sh
HTML5にはオフラインアプリケーション機能があり、オフラインに対応したWebサイトを作ることができます。Webブラウザでいちど表示させれば、あとはネットワークとの接続が切れてもそのままエラーを起こさずに利用し続けられるWebサイトです。 iPod TouchやiPhoneに搭載されているWebブラウザの「Safari」はHTML5のオフラインアプリケーション機能に対応しているそうなので、HTML5を使っていつでも参照できる超簡単なアプリを作れるのではないか、そう思ってお正月休みに試してみることにしました。 単に路線図を表示するだけのアプリ iPod Touchを僕は利用しているのですが、いつでも参照できる地下鉄の路線図があるといいなと思っていました。iPod TouchはWifi機能しかないため、外出中はずっとオフラインでの利用なのです。 そこで、起動すると路線図の画像を表示するだけの超
ノベルティでは、宣伝効果を高めることが大切です。グッズを適当に選んでしまい、使い物にならないようのものを渡すとお客さんの満足度が低くなり、場合によっては広告や宣伝が逆効果になってしまうこともあるでしょう。 手ぬぐいはノベルティグッズとしてとても適しており、上手に活用すれば、宣伝効果が高いノベルティとして活躍します。今回は、ノベルティに手ぬぐいを選ぶメリットや、手ぬぐいの魅力について紹介しましょう。 そもそもノベルティとは ノベルティとは、企業が自社の宣伝や広告を目的として無料で配る記念品、おまけのグッズのことです。ノベルティを活用することで、お客さんの購買意欲を掻き立てたり、企業の名前やロゴがグッズに名入りされていれば、企業のことをより深く知ってもらうきっかけになったりするでしょう。 ノベルティは販促ツールの一つとして当たり前になってきています。ライバル企業に差をつけるために、購、買の動機
独学-者（どくがくもん）の独り言勉強中の備忘録とか、独り言とか、日常とか。 あと、ダジャレとか。 / 現在PHP独学中。 / 本業はコンビニオーナー。日々是精進/パソコンCKEditorのツールバーカスタマイズメモJavaScript CKEditorのツールバーカスタマイズをめもっとく。 ※フルバージョン <script type="text/javascript"> CKEDITOR.config.toolbar = [ ['Source','-','Save','NewPage','Preview','-','Templates'] ,['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker'] ,['Undo','Redo','-','Find','Replace','-','S
前の記事 2011年は「セクシー素数」の年 iPhoneの新年は「目覚まし時計バグ」 次の記事 Wikipedia、目標の13億円を1カ月半で達成 2011年1月 5日 社会メディア コメント： トラックバック (0) フィード社会メディア Nate Anderson 中国のWikipediaロゴ。画像はWikimedia Wikipediaは2010年11月15日、年間運営費2000万ドルをまかなうための資金集めキャンペーンを開始し、1600万ドル(約13億円)という目標額を発表した。そして同サイトは1月1日、目標額を達成したことを明らかにした。Wikipediaにとって、これまでで最も速い目標達成だという。 今回の寄付金キャンペーンにおいて、Wikimedia財団の名誉理事長Jimmy Wales氏は、Wikipediaについて、「多数の人々にとってきわめて重要な公的資源だ。無料で使用
Sprint Nextel HTC EVO Shift 4G 米Sprint Nextel から WiMAX対応の「HTC EVO Shift 4G」が発表 WiMAX対応の地域であれば高速のデータ通信が可能となるAndroid携帯 価格は2年契約縛りで150ドル（約12,500円）、2011年1月9日発売 ■スペック OS: Android 2.2 CPU: Qualcomm MSM7630 800MHz RAM: 512MB ROM: 1GB + microSD(Max 32GB) サイズ: 117×60×15.8mm 重さ: 167g ディスプレイ: 3.6インチ TFTマルチタッチ液晶 解像度: 800×480 WVGA カメラ: 5MP FlashLED 720p動画撮影 ネットワーク: CDMA2000 1x / 3G(EV-DO Rev.A) / 4G(WiMAX) 通信:
1992年6月。ブラジル、リオ・デ・ジャネイロでの「環境と開発に関する国連会議（環境サミット）」に集まった世界の指導者たちを前に、たった12歳の少女、セヴァン・スズキは伝説のスピーチをした。 This legend amazin speech was made by Severn Suzuki,just 12 years-old girl, at the conference of Environment in Brasil,Rio,in 1992.
NTTドコモ、Androidの次期最新バージョン「Honeycomb」搭載タブレットを3月末までに発売へ。高解像度、大容量バッテリー搭載？ NTTドコモが3月末までを目処に最新のAndroidタブレット端末を発売する予定であることが明らかになっている。日本経済新聞が1日に伝えた。同紙によればNTTドコモはAndroid OSの次期最新バージョンである開発コード「Honeycomb」を搭載したタブレットを今春投入するという。時期は前述したように3月末までを目処。端末を開発・製造するのは韓国のLG電子だ。報道によればNTTドコモはこの端末を、タブレット市場で先行する米Appleの「iPad」対抗製品になるとにらんでいるようだ。 Androidは現在、国内ではバージョン2.2（開発コード「Froyo」）が最新。海外では昨年12月に欧米で販売開始されたGoogleブランドのスマートフォン「Nexu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
