2024年3月27日水曜日
[メモ] ビジネス・経済・デザインメモ
2024年3月1日金曜日
[メモ] ビジネス・経済・デザインメモ
2024年2月21日水曜日
[メモ] ビジネス・経済・デザインメモ
2024年1月23日火曜日
[メモ] ビジネス・経済・デザインメモ
2024年1月10日水曜日
[メモ] ビジネス・経済・デザインメモ
2023年12月6日水曜日
[メモ] ビジネス・経済・デザインメモ
2023年9月11日月曜日
[メモ] ビジネス・経済・デザインメモ
2023年8月21日月曜日
[メモ] ビジネス・経済・デザインメモ
2023年7月28日金曜日
[メモ] ビジネス・経済・デザインメモ
2023年7月19日水曜日
[メモ] ビジネス・経済・デザインメモ
2023年7月6日木曜日
CSS ベースライン
[メモ] ビジネス・経済・デザインメモ
2023年6月28日水曜日
[メモ] ビジネス・経済・デザインメモ
2023年6月21日水曜日
[メモ] ビジネス・経済メモ
2023年6月14日水曜日
CSSでテキストが1行に収まるときだけ中央寄せする
2023年5月20日土曜日
【CSS】transform: scale()で要素を上下・左右に反転させる方法
2023年5月19日金曜日
flexboxでリキッドレイアウト(固定+可変)にする方法
以下は、2カラムレイアウトを実現するためのHTML/CSSの記述例です。それぞれのレイアウトを実際に使ってご覧ください。
<div class="wrapper">
<div class="side">
<!-- 固定カラム -->
</div>
<div class="main">
<!-- 可変カラム -->
</div>
</div>
HTMLには、梱包要素にwrapperクラス、固定カラムにsideクラス、可変カラムにmainクラスを使用することができます。
.wrapper {
display: flex;
}
.side {
width: 300px;
}
.main {
flex: 1;
}
CSSでは、まず梱包要素のwrapperクラスにdisplay: flex;を適用することで、フレックスコンテナボックスにすることが目的です。これにより、内部の要素が横並びに配置されます。
2023年4月21日金曜日
[メモ]CSSのキャッシュをPHPで自動クリアする方法
<link rel="stylesheet" href="style.css?<?php echo date('YmdHis'); ?>" type="text/css">
[メモ]ついに!slick.jsの有名なバグを解消!centerModeの2周目のガタツキ問題。
こちらのサイトで解決できます!
助かりました!
ついに!slick.jsの有名なバグを解消!centerModeの2周目のガタツキ問題。
https://sinpe-pgm.com/slick-bugfix/
-----抜粋-----
公式サイトが読み込んでいるslick.jsに差し替えるだけでバグが解消されます。
バグが解消するslick.jsはコチラ(https://kenwheeler.github.io/slick/slick/slick.js)
--------------
2023年4月14日金曜日
【CSS】ナビゲーションを固定する方法[メモ]
}
途中から固定する場合
$(function() { var menu = $('#global-nav'), offset = menu.offset(); $(window).scroll(function () { if($(window).scrollTop() > offset.top) { menu.addClass('fixed'); } else { menu.removeClass('fixed'); } }); });
.fixed { position: fixed; width: 100%; top: 0; z-index: 1000; }