コーダーは渡されたデザインカンプを疑ってみるべき

大阪のWEB制作会社で、コーダーとして働いているYUJIROです。仕事内容は、WEBサイト制作やWordPress構築を担当しています。今回は「コーダーは渡されたデザインカンプを疑ってみるべき」だと感じた理由について…

サイズを指定した要素を縦スクロールさせる方法

今回は、「サイズを指定した要素を縦スクロールさせる方法」について紹介します。サイズを指定した要素を縦スクロールさせる方法完成形はこちら。 See the Pen zYogBvp by ゆーじろー (@yuji64) …

今回は、テキストエリアを自動で調整してくれる「Trimit」について紹介します！ Trimitとは？ Trimitは、テキストエリアの範囲に合わせて自動でテキストエリアの幅を調整してくれるプラグインです。余計なテキスト…

今回は「Adobe XDでガイド線を消す方法」について紹介します！無駄なガイド線を消すことで、デザイン全体が見やすくなるので、是非試してみてください。ガイド線を移動させて消す方法ガイド線を移動させて消すには、水色の…

今回は、「inputタグをフォーカスした時に出てくる枠線を消す方法」について紹介します。【CSS】inputタグをフォーカスした時に出てくる枠線を消す方法 inputタグをフォーカスした時に出てくる枠線を消すには以下の…

Google ChromeやMicrosoft edgeだと、角が四角いinputタグになります。しかし、iPhoneのSafariのブラウザの時はinputタグがデフォルトで角丸になってしまいます。 Safariの時…

この間「HTMLの入れ子が一目でわかるチートシート」を見つけたので、ブログでシェアしたいと思います。 HTMLの入れ子が一目でわかるチートシート「HTML5 入れ子チートシート」を使うことで、どのタグにどのタグを入れ子…

【Sass】@mixinを使ってCSSを使い回す方法 @mixinで使い回すCSSを指定します。変数名はなんでもOKです。そして@includeでmixinで指定したCSSを呼び出します。 // @mixinで複数の…