floatを解除する手法のclearfix と 次世代のレイアウトの話
floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな
覚えて効率アップ！PhotoshopでWebデザインをする私がよく使うショートカット
Web制作でのデザインにはPhotoshopを使っています。Kanaです。 ショートカットを使ってPhotoshopを操作しているのですが、作業中、 「え、そんな便利なショートカットがあったの？」といわれることがありました。 Photoshopを使ってデザインされている方の参考になればと思い、私がよく使うショートカットをまとめました:) ショートカットを使うと、マウスの操作が減るので、とても便利ですよ！ あくまで私がよく使うショートカットですので、同じ動作が他のショートカットで出来たり、このショートカットがあるのに、あのショートカットはない…ということがあるかもしれません。 1．ファイル管理系ショートカット1-1．新規作成1-2．キャンバスサイズの変更1-3．上書き保存1-4．別名を付けて保存1-5．ウィンドウを閉じる1-6．アプリケーションを終了2．基本ショートカット2-1．コピー2-2
WordPressを、nginxで超高速運用するための設定（お名前.comのVPS使用） : 驚異の趣味人
Nginx+php-fqm環境へ さて、今回nkmr.bunrin.netドメインからota22.jpドメインに移るにあたって WebサーバをApacheからnginxに切り替えました。 ちなみにnginxとは「エンジンエックス」と読むらしいです。 Apacheよりも高速に動作し、これでWordpressを動かした日にはそれはもう素敵な事になると聞いていたので 早速導入してみました。 nkmr.bunrin.netでもなにげに全体のWebサーバ周りのチューニングや設定はぼちぼちやっていたので その経験を活かせた…かどうかはわかりませんが（苦笑） 結果的に、Webページのスピードチェックサイト「GTmetrix」で測定してみたところ。 PageSpeed、YSlowのload speed１秒台、スコアはA：A判定達成しました！ …兎に角、新サーバでnginx＋php-fqm+リバースプロキシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
