チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

HTML

【タスクランナー】もうキャッシュのせいなんて言わせない。CSS・JavaScript・画像・PDFなど全ての読み込みファイルにパラメータをつけてファイル出力する方法

前回の記事でタスクランナーのススメを書いたが、少しアップデートしたので紹介する。前回のタスクランナーの記事 hiromode.hatenablog.com 内容としては ・PUG削除 ・HTMLのパラメータ付与の上出力 を追加した。 理由はPUGの書き方を習得するのが面倒だし、…

SVG画像が認識されないときの確認と対応方法、MIMEタイプとヘッダー情報の確認方法について

開発環境では表示されていたのにステージング環境ではSVGが表示されないということがあった。コード的には間違っていないし、キャッシュということでもない。。。 そもそもまるっとファイルを全てアップしているからファイルが漏れているということもない。…

【node.js】Gulp.js+Sass+PugでWEB制作を自動化する

Web制作では様々な仕事があり、毎回やるのが面倒だから自動化できるところは自動化して楽しちゃいましょうっていう話。ざっくり説明すると下記3つを使う。 Gulp.js(タスクランナー) ・Sass→CSS変換 ・CSS,JS,画像圧縮 などをJSで作成して自動化させる。 Sa…

inputタグとlabelタグをつなげて中身のリンクだけはクリック出来るようにする方法

タイトルがわけわからんと思うが、想定しているのはよくあるフォームの最後にある同意ボタン。こういうの ただの同意ボタンならlabel内にinputタグ書けば文字まで全部クリッカブルになるのでそれでおしまい。けど今回はそうじゃなくて画像のようにチェックボ…

【CakePHP2.x】公開環境設定とデプロイ ~CakePHP2実践入門「14章」~

動作環境の切り替え テストと本番環境によってDB情報などが違うことはよくある。 その時に設定情報をできるだけ簡単に切り替える方法のイロハ。 ホスト名による切り替え $_SERVER['SERVER_NAME'] の利用 ※簡単だが、コンソール、シェルを使用した場合はホス…

秒速でコーディングが終わる方法(PSDからテキストとかフォントサイズをCSVで吐き出す方法とか)

とある名言みたいになったけど全ては下記に書いてあるw PSD からテキスト情報を抽出するスクリプト (フェンリル | デベロッパーズブログ) こんなのもあったので今度使ってみる デザインカンプからコード化を加速する!デザイン仕様計測ツール4選 | 株式会…

HTMLコーディング時に簡単使えるURLエンコードツール

www.tagindex.com これです。 コピペしたら%jfda%jflkadfgadlau%とかになってくれる。 最近多いTwitterキャンペーンとかにはこれで一発。