-
macのOSをEl Capitanにしたので今更ながらgulpを再インストするので手順を備忘録
① Node.jsをインストール 公式サイトよりダウンロードしてきてインストール。特に問題ななし v4.4.7(おすすめ最新をdl) ちなみにwinは4.4.3なので後で競合やエラーが返ってくるかチェックする ちゃんとイ […]
-
MacBookのOSをmavericksからEl Capitanに変えてみている クリーンインストール!!
EverNoteが有料がすることに伴いOneNoteを利用しはじめたのだが、marvericsだとOSのバージョン古いから使えないとご指摘が。。 悲しかったけど、チャンスということでPCの掃除の意味も含めアップデート!! […]
-
emmetを今さら感たっぷりだけど少しずつ使いこなしたい 連番だったり数字途中からの連番だったり。
連番おしゃれ 要素のattrは[]で挟むこのときクォーテーション等は使わないので注意 連番にしたいときはその箇所を桁数だけ$にする (li>a>p{Item Info Title} […]
-
MacとWinでGulpの同じプロジェクトの作業をしようと思ったらnode-sassが何かエラー
検証環境をかねてノートをMac、デスクトップをWinにしている人は自分だけでは無いはず。 MacとWinだからなのか、ただたんにインストールする時に色々と違ったのか分からないけどどちらかで立ち上げたプロジェクトがどちらか […]
-
sublime text3をインストールしてみたけど、htmlのヘッダとかどうするんだろうって思っていた
どうするんだろうっておもっていたけどEmmetで勝手に書き出してくれるんですね。。。すごい。。。 やり方はすごい簡単で「!」を書いていつものEmmetのショートカットを押すだけ。 自分だとCtrl+E どんどんDream […]
-
CSS3のTransitionとAnimationのメリットデメリットって
これのエントリーの前に書いているAnimation。 使いやすいけど弱点をすごく感じた。 それはスクロールに合わせてClassを追加したり削除したりするときの挙動。 Animationはアニメが0%~100%の間で細かい […]
-
レスポンシブサイトでイメージマップ(imgmap)を利用するときにrwdImageMaps.jsを使うけど
jquery.rwdImageMaps.min.jsお世話になってみました。 これで後のレスポンシブサイトの大きな問題はTableだけなんじゃないかとか、そうじゃないとか。 ただ、こちらのJs利用する上で小さな落とし穴に […]
-
position:absolute;で設定していた要素をある地点までスクロールしたらposition:fixed;に変更する。けど動きおかしい
なかなかやることが無さそうなシチュエーション。 最初からFixed出来ればラクなんだけど、その要素を通過するまで普通にコンテンツ内にまぎれていて、それを越したら画面中央までアニメーション。そして固定。 スクロールの判定は […]
-
slick.jsを利用していて、初期状態をdisplay:none;にしたらレイアウト崩れる
スライドショーの定番Slick.js、とてもよく活用させていただいている。 普通に使用する中では問題にならないが、場合によりslick部分のコンテンツを初期状態で非表示にしておいて、何かしらのアクションで表示させる場合、 […]
-
jqueryで親セレクタ(親要素)を指定する時に相対パス的な書き方だと面倒
今まであまり考えてこなかった問題。 頭の中で組んで、一発でコーディング出来る時はあまり問題になってこなかったけども、動きを検証しながらHTMLを加筆したりすると起きる問題。 ある指定したボタンなど(.btn)をクリックし […]