-
CSS
cssで擬似インラインフレームをつくる
決まった枠内でスクロールできる擬似インラインフレーム .flame { overflow: auto; height: 200px; width: 100%; background-color: #f7efe9; border: solid 1px #f9bb8f; padding: 20px; } <div class="flame"> <h2>テキストテ... -
ドメイン・サーバー
サブドメインだけ別のサーバーで運用したい
【】 通常のサイトはXサーバー、サブドメインはXREAで運用する場合の設定です。 Xサーバーでの設定 Xサーバー側でサブドメインを追加する。 〇〇〇.test.com ↓ DNSレコード設定でDNSを追加する ----- ホスト名:〇〇〇(設定したサブドメイン) 種... -
jQuery
ウィンドウサイズによって使うj Queryを変えたい
ウィンドウズサイズに合わせてjQueryを使いたい場合はcssのようにブレイクポイントを使って切り替えられます。 if (window.matchMedia( "(max-width: 640px)" ).matches) { /* ウィンドウサイズが 640px以下の場合のコード */ } else { /* ウィンド... -
CSS
スマホの時に横スクロールさせる
スマホの時にtableをスクロールさせる <div class="scroll"> <table> <tr> <td>テキストテキスト</td> <td>テキストテキストテキスト</td> </tr> <tr> <td>テキストテキスト</td... -
CSS
マウスオーバーで下にボーダー出す
.global-nav li a { position: relative; display: block; color: #fff; padding: 20px 30px; } .global-nav li a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; -webkit-transform: scaleX(0); -ms-transfor... -
ドメイン・サーバー
他社で管理しているドメインをバリュードメインに移管する
【】 ドメインの種類によって移管方法が違います。 属性型JPドメイン(.co.jp)のドメイン移管方法 属性型JPドメインとは CO.JP(企業)、AC.JP(大学等)など、組織の種別ごとに区別されたドメイン名です。 一つの組織で一つのドメイン名しか登録... -
インビザライン矯正
インビザライン矯正3枚目、アタッチメントとゴムかけ開始
昨年末からはじめたインビザライン矯正、最初はマウスピースに慣れるという目的でアタッチメントとゴムかけをせずに2枚の交換をしました。 調整日まで1ヶ月以上あったので、1枚のマウスピースを19日間装着していました。 そして迎えた初めての調整... -
インビザライン矯正
インビザライン矯正2枚目(19日目)初めてのマウスピース交換
インビザライン矯正を初めて19日。 初めてのマウスピース交換です。 通常は1週間ごとに交換するのですが、最初の2枚は次の調整日に合わせて3週間弱使いました。 苦労していた毎日のつけ外しにも慣れてペースがつかめてきました。 約3週間... -
CSS
決まった枠内で縦横真ん中 レスポンシブデザイン
サイズがバラバラの画像を決まった枠内の中で縦横真ん中に配置するcss。 レスポンシブなので決まった枠も縦横可変。 .styling { width: 100%; margin: 0 auto; } .styling .img { position: relative; width: 100%; margin-bottom: 20px; background-color... -
インビザライン矯正
インビザライン矯正は思わぬところに追加費用がかかる
矯正費用に目が行きがちですが、インビザライン矯正は開始してからも費用がかかります。 私が実際に初めてみて実感した出費をご紹介します。 最初にインビザライン矯正の費用について認識していたのは649,000円でした。 しかし、矯正を始め...