CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
JQuery Narrative Select Plugin by gdakram From If this is , then you are . Date: To If this is , then you are . Date: Why, When Make your drop-down list look uniform cross-platform. Enables you to include a drop-down list as part of a 'narrative' form, where your user input fields look uniform. How <!-- CSS --> <style type="text/css"> @import url("/path/to/jquery.narrativeselect/jquery.narrativese
ThimbleOpenSource offers opensource mainly focused on PHP and web applications in general... This is simple JQuery plugin for filtering text input field by using regexp. Only allowed characters will be inserted into input field, others will be silently dropped. Usage example // only lowercase alphabets are allowed $('#text_input').filter_input({regex:'[a-z]'}); // only numbers are allowed $('#text
本連載では、JavaScriptライブラリの中でも人気が高まりつつあるjQuery UIとプラグインを取り上げます。今回は、Input Hint Overlay、Text input field filter、jQuery Validation、Password Strength、Simplest Twitter-like dynamic character countについて説明します。 はじめに 第2回「jQuery UIのウィジェットを使ってみよう」では、jQueryのユーザーインターフェースを拡張するjQuery UIのインストールから、jQuery UIのDialog、Datepicker、AutoComplete、ProgressBarの使い方を取り上げました。第3回では、第1回「jQuery UIのインタラクションを使ってみよう」でも簡単に触れたjQuery Pluginのフ
About A jQuery plugin that overlays input labels as hints to a form. It uses the title tags on each input/textarea as the label values/hints. It is called it on the form (or any parent). $(form).inputHintOverlay() Why use title tags? This makes it play nice with pre-filling forms from cookies (if a value is specified, the hint goes away). Why use overlay instead of setting the value? This allows
ロンドンブーツ1号2号の田村淳が2010年11月15日に、早稲田大学大隈講堂で恋愛講座を行いました。同大学政治部恋愛学教授の森川友義教授と共に、恋愛についての講座を行い、さらに学生との質疑応答が行われました。 私が非常に驚かされたのは、彼の恋愛理論もさることながら、学生との質疑応答場面です。学生からの質問の意図を的確に読み取り、質問に完璧に合致した回答が成されていきます。その過程で、笑いもとり、注意も引き、実例をしっかり挙げる、彼の底力に圧倒されます。恋愛偏差値74は伊達じゃないということが分かります。 元動画 その実際の映像は、以下のUstreamへのリンクをクリックしてください。恋愛についての話は、48分くらいから始まります。 http://www.ustream.tv/recorded/10873162 今回は、恋愛に関する彼のトークを引用します。 講座 「モテる人とモテないひとは何
こんにちは、id:stanakaです。昨日開催された、はてな技術勉強会 #2の資料&動画を公開します。今回は、翌日に公開できました。今後もこのスピード感を維持したいものです。 「TitaniumによるiPhone/Androidアプリ開発」 id:r_kurain いま最も注目をあつめる、スマートフォンアプリ開発環境であるTitaniumについて解説します。 インストールなどの導入から、簡単な Twitter クライアントの作成までの一通りの開発について実際に動く様子を確認しながら説明していく予定です。 TitaniumによるiPhone/Androidアプリ開発View more presentations from kurain. サンプルコード: https://github.com/kurain/TitaniumMobileSample 「iPhoneアプリ開発講座Web連携アプリ
詳しくはコチラ→ position ボックスのレイアウト方法を指定するpositionプロパティ topプロパティ topプロパティは、ボックスを配置する場合に上からの距離を指定します。基準位置の上端から配置するボックスの上端までの距離を示します。positionプロパティが「static」以外のときに有効となるプロパティです。 詳しくはコチラ→ top ボックスを配置する場合に上からの距離を指定するtopプロパティ bottomプロパティ bottomプロパティは、ボックスを配置する場合に下からの距離を指定します。基準位置の下端から配置するボックスの下端までの距離を示します。positionプロパティが「static」以外のときに有効となるプロパティです。 詳しくはコチラ→ bottom ボックスを配置する場合に下からの距離を指定するbottomプロパティ leftプロパティ leftプ
最近ちまたではTitaniumが話題ですね。はてなの技術勉強会で紹介されたのをきっかけに少しいじってみています。 Titanium開発では、通常Titanium DeveloperというGUIアプリケーションを使ってコードをbuildします。開発中は、どうしてもTitanium Developerとエディタとの行き来が必要で、なかなか不便です。 そこで、Titaniumのコードをvimなどのエディタから一発で、すばやくbuildできるようになるスクリプトを書いてみました。ついでにXCodeもTitanium Developerも(GUIの部分は)起動しなくてよくなります。 https://gist.github.com/715378 使い方 https://gist.github.com/715378 を Titaniumのプロジェクトの直下に置いて、 $ perl build.plのよう
それは記録。 背中が痛いと訴えてくる息子を裸にしたところ、広範囲に内出血跡を見つける。詳細は省くが、殴られたらしい。「すわイジメ」と気負いたつのではなく、ゆっくりと子どもの話を聞く。度を越した悪ふざけなのか、陰湿なやつなのか見きわめがつかないし、子どもの話なので一貫性が見出しにくい。 まず、子どもの話を遮ることなく最後まで聞く。たずねるニュアンスの「訊く」のではなく受け入れるように「聞く」。そいつを逐一記録する。客観的に述べるのは難しいだろう（大人だってそうだ）、だから矛盾点には目をつぶり、ありのまま記録してゆく。ついでに写真も撮っておく。トラブルが大きくなり、収拾がつかなくなってからではなく、（たとえ一面からでもそれを自覚しつつ）子どもからヒアリングを続ける。 次に、「親は味方だ」というメッセージを伝える。独りで抱え込むなという。どうしても言いたくないのであれば、無理に聞くことはない。親
はじめに この連載では、「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 HTML5はなぜ注目されているのか HTML5は、今やウェブ業界の流行語といっても良いほどの過熱ぶりです。HTML5は、名前の通り、HTML4の後継に当たる仕様です。とはいえ、HTML5に注目しているのは、ホームページを作成するウェブ制作者だけではありません。ウェブ業界に限らず、あらゆるIT関連業界で注目を浴びています。なぜ、これほどまでにHTML5が注目を浴びているのでしょうか。 この理由は、大きく分けて2つあります。1つはマークアップです。もう1つはAPIです。 マークアップの仕様を更新 まずは、マークアップの視点から見ていきましょう。これは、とりわけウェブ制作者、中でもウェブページ製作の現場において重要です。これまでウェブ
最近のトレンドの一つでもある背景画像をブラウザの枠いっぱいに表示する実装方法はたくさんあります。その中から、理にかなった最新のテクニックや、より多くのブラウザに対応させるテクニックを紹介します。 Perfect Full Page Background Image [ad#ad-2] 下記は各ポイントを意訳したものです。 各デモはページ下部のDownload Files」で、まとめてダウンロードできます。 背景画像をブラウザの枠いっぱいに表示するテクニックとは CSS3を使ったテクニック CSSだけで実装するテクニック：その1 CSSだけで実装するテクニック：その2 jQueryを使ったテクニック 背景画像をブラウザの枠いっぱいに表示するテクニックとは 前提として、下記のポイントが挙げられます。 画像でページをいっぱいにします。 空きは無いようにします。 画像のサイズは必要があれば調整しま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く