CSSマウスオーバーで画像をズームするcss html<div class="zoom"><img src="images/index-images/image01.jpg" alt=""></div>css.zoom {overflow: hidden;}.zoom { -webk...2021.12.02CSS
CSS投稿画像に便利cssでアスペクト比を固定 レスポンシブサイトでブラウザのサイズやデバイスが変わっても同じアスペクト比で変化していくcssHTML<div class="box"><div class="inner zoomin1"><a href=""><img src="imag...2021.12.02CSS
jQueryヘッダー固定の場合のアンカーリンクのずれ ページの一番上にヘッダーやナビゲーションを固定する場合、ページ内アンカーリンクがずれる問題cssで固定の分の調整をする.link-margin {margin-top: -100px;padding-top: 100px;}スムーススクロー...2021.09.08jQuery
ウェブデザインWordPressの新着を読み込む 新着表示 カテゴリーID1の記事を4件読み込む場合 <!-- ////////////////////////////////////////////////// 新着表示 --><?php if ( have_posts() ) : ...2021.07.09ウェブデザイン
ウェブデザインAPI不要!WordPressのプラグインでインスタをウェブサイトに読み込む方法 「Smash Balloon Instagram Feed」というプラグインを使います。 インスタグラムのアカウントが分かればすぐに読み込み可能です。2021.06.09ウェブデザイン
CSScssで擬似インラインフレームをつくる 決まった枠内でスクロールできる擬似インラインフレーム .flame { overflow: auto; height: 200px; width: 100%; background-color: #f7efe9; border: sol...2021.05.13CSS
ドメイン・サーバーサブドメインだけ別のサーバーで運用したい サブドメインだけ別サーバーにしたい場合はDNS設定でサブドメインを向けたいサーバーのIPアドレスに設定します。 通常のサイトはXサーバー、サブドメインはXREAで運用する場合の設定です。 Xサーバーでの設定 Xサーバー側でサブドメインを追...2021.05.11ドメイン・サーバー
jQueryウィンドウサイズによって使うj Queryを変えたい ウィンドウズサイズに合わせてjQueryを使いたい場合はcssのようにブレイクポイントを使って切り替えられます。 if (window.matchMedia( "(max-width: 640px)" ).matches) { /* ウ...2021.05.10jQuery
CSSスマホの時に横スクロールさせる スマホの時にtableをスクロールさせる <div class="scroll"><table><tr><td>テキストテキスト</td><td>テキストテキストテキスト</td> ...2021.05.10CSS
CSSマウスオーバーで下にボーダー出す .global-nav li a { position: relative; display: block; color: #fff; padding: 20px 30px; } .global-nav li a::after ...2021.05.07CSS