chromeとFirefoxで背景色が印刷できない場合にCSSで行うこと Webサイトを背景色まで含めて印刷したいのにプレビューで表示されない場合は下記の内容を確認して下さい。 (1)Firefox 「アピアランス:背景色をプリント」にチェックを入れておく。 (2)chrome CSSで背景ま… haradaハック2015.06.18 19,400
Bootstrap3のボタングループで線が重なるバグを修正する Bootstrapのbtn-groups-justifiedクラスを利用することで、簡単に均等配置のボタングループが作成できます。 http://getbootstrap.com/components/#btn-grou… haradaハック2015.06.17 635
CSSで印刷の改ページを制御する Webページを印刷する際に、何も指定していなければ適当な位置で改ページされて表示されますが、以下の指定を行うことでCSSで改ページを制御することができます。 CSS例 .printBlock { page-break-a… haradaハック2015.06.16 2,093
WP-Printで別テンプレートをカスタマイズする WP-Printプラグインを利用して印刷ページを出力すると、デフォルトでは/plugins/wp-print/のprint-posts.phpテンプレートをベースにページが生成されます。 この内容をカスタマイズしたい場合… haradaハック2015.06.15 509
フォントを綺麗に表示するCSS AppleやGoogle、slackのフォントが綺麗に表示されているなあと思ってCSSを見ていたら以下の指定で滑らかな表示になるようです。 対応環境はまだ少ないですが、取り入れてるサービスを見ると今後スタンダードな指定に… haradaハック2015.06.12 184
Googleマップの上でのスクロール動作を無効にする Googleマップをサイトに埋め込む場合、デフォルトではマップの上でスクロール動作をすると、地図の拡大縮小が行われます。 時と場合によっては便利なこともありますが、ただの地図として表示したい場合や、画面フル幅で表示してい… haradaハック2015.06.11 2,282
WP-Printの印刷用ボタンをテンプレートで表示する WP-Printプラグインを利用することで、WordPressの記事を簡単に印刷用のページとして出力できます。 ボタンの文言やスタイルはダッシュボードのプラグイン管理画面から変更できます。 WP-Printのプリントボタ… haradaハック2015.06.10 1,380
Font Awesomeのアイコンをphotoshopで利用する方法 Font-Awesomeを組み込んだWebサイトをデザインする際に、Photoshop上でもFont-Awesomeを利用できたら便利ですよね。 psdファイルやベクターデータがないかなーと思っていたのですが、検索したと… haradaハック2015.06.09 997
Googleマップを横幅100%でレスポンシブに表示する レスポンシブデザインのサイトにGoogleマップを埋め込む場合、デフォルトでは幅が指定されているため、画面の小さいデバイスではどうしても横幅が飛び出してしまいます。 そこで、以下のような調整を加えることで、スマホでも横幅… haradaハック2015.06.08 25,484