とある瞬間から管理画面の固定ページの保存が完了しなくなる。
何だろうと思っていたが、原因はタイトルのプラグインのカスタムCSSの入力箇所でコメントアウトが入っていたから。
参考はこちら。
案外気づかないよなー
tabのコーディングをするときにデザイン影付きにされて焦る
そういうときは親要素にかかっている影のCSSがbox-shadowになっているかチェック。
もしそうならば、IE11は切り捨てる方向になるがdrop-shadowにすれば子要素の形にあわせて影をつけてくれる。
ちなみにPNGだと透明部分を無視して影をつけてくれる優れもの。
あとはtabの括りの要素をposition relativeにしてtop -50px的な感じてタブの高さ分をマイナスすれば影付きのタブのできあがーり。
svgがどうやってもIE11でレスポンシブにならないで余白ばっかり増えちゃうよ
imgタグでsvgを設置。
width =”希望の幅”
height=”auto”
基本はこれでOK
でもIE11だと小さかったり大きかったり。
zeplinで書き出したサイズのせいなのかなと思いPC版のサイズで書き出し直し。
なおる
だが、別の箇所で使っているときに結局サイズ感がおかしい
width heightともに数値で設定してもおかしい。
そんなときはsvgをエディタで開いてみてviewboxの値があるかチェックするといいのかも。
とりあえずsvg内のwidth heightと合わせて
viewbox=”0 0 widthの値 heightの値”でやってみたらレスポンシブに対応できた。
よーわからん
背景画像やグラデーションを簡単に文字でマスクできる
とあるサイトをみて初めて知りました。
利用するCSSは
・-webkit-background-clip:text; // これ設定しないとただ単に背景に画像やグラデがはいるだけ。
・-webkit-text-fill-color:transparent; //枠線も透明にしちゃう
・display :inline-block; // blockのままだと全体幅をみちゃう？
まみむめもまみむめもまみむめも
複数行でmargin bottomを入れてるけど最後の行だけmargin消したいとき
gulp v4.0になってtaskが動かなくて焦る
記述方法が変わるのと gulp CLIをアップデートしないといけないようです
参考
http://webdev.jp.net/gulp4-typeerror-gulp-cli/
AtomでEJSファイルをいじっているときにEmmetが.hogeをclassName=”hoge”にしやがる
ある日から急に.hogeを変換するとclassName=”hoge”となるようになってしまった。
なんかのプラグインのせいなのかと停止してみたりしたけどよくわからず。
なので以下を参考にsnipets.jsonをいじる
https://github.com/emmetio/emmet-atom/issues/459
"jsx": {
"filters": "ejs",
"extends": "html",
"profile": "xml"
}
こうしたらなおった
node.jsでモジュール足りなくて一個一個せこせこインストールしてたけど
https://qiita.com/kenju/items/5b2fda95be4685a750e1
こちら参考にして以下のnpmをグローバルインストールしておけば一発らしい
npm-install-missing
結局使うことになるImagemap
レイアウトがこだわりすぎた要素に対して、こだわりすぎたリンクを設置するときにはどうしてもつかうことになる。
今回お世話になったサイト。
◆Imagemapを生成してくれるサイト
https://www.image-map.net/
◆ImagemapにHoverの能力をつけるプラグインの説明サイト
https://cror.net/jquery/jquery-maphilight.html
見てる最中にサイトが落ちちゃった
◆レスポンシブ対応させるプラグインの説明サイト
サイトとjsonpの文字コードが異なるせいで文字化け発生
Makeshopのサイトをいじっていて発生。
MakeshopはEUC-JP。jsonpはutf-8
beforeSendでEUC-JP指定すれば解決や！って思ったけどうまくいかなかった。
そんなときは scriptCharset を利用するといいらしい。
上記参考にさせていただきました。