.native-lazyload-js-fallback{display:none}フロントエンドエンジニアに転職した人のブログ。日々趣味のことからHTML・CSS・CMSの情報などなど公開中。TOPサイト制作WordPress制作ツール制作物レスポンシブコーディングで使える!横幅自動計算mixinスニペットCSSTwitterFacebookはてブPocketLINEコピー2020.01.26レスポンシブコーディングでよく使うであろうpxを%に変換する方法。今までは計算してくれるサイトで計算してCSSに入力していましたが、そのサイトが404でページが無くなってしまいました。そこでSassのmixinで横幅を自動計算してくれるmixinスニペットを作りました。Sassで横幅自動計算mixinスニペット計算式について横幅をpxから%に変換するには下記の計算で可能です。93.75%(指定する横幅の%)これを踏まえ、mixinを書きます。600);}先に親要素の横幅、あとに指定する横幅を入力します。93.75%;}てな感じです。サイト制作スポンサーリンクシェアするTwitterFacebookはてブPocketLINEコピーkakedashiをフォローするkakedashiカケウェブ|HTML・CSS・jQuery・CMSなど関連記事Vue.js属性を書き換えてみよう【Vue.js入門】Vue.js初心者のためのVue.js学習記事。Vue.jsで使用して属性を書き換える方法を紹介しています。Vue.jsを使用してよりレベルアップする方法勉強を一緒に進めていきましょう。サイト制作webサイト高速化!簡単にできるページ速度の向上のためのあれこれwebサイトが遅いと感じたときに試してみるべきページ速度高速化の方法まとめ。webサイトの表示が遅くてお困りの方は各項目毎の改善方法を実践しよりページ速度の早いwebサイトを作ろう。WordPressTOPページのみh1タグで他ページはpにする方法【WP】WordPressのTOPだけサイトタイトルをh1にし、それ以外はpに変更する方法。SEO上全ページh1をサイトタイトルにするのは良くない。WPでh1タグを自動で判定して切り替える方法を紹介しています。WordPress【WP】一部のパーツ(PHP)を呼び出し楽に管理する方法WordPressで共通の部分を関数で簡単に呼び出す方法。Wpでは一部の共通のパーツを簡単に呼び出したり変更することができます。「get_template_part」を使用して共通部分をWordPressの関数で呼び出そう。WordPress【WP】指定のカスタム投稿で記事のみに個別のCSSを適用する方法WordPressで指定のカスタム投稿で記事のみに個別のCSSを適用する方法を紹介。single.phpで個別のCSSを割り当てる方法のメモ。WordPressで指定のカスタム投稿でも簡単に個別CSSを指定できます。けHTML5でサイトを作る方法。サイトを作るための準備編としてオススメのテキストエディタやブラウザを紹介。サイトの作り方を紹介していきます。HTML5・CSSをマスターして自分のサイトを作ろう。コメントをキャンセルメールアドレスが公開されることはありません。date*日本語が含まれない投稿は無視されますのでご注意ください。yuki_webdsサイト情報HTM・CSS・Jquery・PHP・CMS(WordPressなど)を使ったWEBサイト制作の情報を公開中。これからWEBサイトを作ってみたい人・コーディングやWordPressをカスタマイズしたい人はぜひ!HTMLコーダーやフロントエンドエンジニアを目指している人や自分でWEBサイトを作ってみたい人の初心者向けコンテンツも作成していきます。exports?exports.SyntaxHighlighter=SyntaxHighlighter:null;タイトルとURLをコピーしました。