CSS(249)

249follower
nissy さんのアバター 19views

wkhtmltopdfでPDF変換した際に文字が重なる

htmlで作成されたページを簡単なコマンドでpdf変換してくれるwkhtmltopdfというツールを使っていたところ、 文字が重なるバグが生じたので解決方法をハックに残しておきます。 原因なのですが、今回の場合はletter-spacin... 2016年11月27日
huruhurupyotr さんのアバター 16views

phpで改ページの処理がよくわからない!

僕はphpを主に触っているのですが、改ページをどうやって行っているのか、ということがしばらく分かりませんでした。僕の触れているプログラムでは、改ページはphpを見ているだけでは解決しない問題でした。 改ページのプログラムはcssの方だっ... 2016年11月22日
goto_jp さんのアバター 86views

MS Edge で placeholderが消えてしまう問題の解決

Windows10のEdgeでフォームを確認したら、inputフィールドからplaceholderが消えてしまっていた。 同じくWin10のIE11で確認したらplaceholderがちゃんと表示されていたので、何退化しとんじゃと思って対... 2016年10月31日
Yukimi Sato さんのアバター 61views

jQueryでスクロールしたら上からヌルっと出て来るヘッダーを実装する

参考:【jQuery】ナビゲーションをアニメーションで表示しページ上部に固定する方法 – North-Geek 参考サイトだと、ヘッダーはトップイメージの下にあり、そこが基準になっていますが、今回は下記のようにしました。 ... 2016年10月24日
Yukimi Sato さんのアバター 10views

Safari(〜9系)でのcssアニメーション指定

10系(最新)ではanimationで全部纏めて記述できるのですが、〜9系は -webkit 接頭語とそれぞれを指定してあげる必要があります。 -webkit-animation-name: topBtn; -webkit-animati... 2016年10月20日
Yukimi Sato さんのアバター 25views

【CSS】複数読み込んでいたCSSを1つにまとめる

PageSpeedさんに「読み込むリソース多いよ!」と怒られた?ので、CSSを雑に1つにまとめてみました。 纏めたCSS bootstrap.min.css bootstrap-responsive.min.css odome... 2016年10月13日
かしこ さんのアバター 36views

jQuery と html と css で複数選択可能なボタンを作る

タイトル通り、複数選択可能なボタンを作ろうと思い作成しました。 とりあえず、ボタンを押したら今押されているボタンのIDを取得して画面に表示させています。 ※ 細かいバグがあるかも ■ index.html <!DOCTYPE ... 2016年10月4日
goto_jp さんのアバター 26views

iOSでtextareaの余白が大きくなる

input[type=text], input[type=password], textarea { 〜 padding: 15px; 〜 } 上記のようなCSSでフォームパーツに一括して余白を指定していたところ、PCでは... 2016年10月4日
harada さんのアバター 32views

CSS:背景の画像をぼかして表示する

今回はぼかし+半透明の色を重ねるということをやりたかったのですが、それはできませんでした。。 ひとまず背景の画像をぼかす方法のみメモしておきます。 HTML例 <div class="bg1"> <p>上に載... 2016年9月29日
goto_jp さんのアバター 183views

GulpでCompassのビルドとCSSの最適化&圧縮する決定版

前提 現在GulpでSassやLessやCompassを使っている人向け より最適なCSS出力をしたい人向け 下記のディレクトリ構造を仮定 project - scss - css - .csscomb.json - config.... 2016年9月21日
Yukimi Sato さんのアバター 68views

Odometerを実装してみる

Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id="month" class="se... 2016年9月9日
harada さんのアバター 16views

CSS:可変のレイアウトに対してabsoluteで真ん中配置を行う

HTML例 <div class="popupWrap"> <a href="#">ポップアップを開く</a> <div class="popupBox"> ポップアップの中身 </d... 2016年9月8日
かしこ さんのアバター 19views

ドロップダウンメニューを作りたかった

よくあるドロップダウンメニューを作りたくて、いろいろ参考にさせていただきながら作業 ■ html <ul id="main_menu_list"> <li class="large_menu">メニュー1... 2016年9月5日
harada さんのアバター 65views

CSSだけでプログレスバー型のメニューを表示する

最近良く見るこういう形の、フォームなどの表示形式は、なんていったらいいんでしょうね。 表示サンプル HTML <ol class="progress-meter"> <li class="progr... 2016年9月1日
Yukimi Sato さんのアバター 109views

【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】

参考:3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href="#" id="panel-btn"><span id="panel-btn-icon"></span&g... 2016年8月18日
Yukimi Sato さんのアバター 205views

【CSS】Bootstrapで組んだナビメニューをタブレットでもスマホ表示にする

レスポンシブデザインでつきまとうナビメニューの形と幅の悩みですが、Bootstrapはデフォルトではタブレットの表示がスマホと同じようにたたまれたメニューにはならないので、それを解決するCSSです。 iPadでBootstrapのnavb... 2016年8月17日
Yukimi Sato さんのアバター 55views

iOSでposition:fixedを指定した時に、他の要素が突き抜けているとヌルヌル動く

レスポンシブで作っている時に、他の要素に幅指定が入っていて、尚且つ横幅を突き抜けている時、overflow-x を指定していても、 position:fixed を指定してあるheaderがヌルヌルとスクロールする度に上にちょっとずつ動き... 2016年8月15日
nissy さんのアバター 44views

WordPress スタイルシート読み込み

まず、htmlタグを利用してのスタイルシートの読み込みは以下の通りです。 <link rel="stylesheet" id="適当なid" href="ファイルのpath" type="text/css" media="all" ... 2016年7月28日
Yukimi Sato さんのアバター 27views

マウスオンすると中央から線が伸びてくるCSS

SCSSでの記述になります。liの擬似クラスを利用してborderを表示させています。 ul { margin: 0; padding: 0; li { position: relative; margin:... 2016年7月27日
@iwasaki さんのアバター 35views

inputのpattern指定による赤枠を解除する方法

html5になってからformタグが強化されていますね。 例えばクレジットカード番号などの入力を制限するときにpattern属性を指定することで入力パターンを検証してくれるようになります。 実際の入力値がこのパターンに従わない場合、ブラ... 2016年7月27日