タグ

ブックマーク / code-plus.jp (2)

  • レスポンシブWebデザインでの改行位置の変更方法 | CodePlus

    HTMLの文章中にて<br>で改行位置を指定していると、Media Query等でスタイルが切り替わった際に改行が残ってしまい、デバイスによっては見た目上いいとは言いがたい状態になってしまいます。 CSSを使用しての2つの対策方法を紹介します。 参考サイト:“Responsive Line Breaks,” an article by Dan Mall br要素にdisplay:noneを指定 まず、1つ目はbr要素にスタイルを充てる方法です。「display:none」を指定することで改行をなくします。例文では、スクリーンのwidthが480px以下になると改行がなくなるイメージです。 HTML <p>これはbr要素を使用した際の例文です。<br class="br-sp">まず一つ目の改行位置の変更方法を紹介しています。</p> CSS @media screen and (max-w

    lion_7326
    lion_7326 2013/03/19
  • おすすめエディタSublime Text2の導入と設定(初期設定編) | CodePlus

    愛用エディタSublime Text2の記事です。何番煎じか分からないですが、これから導入を考えている人などいたら、参考になれば幸いです。Mac限定のエディタなどが多い中、Windows,Mac,Linuxで動くように用意されているのは嬉しい限りですね。 余談ですが、使い始めた当初私は、Windowsをメインマシンとして使っておりエディタ難民と化していたので、Sublime Text2を使用した時は使いやすさに感動したとともに、Windows用も作ってくれてありがとうと感謝しましたw インストール まず、公式サイトからダウンロードをしましょう。 Sublime Text – Download ダウンロードが完了したら、他のアプリケーションと同じようにインストールを開始しましょう。この段階では特に変わった操作などは必要としません。 Package Controlのインストール Subli

  • 1