HTML

【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キャンペーンとかにはこれで一発。