【解決】mask-imageがChromeで効かない

mask-imageを使ってbackground-colorを抜きたいと思いコードを書いていたが、なぜかbackground-colorの四角い要素しか出てこない… background-color: #ffffff;-webkit-mask-image: url('../images/ic-hogehoge.svg');mask-image: url('../images/ic-hogehoge.svg');-webkit-mask-size: cover;mask-si

【解決】Contact Form 7 に画像を入れたい！

普段WordPressでお問い合わせを作る時にContact Form 7を使用しているのですが、今回初めて説明用のイメージ画像をつけることになしました（言い出しっぺ） 素直に<img>タグを使用し相対パスで書くも、もちろん表示されず。。。 1時間くらいいろいろ記事を読み漁り、答えにたどりついたので書き残します。 同じ悩みを持つ人の助けになればいいな… ステップ1：functions.phpにショートコードを使用するコードを書くfunction contact_imag

vscodeの導入入門(sass/標準圧縮編)

なんだって！？ Bracketsのサポートが2021年9月1日に終了だって？！？！ えぇ、、、 どうしよう、、、と思ったので、vscodeを導入しました。 結構さくっと導入できたので、方法を残しておこうと思います。 ダウンロードから使い始めるまで15分で完了！上のリンクに飛んで、右上のダウンロードをクリック その後、Windows・Mac・.deb/.rpmから選択するとダウンロードが始まります。 ローカルにダウンロードしたら、解凍して(macの場合)アプリケーションに

初めてのvscode導入。 さくっとできてとても簡単だったので、あとでやり方まとめてみよう！

Bloggerを使ってみたら思いのほか簡単すぎた

簡単にブログを作れる機能がいつの間にかGoogleにも出ていたので触ってみることに。 なんでもやってみる！という今年の抱負を実行しています。 Googleのアカウントがあれば登録が驚くほど簡単。 メールアドレスの登録もいらないし、自分の好きなURLを入れて、ブログのタイトルを入れて、自分のニックネームを入れておしまい。 初めからWordpressのような管理画面にとおされる。 正直びびった。 簡単に投稿できる記事のタイトルと内容を入れればすぐに投稿できる。 じゃあnot

Bloggerは無料ブログの中でも使いやすいと書いてあった。。。 確かにそうだ。 スマホでも更新できるからオヌヌメだぞ！！

heightを0からautoにする際、transitionを効かせる方法

困った。 メインナビゲーションにホバーするとサブナビゲーションが出てくる使用にしたのだが、heightを0からautoにするとtransitionが効かない、、、 ってことでネットで探したらありました。解決方法が。 li{ max-height: 0; //常時表示させないために高さは0を指定 -webkit-transition: max-height .3s; //表示の速さを指定 -moz-transition: max-heigh

食べてるものをみんなにすすめたい。

こんにちは。こんばんは。うるしです。 文章を書くのが好きだったのですが、最近できず… 短い文章でもいいから何か書きたいと思い、ずっと気になっていたnoteを始めました。 お伝えする内容は、自分が食べておいしいと思ったもの。 一人でおいしいなぁと思いながら食べるのも幸せなのですが、私が食べたおいしいものをみんなにも食べてみてほしいと思いました。 食べ物の好みのかたよりはあるかもしれませんが、読んでいただいて「美味しそう」「食べてみたい」と思っていただけると嬉しいです。