コーダーは渡されたデザインカンプを疑ってみるべき
大阪のWEB制作会社で、コーダーとして働いているYUJIROです。 仕事内容は、WEBサイト制作やWordPress構築を担当しています。 今回は「コーダーは渡されたデザインカンプを疑ってみるべき」だと感じた理由について…
コーダーコーダー2021年3月
コーダー
CSSサイズを指定した要素を縦スクロールさせる方法
今回は、「サイズを指定した要素を縦スクロールさせる方法」について紹介します。 サイズを指定した要素を縦スクロールさせる方法 完成形はこちら。 See the Pen zYogBvp by ゆーじろー (@yuji64) …
Adobe XD【XD】テキストエリアを自動で調整してくれる「Trimit」について
今回は、テキストエリアを自動で調整してくれる「Trimit」について紹介します！ Trimitとは？ Trimitは、テキストエリアの範囲に合わせて自動でテキストエリアの幅を調整してくれるプラグインです。 余計なテキスト…
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で複数の…