-float(フロート)を解除する3つの方法-Whisper | Diary
フロートによる回り込みを解除する フロートを利用してボックスを配置すると、意図しない要素が回り込みしてしまうことがあります。 フロートとは、『フロートを適応した指定された要素を通常の流れから取り除き、左または右に寄せて配置するをさせる機能』のことです。 また通常の流れから取り除くということは、親要素が高さを持っていない場合、 子の高さ(height)によって高さを維持していた親の高さ(height)は失われます。 つまり子に対してフロートを適応すると親の高さが０になり、 よく問題として挙げられる『背景がなくなる』といったことが起こるわけです。 その為、フロートを適応したら、解除の設定をする必要があります。 ここでは３タイプの解除の方法を載せてみます。 ■ 元の状態 floatを適用する前の状態です。 - XHTML - ■ contentsにfloatを適応する div id="conte
Clear風のUI、操作を実現するスマートフォン向けWebアプリケーション·HTML5 Clear MOONGIFT
HTML5 ClearはiOSのTodoアプリClearに似た操作をHTML5で実現しています。 これまでにないほど先進的なUIをもったTodoアプリがClearです。こちらはiOSアプリですが、同様の操作をHTML5で実現しているのがHTML5 Clearになります。 トップ画面です。タスクリストが並んでいます。 次にタスクが並んでいます。操作がそのままタスク名になっています。 タップでエディットです。 ドラッグダウンで新しいタスクを追加できます。 タスクを右にスワイプすると完了になります。 HTML5 ClearはClearの全ての動きを再現している訳ではありませんが、何となくそれっぽい動きが実現できています。HTML5でここまでできるのか、という点からも興味深いソフトウェアです。なおデータは保存されていないのでご注意ください。 HTML5 ClearはHTML5/JavaScript
HTML5で作られた「Clear」のサンプルが超スゴい件 - もとまか日記乙
以下を読んで。 kouseipapa.net/i » 「Clear」をまだ購入してない人はチェックしてみては？HTML5でサンプルが作られてますぞ！ おぉ、最近話題のiOSアプリ「Clear」のHTML5版サンプルだそうです。以下がそのサイト。 HTML5 Clear ちなみにこのサンプル、Safariで表示してアクションボタンから「ホーム画面に追加」してWebクリップ化し、Webクリップから起動すると、以下のように全画面表示になります。 おぉ、なんだかアプリっぽい感じ！面白い！ 最近のHTML5はすごいですねぇ。以前、調べるだけ調べてまだ何も出来てない以下とか、そろそろ何かやりたいなぁ、とも思う次第。 前から気になってたHTML5について色々調べてみました最近気になってきたjQueryについて色々調べてみました - もとまか日記乙 てことで。 ツイートする
たった1分で人生が変わる片付けの習慣
仕事部屋が片付いていると、仕事の効率が圧倒的に上がります。 たった1分で人生が変わる 片づけの習慣 先日引っ越してから、仕事部屋だけはキレイにしておこうと決意しました。今のところ踏ん張れています。 できる人は片付け上手 片付けの基本動作は「出す⇒分ける⇒減らす⇒しまう」ですが、仕事もそう。やってくる案件に対して、優先順位を決め、何をどうするか判断し、減らしていきます。 できる人に片付け上手が多いのは、そのためです。片付ける能力がある人には、優先順位をすばやく判断し、ものごとを決断し、処理していく能力が備わっています。 だから仕事もうまく行き、成功する、というわけです。 片付けを先送りにしてしまうと、どんどん散らかってしまいます。即断できる人は、その場で処理して、常に片付いている状態を維持できます。 散らかっている状態だと、どこに何があるのかがわからなくなってしまいます。書類一枚捜すのに、半
話題のアプリ『Clear』のUIを独自実装してみた！(+Gumroad)
ひとつ前のエントリーの続きです！(動画も同じ) 今回こそ、当初の目的であった 『Clear for iPhone』のUIを独自に再現した実装 についての解説を書いていきますね。 初めに断っておきますが、今回のエントリーはStudy CoreDataシリーズのようなチュートリアルではありませんのであしからず。。 部分部分でどういった実装をすればあのUIが実現出来るのか？というポイントを解説していきます。 このエントリーの最後に、Clearと同じくなにかと話題のGumroadでテストアプリを公開していますので欲しい方は是非！ (※ 更新：内容が古くなったため公開は終了しました) では、まず目次をば。 。。と、その前に前のエントリーで書きそびれてしまった事があったので。 ようこそタッチフリーの時代へ！画面に触れずに本が読める、MagicReaderを発表！ – STUDIO LOUPE こちら、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
