Bootstrapを拡張する形で、様々な機能を追加したフレームワークになっています。Styler入力チェックや、警告表示に使うJavascriptのalertメソッドですが、ブラウザによって表示が全然違うので、そこを統一したいと考えました。Chrome、Operaだと以下のような表示です。そこで、統一するために、Javascript(jQuery)とCSSを使って作ればよかったんですが、同じ用途のjQueryプラグインがあることがわかったので、そちらを試すことにしました。Styler今回はCSSのお話です。最近は帳票をHTML形式で出力させることが多いのですが(わざわざPDFなどにしなくても、十分使える帳票印刷ができますよね)、その際にテーブルをループで回して表示していると、1ページに収まらなくなることがあります。そんなときに便利なのが、CSSのdisplayプロパティ!値にtable-header-groupとしてやると、印刷時にテーブルが複数ページにまたがったとしても、見出し部分を全てのページのトップに出してくれます。これ、地味に使いまくりです。見出し部分をthead要素で囲んでやらないとダメですが、それとCSS指定するだけです。この指定をしてもChromeだけ見出しが印刷されないんですよね。UIのDatepickerは、もはや常套手段いって過言ではないのではと個人的には思ってます。どのように入力されるかわからない日付形式より、入力の手間も省け、定型で入力させるためによく使いますよね。Bootstrap3.0(TB3.0)の登場で、作っていたWebミニプログラムであるお知らせ更新プログラムをバージョンアップさせてみました。ファイルのアップロードをAjaxにしてみたり、アップロードファイル数も自由に変更できるようにしてみたり、設定画面で変更できる項目を整理したりしました。Stylerこちらのブログで紹介されていたのですが、「:last-child」疑似クラスは、IE9以上でないと認識しない。2013年8月現在でIE8を切り捨てることはできないので、この方法では本来の意味で実現できたことにはならないので、IE7以上でも使えるように、「:first-child」疑似クラスのみを使った、Datepickerの土日のみの色の変更の仕方をご紹介します。Styler知らない間にブートストラップがバージョンアップして3RC1になっていました。(アドレスも変わってますね。)最近の流行りにのって(?)、フラットデザイン+モバイルファースト+レスポンシブになっていますね。Bootstrapという素晴らしいCSSフレームワークをよく使っているのですが、やはりこれだけ有名になってくると、「どこかで見たな・・・」感が否めなくなってきますね。CSSを使ってみます。仕事での案件なので、画面はお見せできませんが、いくつか思うところがあるので書いていきたいと思います。WordPress%d。