CSS Gridのカラム幅を1frにしたときのワナ！意図せぬ水平スクロールバーが表示されてしまった時の解決方法 | コリス

2021/02/12 11 users デベロッパー コリス 水平スクロールバー CSS ワナ

水平スクロールバーが表示されないように実装したのに、なぜか表示されてしまう、デベロッパーのあるあるです。横に広がってしまったのはCSSの機能が原因なのか、ブラウザの実装が原因なのか、どのような手順でそれを解決したかを紹介します。 The Minimum Content Size In CSS Grid by Ahmad Shadeed 下記は各ポイント... 続きを読む

CSSレイアウトをWEB上でサクッと作れる「PageBlox」:phpspot開発日誌

2012/11/30 69 users PageBlox export phpspot開発日誌 効率

CSS Layout Generator | PageBlox - home CSSレイアウトをWEB上でサクッと作れる「PageBlox」。 次のような画面で、カラム幅をクリックで簡単に拡大縮小できたり、ブロック要素を消したり移動したり、追加したりといったことが自由にできます。 基本となるテンプレートを選んで修正すればより効率があがりそうです export で簡単にHTMLコードを生成できます。... 続きを読む

Multtiple - 複数アカウント、プラットフォーム、サービス対応のソーシャルサービスクライアント

2010/02/09 242 users Twitter tumblr 配色 プラットフォーム 手前

Multtiple は Twittr、Tumblrに対応した、マルチプラットフォーム、アカウント対応のソーシャルサービスクライアントです。 複数アカウント、サービス(Twitter、Tumblr)を混在させたタイムライン表示 カラム表示、タブ表示の切り替え カラム幅の調整 常に手前に表示 アイコンのサイズ、配色などのカスタマイズ 自動更新チェック、アップデート Twitter タイムライン、自分宛... 続きを読む

Windchase - Javascript で幅に合わせて文字列を切りつめる

2007/05/25 176 users visibility ruler absolute span

デスクトップアプリを開発してると、ListView のカラム幅が足りなくなったときに「My Docume...」のように自動的に末尾を「...」で埋めて切りつめてくれる機能がある。ウェブでも同じことをやりたかったので、作ってみた。まず、文字列の幅を測定するには、 span id="ruler" style="visibility:hidden;position:absolute;"> span> ... 続きを読む

PHPでCSSを生成することによるテクニックが紹介されています - PHPプロ！ニュース

2007/01/11 206 users CSS PHP テクニック PHPプロ AUTOM

Pixarea Blogにて、PHPでCSSを作成するテクニックが紹介されています。スタイルシートを作成する際に、同じ値や数値を手動で入れていく事が多いと思います。たとえば、カラム幅を変更したいと思った場合に、スタイルシートにある多くの場所を修正していく必要があります。これは、ヒューマンエラーを起こす原因ともなってしまいます。簡単なPHPを使うことで、これらの値を「自動的かつ魔法のよう（Autom... 続きを読む