フォームの内容を元に任意のUIに遷移
Result フォームの内容から別のUIに遷移する、みたいなの やってる事は割とシンプルで、作成ボタンをクリックするとレイアウト全体を包括する親ブロックのclassを別のclassと入れ替えてCSSで見た目を整えてるだけです サンプルはバッジっぽいUIですが他にも応用できますね 何かに使えそうかなぁと思ったので備忘録です 例えば非予約なイベント会場等で来場者カードを作る時に来場者にタブレットで入力してもらうと来場者カード発行の手続きプロセスを簡略できる、とか jQuery//ボタンクリックで全体のclassを入れ替えて、フォーム内容とカードUIをトグル $(".js-switch").click(function() { $(".main-content").toggleClass("as-card"); }); //画像を送信前にプレビューする var reader = new File
ウノウラボ Unoh Labs: 携帯とスマートフォンでsymfonyのテンプレートを切り替える
こんにちは。中村です。 先日、まちつく！mixi版がスマートフォンに対応しました。 スマートフォン対応にあたって、元々まちつく！が携帯専用アプリであったために変更しなければいけない点がいくつかありましたが、その中でも今回はテンプレートの切り替えについて書きたいと思います。 時間的な都合もあり方針としては、基本的には携帯用のテンプレートを表示できるようにして、よく使われる機能についてはスマートフォン用のテンプレートを用意して表示するようにしました。 ※まちつく！で利用しているsymfonyのバージョンとは違いますが、ここでは最新バージョンの1.4.7の場合になります。 独自のviewクラスを定義する どのページがスマートフォンに対応しているかを管理することなく対応したかったので、アクセスしている端末とテンプレートファイルの有無によって挙動を変更することにしました。読み込むテンプレートの切り替
iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる - [モ]Modern Syntax
うーん、このビデオの説明がうまくできません。 観ていただければすぐに理解できるんですけど、テキストにうまくまとめることができません。なんて書けばいいのかなあ。 まあそれはさておき、そんなわけでビデオを観てみてください。まあ普通にできそうもないわけですが、練習したらもしかしたらできるかもしれないという可能性は感じられます。 そんなわけで時間がある学生さんはこれにチャレンジしてみてはいかがでしょうか。 ちなみにこちらの4人の男性はサーカスの団員さんだそうです。なるほどなあ。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress：「IE6はもういいだろ」って思うけど、諸事情で切れない時はプラグインでIE6だけテーマを切り替える
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法
