Own products

  • 新規事業のアイディア創造機

Tutorial

2012
09/11

【CSS 中級講座】floatを解除するclearfixのビューティフルな実装法

この記事の読了時間：約5分12秒

さて【CSS 中級講座】シリーズ第２弾は、CSSコーディングには必携の知識「clearfix」について。

なんらかの要素を float した場合、しっかりそれを解除しないと続く要素にも影響しちゃって、レイアウトが崩れてしまいます。

そんな困った時に使われる「float状態を解除する方法」を通称して「clearfix（クリアフィックス）」と呼ぶのですが、実はいろいろな方法があります。

有名所としては「:after疑似要素 + contentプロパティ + IE用ハック」ってのがありますが、そんな手間をかけずとも、もっとシンプルにfloat解除する方法、あります！

そんな訳で、さっそくいってみましょー！

»続きを読む

関連する記事

Tutorial

2012
09/10

【CSS 中級講座】横並びにしたliタグで隙間が出来る問題のエレガントな対応策

この記事の読了時間：約3分56秒

リストタグ（li タグ）に対してCSSで display:inline や display:inline-block を使って横並びにしようとすると、なぜか横に2～3ピクセル程度の意味不明な隙間が生じます。

初めて遭遇した時は、慌てて自分の書いたCSSを確認したり、仕方無しに float:left に書き換えたり、マイナスマージンで誤魔化したりしたって方も多いんじゃないでしょーか。

が、この問題の主たる原因はCSS側ではなく、HTML側の「改行」。

とはいえ「見栄え」の問題なので、HTMLをどーこーするのは気持ち悪い。

そんな時には今回ご紹介する対応策！CSSにほんの少々の手を加えるだけで、この謎の隙間から完全に開放されちゃいます！

さぁさぁ、寄ってらっしゃい見てらっしゃい♪

»続きを読む

関連する記事

Extra

2012
07/03

フリーランス仲間を募集しちゃうよ！というお知らせ

この記事の読了時間：約2分17秒

まぁ、タイトルどおりのお知らせなんですが。

ツテ０コネ０計画性０でフリーランスとなってから早や１年以上が経ち、ありがたいコトにご依頼頂く案件も徐々に増えて参りました。

基本的には余裕のあるスケジューリングで動けているのですが、時折タイミングがかち合っちゃって手一杯になってしまったり、今まで以上に重厚な案件にアサインして頂けるようになった結果、かかりっきりになる時間が増えたりして、もー少し身軽に立ち振る舞えなきゃいけんがん！と。

というワケで、末永くお付き合いできる飲み仲間フリーランス仲間を探しておりますっ！

»続きを読む

関連する記事

Introduce

2012
06/28

【文才漲る】文章構成力が異様に高い、表現力豊かなブログ7傑【筆致迸る】

この記事の読了時間：約3分6秒

基本的にはweb系の情報をご提供している当ブログですが、ちょっと今回は趣向を変えて、「文章の作り方や構成力が素晴らしいブログ」をご紹介致しますよ☆

土俵や影響力は違えど、同じブロガーとして個性的な文体を持つ方はそれぞれ尊敬してやみません。

もちろん独断と偏見に満ちたエントリーですので、異論反論オブジェクションなどなどあるかと思いますが、お気楽に見て頂ければ、と。

んでは、いってみよー！

»続きを読む

関連する記事

Tutorial

2012
05/25

phpBB3.0.10をインストール～日本語化する方法

この記事の読了時間：約1分47秒

掲示板を中心としたコミュニケーションアプリケーションを構築・管理するCMS「phpBB」。

会員制掲示板なども作れるため、用途によっては他CMSよりも使い勝手の効くケースも考えられますね。

そんな感じで今回は、phpBBのインストールから日本語化まで、ざっくりさっぱりご紹介っ☆

»続きを読む

関連する記事

  • このブログのRSSを購読する
  • このブログをtwitterでつぶやく
  • このブログをFacebookで共有する
  • このブログをはてなブックマークで共有する

Contact

    お名前※必須

    ご連絡先メールアドレス

    お問い合わせ内容※必須


    Blog parts

    Affiliate