CentOS8にmod_mrubyとmruby-capabilityをインストール
mod_mrubyのインストールの際に、mruby-capabilityを追加するために必要なライブラリの情報が出てこなくて結構大変だった。特にglibc-staticというものに辿り着いてインストールするまでに手こずっ […]
CentOS8でMySQLの複数起動
[参考]CentOS 7 + MySQL 5.7で複数のMySQLインスタンスを起動する[MySQL] 1つのサーバ内でMySQLを複数起動してレプリケーション設定 基本的には上記の通りなんだけど、DNF(yumの後継) […]
Instagramで使える写真効果をピュアCSSで再現
Instagram.css – Pure CSS Instagram filters Instagramで使える写真フィルターを、CSSのfilterやbox-shadowを使って表現！すごいねー。githu […]
Slimstat Analyticsのログに出てくる”SL”と”PS”の意味は？
WordPressのアクセス解析プラグインのSlimstat Analytics。アクセスログを見ているとSLとPSという謎のプロパティが表示されている。処理か何か、かかった時間を計測しているんだろうなーというのは何とな […]
共通ナビゲーションをインクルードする時の話
Webサイトのヘッダやナビゲーションで、現在表示しているページに対応する部分だけ色を変えたり画像を変えたりすることがある。たとえばこんな風にクラスを用いたり。 <nav> <ul> <li& […]
コンテンツの高さが足りないページでも、フッタをブラウザの一番下に固定する
Webサイトで、特定のページだけコンテンツ部分の高さが足りなくて、フッタの下に余白ができてしまうことがよくある。昔はwindow.onresizeにスクリプト書いて高さを調節して…ってやってたけど、calcを使えばCSS […]
paddingとcalcでブロックのセンタリング
セクションごとに横幅いっぱいの背景色がコロコロ変わるサイトを見てて、divの数が増えそうでやだなーと思ってたところでふと思いついたのでメモ。 margin: 0 auto;でセンタリング(よくある方法) .wrap { […]
Responsive.jsとremを使って、どの端末で見てもデザイン通りの比率のサイトを構築する方法
・Responsive.jsの紹介記事はこちらから CSS3の単位の一つ、remはすごく便利で、基準の大きさを決めてこれを使えば、全て相対的なサイズでサイトを構築できる。詳しい説明は以下から。 ・remってなに？  […]
mbstring.encoding_translationが切れない場合の最終手段
mbstring.encoding_translationという、HTTPクエリ($_GETとか$_POSTの中身)の文字エンコーディングを自動で変換する機能があるが、古いサーバでこれがOnになっていてEUC-JPが基準 […]
JSで使うパラパラ漫画用の画像を作るのにImageMagickが便利すぎる
GIFじゃ力不足で、動画にするようなものでもないアニメーションが必要な時、JavaScriptを使ってパラパラ漫画のようにアニメーションさせるような手法がある。ただ、画像を毎フレーム切り替えるような方法だと、フレームの数 […]