コーディング

jQuery

【jQuery】jQueryでdocument.write()

htmlのベタ打ちで問題ないので、javascriptでの制御よりも簡単。 表示したい場所へ記述。 ●コード例 $('.hoge').html('表示したい内容(html可)'); ※「表示したい内容」部分の中身を改行して...
jQuery

【jQuery】サイドバー追従【fitSidebar】

恐ろしく簡単に設置できたので備忘録。 ダウンロードはこちら ◆html <div class="header">ヘッダー</div> <div id="wrapper"> &lt...
PHP

【PHP】日付関連色々【備忘録】

カウントダウンとか色々悩んだもののメモ。 2038年問題があるから「strtotime」じゃなくて「DateTime」使えって色々書いてあるけど、後20年もあるし大丈夫じゃね? と思う時点でダメなんだろうな。www 「今日」の...
jQuery

【jQuery】ページを開いたらモーダル【備忘録】

アクセス直後に注意喚起や広告を表示するのを探してたのですが、やっぱりあった! 昔、ロード後に上からスライドしてくるモーダルの様なものを使ってた記憶はあるのですが、 もう忘却の彼方すぎて全く思い出せず。w 詳細はこちら。 ↓ ...
Web/IT

webフォント作成

全てはここに。w ●CSSへの記述方法 @font-face { font-family: "作成時につけたフォントの名前"; src: url("フォントのパス") format('フォントのファイル形式...
css

【CSS】レスポンシブ対応の三角形背景

ひとまず備忘録 ◆html <div id="content"> <p>コンテンツ</p> </div> <div id="triangleBtm"></d...
css

【css】flexboxのbox-sizingが効かない【IE】

flexboxでのカラム落ちが発生する場合の処理。通常flex-basisで指定するけど、IEのみ無効化されるいつもの酷いパターン。orzIE対策に「flex-basis」と同じwidthを「max-width」で設定してあげる。例fle...
css

【css】objectーfit【IE対策】

IEのせいで しばらく設定せねばならぬ。orz IE11が2020年11月ごろまでサポートされてるので、それまでの我慢。 【ofi.js】のCDN。 スクリプト <script>objectF...
css

【css】上付き文字、下付き文字

「sup」は数学的な表示(「m2」とか)に使うのが本来の使用方法。 例えば「※1」等の注釈に使う際のcss設定 ◆上付き文字 .sup { font-size: .8rem; /*好きな文字サイズで*/ vertical-...
css

【css】隣接・直下セレクタ【備忘録】

いつも忘れるの、ホント勘弁。www ■隣接セレクタ .text + div <div class="text"></div> <div>ここに適用</div> ■直下...