タグ

HTMLと環境に関するiwwのブックマーク (2)

  • CSSでスクロールバーの有無によるがたつきをなくす: Days on the Moon

    この記事はCSS Advent Calendar 2022の9日目の分です。 CSSのボックスモデルにおいては、ボーダーの内辺とパディングの外辺の間にスクロールバーが配置されます。最近はどのOSでもオーバーレイスクロールバー(スクロールバーが内容の前面に覆いかぶさるようなもの)が主流となり、スクロールバーが存在してもしなくても内容の幅が変わらないようになっています。一方、クラシックスクロールバー(スクロールバーが常に表示されるようなもの)が使われる環境では、overflow: autoな要素において内容がはみ出すときとはみ出さないときで内容の幅が変わってきます。 クラシックスクロールバーが使われる環境でも内容の幅を一定に保ちたいという場合は、scrollbar-gutterプロパティを使います。scrollbar-gutter: stableを指定すれば、スクロールバーが表示されないときで

    iww
    iww 2022/12/09
    こんな便利なプロパティがあるのか。 スクロールバーの幅を求めたり足したり引いたりすげー苦労してるのがもうやらなくて済むのか
  • さくらエディタの初期設定(Windows) - すたらブログ

    (最終更新: 2015-10-03) サクラエディタでPHP, JavaScript, HTMLを編集する場合の設定をメモしておきます。 CSSは特に設定しなくても問題無いと思います。 目次 各種ツールバーの設定 ツールバーとステータスバーを非表示にする タブバーの設定 フォント設定 強調キーワードのセット追加 JavaScript HTML PHP 余談: 他のお勧めのエディタ 各種ツールバーの設定 ツールバーとステータスバーを非表示にする 下記のメニューをクリックする。 設定 -> 表示中のツールバーを隠す 設定 -> 表示中のステータスバーを隠す タブバーの設定 設定 -> 共通設定 -> タブバー チェックを入れる項目 タブバーを表示する 閉じるボタン フォント設定 設定 -> フォント設定 フォント名: MS ゴシック スタイル: 標準 サイズ: 12 強調キーワードのセット追加

    さくらエディタの初期設定(Windows) - すたらブログ
    iww
    iww 2014/07/17
    サクラエディタの PHP,HTML,JavaScript が混じったソースを編集するときのカラー強調設定
  • 1