タグ

2020年10月7日のブックマーク (2件)

  • JavaScriptをローカルで実行するときにはwindow.onloadが必要 - やってみる

    忘れると正常に動作しない。 開発環境 Linux Mint 17.3 MATE Firefox 42.0 d3.js v4.5.0 背景 以前、window.onloadを忘れていて2時間悩んだ。 戒めとして記事にまとめる。 戒め ローカルのブラウザで実行するときはwindow.onloadが必要である。 CodePenなどのPlaygroundsでは必要ないから忘れやすいので注意。 実行の流れ Playground 実装中HTMLの<script>タグから外部参照ライブラリを読み込む 実装中JavaScriptを読み込む ローカル 実装中HTMLの<script>タグから外部参照ライブラリを読み込む 実装中HTMLの<script>タグから今回実装するJavaScriptを読み込む 今回実装するにあるwindow.onload関数を実行する window.onloadの用途 window

  • Sassで@mixinを作る時に知っておきたい基礎知識 - Qiita

    はじめに Sassの@mixinはメンテナブルなCSS設計にも役立つ強力な機能です。 一方でゆるくも書けてしまうため、気をつけないと不格好なCSSが簡単に出力されてしまいます。 そこで@mixinを自作するにあたって、知っておきたい(おきたかった)基知識をまとめました。何かの参考にでもなれば幸いです。 前提条件 ソースコードは.scss形式で記述しています Sass 3.4.4で動作を確認しています 使用しているModifierという単語は以下の通りです BEMと呼ばれる命名規則で使われる、基的なスタイル(セレクタ・class)に追加する形で装飾を調整するclassのこと 目次 @mixinのおさらい 基的な使い方 @contentの使い方 Modifierに無駄なスタイルを適用させたくない... @contentを使ってみる 制御用の引数を用意してみる 引数に配列(リスト)を使って

    Sassで@mixinを作る時に知っておきたい基礎知識 - Qiita