Web制作

YouTube動画の埋め込みの際、比率を保ったまま伸縮するCSS

YouTube動画を埋め込む際、縦横比を固定したまま幅を可変にできるCSSです。HTML<div class="wrapper"> <iframe src=" title="YouTube video player" frameborder...
2023.01.12
Web制作
Web制作

【高品質＆無料】ホームページテンプレート配布サイト3選

日本のサイトで配布されているものはクオリティが低かったり作りが古いものが多いのですが、海外の配布サイトには高品質なテンプレートがたくさんありますのでおすすめを3つご紹介します。英語なので規約等が分かりづらいですが、使用前には翻訳して確認して...
2023.01.12
Web制作
Web制作

.htaccessで海外からのアクセス(IP)を拒否する

一旦すべてのアクセスをはじき、それから必要なもの・日本国内のIPだけ許可します。　### 検索エンジンをまとめて許可するためにenv化する(必須)SetEnvIf User-Agent "Googlebot" allowbotSetEnvI...
2023.01.11
Web制作
Web制作

【非jQuery】slideToggle/slideUp/slideDownをJavaScriptで実装する

jQueryのslideToggle(),slideUp(),slideDown()的な動きをJavascriptに置き換えます。slideUp：スライドして隠すconst slideUp = (el, duration = 300) =>...
2023.01.11
Web制作