ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

CSS

webページを印刷するときに任意の箇所で改ページしたいときのcss

CSS

スタイルシート[CSS]/ページ全般/印刷時の改ページ部分を指定する - TAG index Webサイト .page-break-before { page-break-before: always; } 上のクラスをあてた構造の前で改ページするようになります。最近はじめてしった。。。

Safariのパスワードの自動入力を防ごうとしたら結構めんどくさかった話

お客さんより修正依頼があった。 「ログインするときに自動入力で登録していたユーザーID&パスワードが、ユーザーを管理する画面でも同じように自動入力されて困る」って依頼。 これを聞いてははーんな俺。 あれかinput[name="***"]がログインフォームと管…

Gulp.jsを使ってみた

勉強会行ってきました。 Okinawa Frontend | Doorkeeper ちな第2回のね。その時のメモ ※あんまり精査していないので間違いあるかも。気づいた時に修正します。

scalaのテンプレートで「@(アットマーク)」をエスケープする方法

(^ω^ = ^ω^)できたおっおっおっ scalaをつかったテンプレートでcssのmedia queryを使ったらコンパイルエラーに。。。 あー、そりゃそうですね。scalaでは@マークはよく使います。 それでエスケープしないといけませんでしたが\バックスラではできないので…

htmlでブロックにスクロールバーを用意する方法

仕事の時のφ(..)メモメモ 概要 例えばこんなHTMLがあるとする。 <div class="test"> <ul> <li>テスト1</li> <li>テスト2</li> <li>テスト3</li> <li>テスト4</li> </ul> </div> .testの中は制限なく増えていくので、いずれはページのスクロールが長くなってしまう。これは面倒い。 そこで、ブロックを作ってそこでスクロールで…

Hタグのデザイン変えてみました。

まえから浮いているデザインやだなー。と思っていました。 ちょっとだけ変更 ここのジェネレーターを使いました。 好きな色でCSS見出しが作れます | スタイルシート見出しメーカーmidashi-maker.v-colors.com これがh3のタグです。 これがh4のタグです。 そ…

cssでWeb用と印刷用のデザインを別ける方法

photo by Maurice Svay IEは使えるのかわかりませんが、@media でいけます! /* webのデザイン */ #header { background:#fff; } /* 印刷時のデザイン */ @media print { #header { background:#000; } } レスポンシブと同じ感じでできますね。便利!

テキストをど真ん中にしたい!CSSでテキストをど真ん中にする方法

CSS

photo by geirarne 今日CSSで学んだことをメモ。