<img class="imgBackgroundSize imgTop js-imgTop" src="./img/img1.jpg"></img> <img class="imgBackgroundSize imgTop js-imgTop" src="./img/img2.jpg"></img> <img class="thumnail imgBackgroundSize" src="./img/img1.jpg"></img> <img class="thumnail imgBackgroundSize" src="./img/img2.jpg"></img> のような感じで、複数箇所…

idotdesign.net jQueryで疑似要素（:afterとか）を変えたいとき。でも疑似要素はjQueryから指定できません。そういうときはClassのつけ外しで対応しましょう。 .imgOnGreen::before { background-color: rgba($color: #26c52e, $alpha: 0.5); position: abso…

tech.motoki-watanabe.net tech.motoki-watanabe.net とか色々やりました。HTML側で画像を指定したほうがいいと。 しかしtransition効かせたいとかの場合、imgタグで書いてると出来ない。 結局は最適解はHTMLのタグにstyle属性でbackground-imageですね。

jQueryで関数を作って、他のところで呼び出すときの注意。 teratail.com この記事に似ています。 function changeImg(imgNum) { } って関数を作ります。 で、この関数をクリックで呼びます。 $(".thumnail").click( changeImg(1); ); でいけると思ってたんで…

tech.motoki-watanabe.net とか書いといてあれですが、 画像をCSSでBackgroundで指定する方式は単純なプロジェクトならばいいものの、画像はそもそもスタイル定義というよりコンテンツ定義で、HTML側で指定したほうが良いケースが多い、と指摘を受けました。…

<div id="imgTop js-imgTop"> みたいなこと出来るのかな、と思いやってみたら出来ない。 なんでかなーと思い調べてみると teratail.com 出来ないんですね、Classでは出来るということを知っていたのでidも同じ挙動かと思っていました…！ <div id="imgTop" class="js-imgTop"> というわけでこんな感じにしました。 ちなみにな</div></div>…

qiita.com techacademy.jp まずつまずいたのはJavaScriptをjQueryで書いてもなぜか動かない。 →これはHTMLでJSの読み込み順序を間違えていて、 jQueryを読み込んでから自分のJSを読み込まないとjQueryを使えない。 $(function() { } ってjQueryで書くのはな…

style01.net どうやら3つあるらしい。 今回は、これの1つ目の手法である 「画像をBackgroundとして使う」 で実装した。 $imgWidth: 1200px; $imgHeight: 400px; background: url(./img/img1.jpg) no-repeat; background-size: cover; width: $imgWidth; heig…

sawayakatrip.com このサイトを参考にやっていきます。 なんでこれやるかって、なんか今までと同じことしようとしても映像再生の際にMacがカクつくようになりまして。で、Twitterになんで〜〜ってツイートしたらMacのファンコントロールのアプリを入れたら良…

qiita.com この通りやろうとします。 MacなのでRubyは入ってるので、Sassのインストールを試みる。 まず普通に gem install sass しようとしたらエラー。Permissionがねえよと。 ERROR: While executing gem ... (Gem::FilePermissionError) You don't have …

Adobe XD の機能にシンボル、があります。 blogs.adobe.com blog.maromaro.co.jp で、これ使ったら同じようなパーツは一気に編集できる！ と思ってたらなんか同期して勝手にやってくれるわけじゃないんだな…と。 いや、厳密に言うと「色」「位置」とかは同期…

これです。Command + Shift + Y でレイヤーからアセットに表示が変わります。 こうやって今回はNavBarを選択し、 アセットのカラーの右上のプラスを押すと、カラーにそのNavBarの色が追加されます。 これ以降、パーツを選んでアセットのカラーの色の部分を押…

tech.motoki-watanabe.net からの続編なんですが、フォントが変。知ってる設定じゃない。 で、なんでかって、答えは簡単で 会社のMacにそのフォント入れてない ただそれだけでした。笑 www.rs.tus.ac.jp これを使ってるので入れたらすぐ解決しましたとさ。

会社のMacと家のMacの設定を同期させたい。 qiita.com とりあえずこれをすればアップロードできてGistにjsonが保存され、完了。 私の場合は家のMacbookPro の VSCode の設定をアップロード。 さて明日会社のMacbook Airにて反映させることができるか…？ さて…

qiita.com Adobe XDの入門。 とりあえず画像の切り抜きを出来た。 で、Adobe XD UIキット なるものがあったのでダウンロードしてみて、使ってみようとする。 www.webcreatorbox.com これからWires jp のものをインストール。 helpx.adobe.com これを見てなん…