青いやつの進捗日記。

メモとしてべんきょうのしんちょくをかいていきます。あとで自分が検索しやすいもん

HTMLCSSで画像のトリミング、最適解はHTMLのタグにstyle属性でbackground-image。

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

jQueryで関数呼び出すときにfunctionの中に関数を呼びださないとイベント起きなくてもいきなり関数動き出す。

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

Webで画像のトリミング、backgroundを使わずに、今度はobject-fit。

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

HTMLで「1つのタグにidを複数指定」は出来ない!

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

jQueryの最初の $(function() { } って何ってところからスタート。

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

CSSで画像のトリミングをする際にどれが良いかな

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

VJの時にMacbook Proが限界なのか動作が重くなってきたので、TG PROを使ってMacのファンをコントロールして動作軽くしていく

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

CSSをそのまま書くよりSassを使いたいのだが、Sassのインストールでエラー「ERROR: Failed to build gem native extension.」

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

Adobe XD でシンボルを使って同じような部分を一気に編集する

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

Adobe XD のアセットの使い方がカラーだけ少しわかった

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

VSCodeのSetting Syncで設定同期させたのでフォントが変。

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

VSCodeのSetting Syncの設定。自宅のMacと会社のMac。

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

Adobe XDに入門し、ワイヤーフレームを書こうとしている

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

論文書くことに基本的に気をつけなければいけないこと。

ってなんなんだろな。と思って調べてまして、 qiita.com これが参考になりました。 論文に置いて体裁を整えるのは非常に大事。 句読点の統一くらいは知っていましたが、私的には並列列挙のやり方が参考になりました。あとキャプションはけっこう教授に突っ込…

はてなブログのデザイン、サイドバーをちょこっとカスタマイズ

こんな感じに。 sentence.hatenablog.jp 使っているテーマ「Sentence」の作者さんのをそのまま使いました。 shirokai.hatenablog.com www.royalnaught.com ここを見るとはてなブログではClassで指定するだけでいろんなWebアイコン使えるみたいですね。Instag…