GoogleMapやYouTubeを埋め込むときに使うiframeタグ。これを縦横比（アスペクト比）を変えずにレスポンシブに対応する方法です。
HTMLに少し修正を加えてあとはCSSで対応します。
続きを読む中級者 - Webマスターへの道
自分で情報を探しながらやっても、なかなかスムーズに答えにたどりつかない人にWeb情報を発信します。
経験が足りないだけで、遅かったり、失敗しても自信をなくさなくていいです。いまは大きくなるために、技術を知って試す時期なので。
むしろたくさん悩んで、フリーズして、失敗してください。気がついたら最適な答えを出す力が自然と身についているでしょう。
nginx Basic認証の使い方
WebサーバのnginxでBasic認証を行う方法です。
nginxでは .htaccessファイルは使いません。設定ファイルに記述します。
続きを読むPythonでCSS,JavaScript,HTMLの圧縮ツールを作る
Pythonのcss_html_js_minifyパッケージを使うと、簡単にCSS、JavaScript、HTMLの圧縮ツールが作成できます。
サンプルコードを使って作成してみましょう。
続きを読むWordPress マルチサイトはプラグインに気を付けよう！
WordPressのマルチサイトでサブサイトの外観 -> メニューでメニューが追加できない、編集できない現象に見舞われました。
原因はCategory Order and Taxonomy Terms Orderプラグインで、マルチサイトでのプラグインの有効化にありました。
プラグインでデータベースを使うものは同じように何らかの誤動作が起きる可能性があると思われます。
原因の詳細とその対処方法です。
続きを読むJavaScript Prism.jsをWebサイトに実装する
ソースコードのハイライト機能をもつPrism.jsの実装方法です。highlight.js の代わりに利用できてWordPress でも使えます。
続きを読むWordPress - Crayon Syntax Highlighterをやめた理由
WordPressプラグインのCrayon Syntax Highlighterを使うのをやめました。代わりがあるのでプラグインを使う必要がないからです。
サイトのパフォーマンス上、SEOを考えるとプラグインは少ない方が良いです。代わりにPrism.js を使うことにしました。
続きを読む
1週間の人気記事（IT）
1週間の人気記事（歴史）
1週間の人気記事（その他）
