2014-12-01 lab3-34

phpインクルードでページ毎に別の内容を出力

phpインクルードに配列を持たせて出力させる方法。
ページ毎に違った内容を出せるので、パンくずなどに用いると便利です。
今回はパンくずに最適化させたソースの例です。

2014-02-11 lab3-34

Bootstrap3 LESSのカスタマイズ

はじめてBootstrap LESSをがっつりカスタマイズしたので、今回はその覚え書きです。
Bootstrap3 Lessを使用するにあたり、Gruntを導入したほうが俄然便利なため、今回はGruntの導入から説明いたします。

2013-12-21 lab3-34

Javascriptで偶数と奇数を分けて処理する

基礎的なことですが、Javascriptで偶数と奇数を分けて処理したい場合、下記のように条件分岐する。

2013-11-07 lab3-34

ベーシック認証をURLで指定する

ベーシック認証がかかったサイトでは、通常ダイアログでの認証が必要だがURLにID・パスワードを埋め込むことで、直接アクセスすることが出来る。

2013-10-06 lab3-34

facebookプラグインでのIE helvetica問題

cssのフォントの指定で、Helvetica（Helvetica Neue）が最初に指定されていると、IE9,IE10で表示エラーが起きてしまう問題は少し前に話題になり、既に知っている方も多いかと思います。
そのため、テンプレートの見直しやcssフレームワーク使用時には注意していたのですが、Facebookのプラグイン（いいねボタン、LileBox など）も問題が起きるっぽいです…

2013-10-06 lab3-34

SublimeText2を同じウインドウで開くように設定

MacのSublimeText2は、ファイルを開くとき新しいウインドウで開くことがデフォルトになっています。
個人的には、ウインドウ数を増やしたくないので、タブに追加する形で開くようにする設定を解説します。

2013-09-08 lab3-34

複数行を置換する正規表現

便利だとはわかっているのですが、覚えていないので調べるのが面倒だったり、使わなくてもどうにかなる場合が多かったりで、正規表現ってあまり使わないんですよね。
しかし、先日数百ページあるにも関わらず、インクルードしてはいけないサイトの共通フッターの更新を頼まれ、これを手作業は気が遠くなるので、複数行を置換する正規表現を調べました。
ページごとに改行とか、スペースとか違っても検索できることがポイントですね。

2013-09-06 lab3-34

SublimeText2のパッケージが動作しない時の対処法

SublimeText2 を使っていていつの間にかemmetやhayakuなどのプラグインが効かなくなる現象が起きました。
何かのプラグインとバッティングしたのかなと思っていたらどうやらそうではないようで、PackageControlのアップデートで更新されたことが原因っぽいようです。
直し方はかんたんで、ユーザー設定ファイルの【ignored_packages】部分の使用したいプラグインの項目を消せば、再び使えるようになります。

2013-09-05 lab3-34

AutoFileNameの画像高さ・幅の出力順番変更

SublimeText2 を使っており、画像などのファイル名入力の自動補完のため、AutoFileName というパッケージを使用しています。
これを導入すると、相対パスで階層を予測選択できるようになります。
（ルート相対などは設定すればできるのか知らないのですが…）
また画像の場合は、高さと幅の値も自動補完してくれます。

2013-08-15 lab3-34

スタイルガイドとStyleDoccoの導入について

スタイルガイドって重要だなと痛感したので、StyleDoccoの導入方法についてまとめました。