Web／IT webフォント作成
全てはここに。w
●CSSへの記述方法
@font-face {
font-family: "作成時につけたフォントの名前";
src: url("フォントのパス") format('フォントのファイル形式...
css
Web／IT 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-...
Web／IT 【bootstrap】ドロップダウン、ページ内リンクにおけるメニュー開閉
めっちゃ悩んだので、急ぎ備忘録。
html内、メニュー部分
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div cla...
css 【css】隣接・直下セレクタ【備忘録】
いつも忘れるの、ホント勘弁。www
■隣接セレクタ
.text + div
<div class="text"></div>
<div>ここに適用</div>
■直下...
jQuery 【jQuery】チェックが入ったらボタンクリック-複数編-【備忘録】
<script>
function check(){
var check_count = $('.chk-caution01 :checked').length;//注意事項チェック
if (check_count =...
jQuery 【jQuery】スクロールアクション【備忘録】
【超簡単】 ※スマホ対応
アニメーションを与える要素に「data-delighter」を追加。
アニメーションの設定はcssで調整。
■ex＝＝＝＝＝＝＝＝＝＝＝＝＝＝
/* 基本 */
.foo.deli...
jQuery 【jQuery】smoove.jsオプション一覧【備忘録】
参照
デモサイト
htmlソース
<div class="hoge" data-move-y="80px">テキストテキスト</div>
jQコード
<script src=...