floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな
「フルーツは1日に最低でも5人分は食べた方がいい」「水はとにかくたっぷり飲むこと」「食事はきちんと1日3回に分けるべき」など、これをしろ、あれをしろと、健康にまつわる格言の類いはたくさんあります。一体どれが真実なのでしょうか? Bufferの共同設立者であるLeo Widrichさんが、何を食べるのが脳に一番良いのかという疑問を、科学的に検証していたので、ご紹介していきましょう。 そもそも人間の体の組織は7年で完全に入れ替わります。私はこのことに人体の驚異を感じずにはいられません。体にとって何か良くないことをしてしまったとしても、その痕跡を消し去って、変えることができるチャンスが、科学的に与えられているということです。では、どのようにして変えればいいのでしょうか? 私たちが毎日口にしている食べ物に注意を向けてみましょう。食べ物や食生活を変えると、7年どころか日を追うごとに体に変化が表れ、生
昔から「勉強は食前に行うと良い」ということが言われてきましたが、この度、東京都医学総合研究所の動物実験により、空腹状態になると記憶力が上がることと、その分子メカニズムが明らかになりました。気になる実験の内容は、空腹状態と満腹状態のショウジョウバエの「長期記憶」による行動比較というもの。まず、双方のハエに特定の匂いを嗅がせるとともに、ハエがいやがる電気ショックを与えます(これを「嫌悪学習」と言います)。翌日、その匂いと別の匂いを同時に漂わせたところ、空腹だったハエの7割が電気ショックと無関係の匂いのほうに向かいましたが、満腹だったハエはどちらの匂いにも特別な反応を示しませんでした。 実は、以前は「嫌悪学習によって長期記憶が保存されるためには1回の学習では不十分で、一定の間隔で何度も復習させることが必要」とされていました。しかし、ほかの長期記憶の実験において、別の理由によって空腹状態だったハエ
SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io
最近行われたある調査で、60%の米国人は休暇中も仕事をしていることが示されました。いつもライフハッカーでは、休みの間はすべての電子機器の電源をOFFにする(くらいの)ことを勧めていますが、今回は完全に仕事から離れられない場合でも、効率的に仕事をする(なおかつ、くつろぐ)方法を紹介します。 先週、私は休みをとり、始めてその間に仕事をしました。私の兄弟姉妹は私よりも働いていました。リラックスする時間は少なくなりますが、少し仕事をすると、職場に戻ったときに何も大きな問題が起きていないことがわかるので、より休みを楽しめることがわかりました。この経験から学んだことをお話しましょう。 働かなくても良いときは働かないで 今回は、休暇中に働く秘訣についての記事ですが、始めに言っておきたいのは、仕事をする必要がないのならすべての電源プラグを抜いてしまいましょう。長い休みはそのためにあるのです。仕事をすると安
Inc.:小さい頃は、夏休みがゆっくり過ぎ去り、午後の時間はずっと続くのだと思っていませんでしたか? しかし今はまったく逆ではないでしょうか。忙しく働いて1日中動き回っていると、1週間どころか1カ月が走馬灯のように過ぎ去っていき、少し気を許すとすぐに半年が経ってしまうかのようです。 その原因は、いったい何なのでしょう。若い頃にだらだら過ごしていた時間をまた取り戻すことはできるのでしょうか。 buffer blogは最新のニューロサイエンス分野の発見を紹介し、なぜ人間の時間感覚がこのようになるのか、また時間経過の間隔を遅め、コントロールするにはどうすればよいかを示してくれています。時間感覚は一定ではなく、脳が処理する情報量によるようです。情報が多ければ多いほど、それを理解するのにより多くの時間が必要です。そのため、新しい発見にたくさん出合う若い時代は、時間の経過が遅く感じられたのです。 過去
私は人が「常に」幸せでいられるとは信じていません。しかし、「ほとんど」のときを幸せに過ごすことができると人生で学びました。幸せは習慣によって決まります。 人生のある時期、私は全然幸せでありませんでした。私には愛する妻がいて、すばらしい子ども達がいて、他の家族も友だちも素敵な人ばかり。 不幸せの原因は人間関係でなく、自分自身に問題があったのです。そのせいで借金が膨れ上がり、仕事でもうまくいかず、健康に問題を抱え、他にも様々な不幸が起こりました。私は何かを変えたくても、変えられないような気になっていました。 そんなとき、私はじっくりと座ってあるリストを作ることにしました。感謝のリストです。妻や子ども、親せき、友だちに関するもの、仕事に関するもの、私をとりまく自然、そして人生そのものなど、たくさんのものが並びました。 私はすべてに絶望しているようなふしがあり、希望も救いもないと感じていました。で
アプリ連携の自動化は言わずと知れたライフハッカーの大好物。Gmail、Dropbox、Facebookなどを連携できる『IFTTT』などはクールなこと極まりないのですが、IFTTTがサポートしていないウェブアプリがあり、それも連携させたいという場合には『Zapier』がオススメです。 ZapierはBasecamp、MS Exchange、Google Tasksなどの生産性向上アプリやプロフェッショナルアプリを中心に数多く対応しています。今のところZapierは合計111ものサービスとの連携を提供しています。この数はIFTTTのおよそ2倍(IFTTTで提供されているサービスのほとんどがZapierのサービスに含まれています)。前述のアプリ以外にも共有可能なタスクマネージャー「Asana」、ソーシャルネット投稿サービス「Buffer」、インボイスツール「Freshbooks」、コード共有サ
A Collection of Page Transitions | Codrops CSSアニメーションでページを紙芝居の様に切り替えるデモ。 迫力のある全画面切り替えをCSSで実現しており、そのアニメーションの種類も豊富で良いサンプルになっています。 デモとして学習用にもよさそうですが、Windows8っぽいプレゼン資料なんかを作る際にも使えそうです デモページ 関連エントリ Yahooが作ったピュアCSSのUIライブラリ「Pure」 エレメント上にラベルを付けるためのCSS「Label.css」 Flashみたいに美しいCSSテキストアニメーションデモ HTML/JS/CSSでAndroidアプリ風UIを作るフレームワーク「Fries」 自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
普段は主にWebフロントエンドを担当しているライターの内藤です。 下記の記事にインスピレーションを頂きましたので、美しいだけではない”優れている”と思われるWebデザインについて、要点を簡単にまとめてみようと思います。 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください!」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザイナーさんに殺意を覚えるものまで色々あります。 デザイナーからコーダーへ直接デザインが回ることもあれば、間にディレクターが入ることもあると思います。 美しい・きれいなデザインであればあるほど、フロントエンド組も、よし、やってやろうじゃないか!と気合いが入るのは事実です。 けれども、美しいだけでなく”優れた”デザインであれば、以下の様なメリットがあります。 コーディングが楽になるのでフロントエンド組に優しい 下流工程の
こんにちは、あゆこです。 今回は蛍を描くチュートリアルに挑戦します。 完成図はこんな感じです。 まず準備。 まず、画像を準備します。 by sgmillionxu2000 やはり夜で、水辺の写真だと雰囲気が出ますね。 雰囲気作り より雰囲気を出すために、全体を暗くします。 (1) 色調補正 > 明るさ・コントラスト > 明るさを落とす(この写真だと-50くらい) (2) 画像の上に長方形ツールで長方形を作り、塗りを0に。 さらにレイヤースタイルでグラデーションオーバーレイを設定。 片方を黒(#oooooo)、もう片方を黄土色(#a69a37)に。 スタイルを円形にして、花がぼんやり光っているような感じにします。 花の周りだけぼんやり明るい感じになりました。 花の中にいる蛍を描く 先ほどのレイヤーの下に、 楕円形ツールで、 蛍がいるであろう場所に楕円を描きます。 描いたら、フィルター > ぼ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く