[JS]使いやすく高性能なフォームが簡単に設置できるフレームワーク -jFormer
簡単なログインフォームをはじめ、お問い合わせフォーム、コメント用フォーム、ショッピングカート用フォーム、アンケート用フォームなど多種多様なタイプが用意された、バリデーション機能も備えたフォームのフレームワークを紹介します。 jQuery Form Framework - jFormer [ad#ad-2] jFormerの特徴 クライアントサイドのバリデーション サーバーサイドのバリデーション AJAXを使ったページ変更機能 CSSベースの簡単なカスタマイズ Botの防止（CAPTCHAは無し） 入力データのレジューム機能 フィールドのロック機能 フォームのテンプレートも多数用意 jFormerのデモ デモには、さまざまな実用的なフォームがあります。
[CSS]画像のロールオーバーにフェード効果を与える方法の理想と現実
CSSスプライトを使用した画像のロールオーバーにアニメーションでフェード効果を与える際の、妥当な実装方法、理想の実装方法、現実の実装方法を紹介します。 Fade Image Into Another (within a Sprite) デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 最初の方法：妥当 二番目の方法：理想 三番目の方法：現実 デモでは、上から順番に実装されています。 最初の方法：妥当 HTML 元のエレメント内にspanを一つ配置します。確かにこれは余分のマークアップと感じるかもしれませんが、spanを使用せずに疑似要素を使用すると対応ブラウザが限られてしまうのが現状です。 <a href="#" class="arrow">Arrow<span></span></a> 矢印画像はテキストを画像に置換して配置します。 .arrow { display:
[bookmarklet]CSS3 Media Queriesのデバッグに有用なブックマークレット
Window Size Bookmarklet: see the size of any page to debug CSS3 media queries and adaptive layouts [ad#ad-2] CSS3 Media Queriesはユーザー環境の状態に適したスタイルシートを提供することができ、例えばブラウザやモバイルデバイスの異なる表示サイズにより、異なるデザインを適用することができます。 ここで紹介するのはビューポートのサイズを表示するシンプルなブックマークレットです。ブラウザの表示サイズ変更の確認・調整が簡単に行えます。 サイズを変更すると、リアルタイムに表示も変更 [ad#ad-2] ブックマークレットは以前はjQueryに依存して開発されていましたが、0.2より依存しないで動作するようになりました。 Window Size Bookmarklet（ブックマー
ユーザーにより多くクリックされる効果的なボタンを作成するポイント
ユーザーにより多くクリックされる効果的なボタンにするには、どのように手をいれたらよいのかをステップごとに紹介します。
[bookmarklet]CSS3 Media Queriesのデバッグに有用なブックマークレット
Window Size Bookmarklet: see the size of any page to debug CSS3 media queries and adaptive layouts [ad#ad-2] CSS3 Media Queriesはユーザー環境の状態に適したスタイルシートを提供することができ、例えばブラウザやモバイルデバイスの異なる表示サイズにより、異なるデザインを適用することができます。 ここで紹介するのはビューポートのサイズを表示するシンプルなブックマークレットです。ブラウザの表示サイズ変更の確認・調整が簡単に行えます。 サイズを変更すると、リアルタイムに表示も変更 [ad#ad-2] ブックマークレットは以前はjQueryに依存して開発されていましたが、0.2より依存しないで動作するようになりました。 Window Size Bookmarklet（ブックマー
[CSS]画像のロールオーバーにフェード効果を与える方法の理想と現実
CSSスプライトを使用した画像のロールオーバーにアニメーションでフェード効果を与える際の、妥当な実装方法、理想の実装方法、現実の実装方法を紹介します。 Fade Image Into Another (within a Sprite) デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 最初の方法：妥当 二番目の方法：理想 三番目の方法：現実 デモでは、上から順番に実装されています。 最初の方法：妥当 HTML 元のエレメント内にspanを一つ配置します。確かにこれは余分のマークアップと感じるかもしれませんが、spanを使用せずに疑似要素を使用すると対応ブラウザが限られてしまうのが現状です。 <a href="#" class="arrow">Arrow<span></span></a> 矢印画像はテキストを画像に置換して配置します。 .arrow { display:
ユーザーにより多くクリックされる効果的なボタンを作成するポイント
ユーザーにより多くクリックされる効果的なボタンにするには、どのように手をいれたらよいのかをステップごとに紹介します。
WebSig1日学校2013
いよいよ明日開校！WebSig1日学校2013（でもその前に・・） (2013年 10月04日) WebSig1日学校を運営するWebSig24/7とは (2013年 10月03日) 【今からでも遅くない】私の欲しいものはこれです！～WebSig1日博ではなんとお買い物もできちゃうぞ～ (2013年 10月02日) WebSig1日学校がセミナーじゃなく学校なワケ (2013年 10月02日) いつも見上げるステージの向こう側を体験！ VJを体験してみよう！ (2013年 9月30日) iPhoneアプリ「ShopCard.me」を使って1日学校を探検しよう！ (2013年 9月26日) ぽぽぽぽぽぽぽぽぽぽ (2013年 9月23日) WebSig1日学校は留年なし！ 必ずもらえる卒業証書 (2013年 9月20日) 【会場紹介】WebSig1日学校の学舎はももクロの聖地でもあった？ 学
透析学習会の基本資料まで出来ました！ : 病院家庭医を目指して ～野望達成への道～
2011年03月04日14:50 カテゴリ医学教育・生涯学習イベント活動 透析学習会の基本資料まで出来ました！ 昨日の空き時間とかを使って、来週の透析学習会の資料を作ってました。 あとは、全体の流れの微調整と、通しでしゃべるためのパワポスライド完成、アンケート用紙やメモ用紙の作成で終わりなので、今日の当直中に完成しそうな勢いです。 かつてないスムーズな準備に自分でもびっくり。 たぶん参加型で細かい知識やスキルの習得は、今後のスタッフによる各論学習会に譲っており、あくまで関心を高めて次に繋ぐだけの役割なので、資料よりも当日の喋り方のほうが重要だからラクなのかもしれません。 いかに、まだ作成途中ですが資料を載せておきます。 透析患者対象の学習会は初なので、リアクションが予想しきれず手探りな感じです。 できるだけ写真や空白を多めにしておいて、当日の空気次第で話せる内容を変えられればいいなあとは思
コンテンツをユニークなアニメーションで入れ替える2KBの軽量jQueryプラグイン・MobilyNotes
コンテンツをユニークなアニメーション で入れ替える軽量なjQueryプラグイン MobilyNotesのご紹介です。IE6や7 でも問題なく動作してくれます。省ス ペースにコンテンツをまとめられるので なかなか使い勝手もいいのでは。 ファイルサイズもたった2KBと大変軽量です。 紙で見ているかのように表現されたエフェクトがなかなかユニークです。画像やdiv要素ごとも可能です。また、自動で切り替わる、ボタン式などの選択も出来ますよ。 使い方jQueryとプラグインを読み込んで以下のような設定をします。 $(function(){ $('.notes_img').mobilynotes({ init: 'rotate', showList: false }); $('.notes_txt').mobilynotes({ init: 'plain', positionMultiplier: 20
[JS]使いやすく高性能なフォームが簡単に設置できるフレームワーク -jFormer
簡単なログインフォームをはじめ、お問い合わせフォーム、コメント用フォーム、ショッピングカート用フォーム、アンケート用フォームなど多種多様なタイプが用意された、バリデーション機能も備えたフォームのフレームワークを紹介します。 jQuery Form Framework - jFormer [ad#ad-2] jFormerの特徴 クライアントサイドのバリデーション サーバーサイドのバリデーション AJAXを使ったページ変更機能 CSSベースの簡単なカスタマイズ Botの防止（CAPTCHAは無し） 入力データのレジューム機能 フィールドのロック機能 フォームのテンプレートも多数用意 jFormerのデモ デモには、さまざまな実用的なフォームがあります。
110304-振り返り-飲み会や学生とのトークは人生に潤いを与えてくれました : 病院家庭医を目指して ～野望達成への道～
2011年03月04日20:58 カテゴリデイリーログ 110304-振り返り-飲み会や学生とのトークは人生に潤いを与えてくれました 昨日は飲み会で、それ以外の時間もヒマがなく、ブログを更新できませんでした。 最近更新する隙がないことが多いな・・・ 働きすぎってことだ。 そんななか、振り返りに長い時間を割くのも本末転倒なので、さらっといきます。 2日分まとめてで。 1-1．昨日の出来事 水曜夜のSkype会議が0時半までかかり、その前もびっちり忙しくてヒマがなかったので会議後にやっとシャワー浴びて、少しマンガ読んだりしながら会議で熱くなった気持ちを落ち着けて、結局眠れたのは2時くらい。 6時50分起床で完全遅刻ペース。車で出勤しようと思ったら前日降った雪がフロントガラスに厚く積み重なり、しかも日中溶けたのが固まったらしく叩いてもなにしてもびくともせず。あの手この手で砕いたり剥がしたりして1
ワクチンのニュース２つ - 感染症診療の原則
2価のHPVワクチン「Cervarix」の供給がうまくいっておらず、新規に接種を開始するのを一時中断してほしいという連絡が医療機関にいっているそうです。 また、小児の肺炎球菌ワクチンとHibワクチンを接種した兵庫県内の児が2例死亡したとということもニュースになっています。 公式情報ソースとしては、状況説明は製薬会社のHPに掲載されるもの、厚生労働省の説明があります。 ソースが明示されないものは、伝聞、噂、推測レベルの情報として出回ります。 ちょうど、補正予算で自己負担を軽減して接種できるようになったワクチンでの話であり、対象年齢の子どもをもつ親御さんんお不安ははかりしれませんので、リスコミとしては責任をもつプレーヤーが、「問題を迅速にケアしている」という態度や行動計画を明示することです。 例えば、「調査を開始」といったことです。 不安の軽減につながっていきます。 Cervarixは海外から
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]グリッドだけでなく、主要エレメントも揃ったCSS3ベースのフレームワーク -Not Just a Grid)
http://www.kantei.go.jp/jp/singi/kinkyukoyou/suisinteam/SNdai1/siryou3_1.pdf)
http://e0166nt.com/blog-entry-860.html
http://e0166nt.com/blog-entry-857.html
NPO法人POSSE
daremoga.jp
ユーザーからの記事の寄稿を簡略化するWordPressプラグイン・User Submitted Postsと文字化けの直し方 - かちびと.net
http://ssd.dyndns.info/Diary/?p=8146
http://ssd.dyndns.info/Diary/?p=8152
http://ssd.dyndns.info/Diary/?p=8159