【XD】テキストエリアを自動で調整してくれる「Trimit」について
今回は、テキストエリアを自動で調整してくれる「Trimit」について紹介します！ Trimitとは？ Trimitは、テキストエリアの範囲に合わせて自動でテキストエリアの幅を調整してくれるプラグインです。 余計なテキスト…
Adobe XDAdobe XD2021年
Adobe XD
Adobe XDAdobe XDでガイド線を消す方法
今回は「Adobe XDでガイド線を消す方法」について紹介します！ 無駄なガイド線を消すことで、デザイン全体が見やすくなるので、是非試してみてください。 ガイド線を移動させて消す方法 ガイド線を移動させて消すには、水色の…
CSS【CSS】inputタグをフォーカスした時に出てくる枠線を消す方法
今回は、「inputタグをフォーカスした時に出てくる枠線を消す方法」について紹介します。 【CSS】inputタグをフォーカスした時に出てくる枠線を消す方法 inputタグをフォーカスした時に出てくる枠線を消すには以下の…
CSSinputタグがiPhoneの時に角丸にならないようにする方法
Google ChromeやMicrosoft edgeだと、角が四角いinputタグになります。 しかし、iPhoneのSafariのブラウザの時はinputタグがデフォルトで角丸になってしまいます。 Safariの時…
HTMLHTMLの入れ子が一目でわかるチートシート
この間「HTMLの入れ子が一目でわかるチートシート」を見つけたので、ブログでシェアしたいと思います。 HTMLの入れ子が一目でわかるチートシート 「HTML5 入れ子チートシート」を使うことで、どのタグにどのタグを入れ子…
CSS【Sass】@mixinを使ってCSSを使い回す方法
【Sass】@mixinを使ってCSSを使い回す方法 @mixinで使い回すCSSを指定します。 変数名はなんでもOKです。 そして@includeでmixinで指定したCSSを呼び出します。 // @mixinで複数の…
CSS【CSS】headerを固定にする方法
今回はWEBサイトでよく使われる「固定headerの作り方」について紹介します。 【CSS】headerを固定にする方法 完成形はこちら。 See the Pen oNYmyNO by ゆーじろー (@yuji64) o…
CSS【CSS】スマホの時にナビメニューを横スクロールさせる方法
今回はnoteのWEBサイトのように、スマホの時にナビメニューを横スクロールさせる方法について紹介します。 【CSS】スマホの時にナビメニューを横スクロールさせる方法 完成形はこちらです。 ナビメニューが横にスクロールで…