タグ

ブックマーク / wemo.tech (4)

  • CSSでメディアクエリ(Media Queries)の基本的な書き方、記述の意味を理解し、「何となく使う」を卒業する。 | WEMO

    CSSでメディアクエリ(Media Queries)の基的な書き方、記述の意味を理解し、「何となく使う」を卒業する。 2019 8/15 今回は、レスポンシブで絶対にお世話になるCSSの メディアクエリ(Media Queries)について。基的な書き方や記述の意味についてまとめていきます。 なんとなく @medeia screen and ... とか書いているけど、 screenってどういう意味?とか、そんなレベルの話です。メディアタイプ・メディア特性・区切り方やそのキーワードの意味など...。 先日、 @media only screen...という書き方を目にした時に onlyの意味がわからず、それだけを調べるつもりが、結構知らないことがあってびっくりしました。 今までがいかに「何となく」だったかを痛感し、せめて基的なことくらい分かっておこうと思った次第です。 はじめに 今回

    CSSでメディアクエリ(Media Queries)の基本的な書き方、記述の意味を理解し、「何となく使う」を卒業する。 | WEMO
    kjtec
    kjtec 2023/09/19
    “「メディアタイプが only のデバイス」として解釈します。”
  • $(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック! | WEMO

    $(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック! 2019 8/13 先日、load関数 $(window).on('load') がページの読み込みごとに動作したりしなかったりする謎の現象に悩まされました。 どうやらキャッシュをクリアした時は正常に動作するのに、普通の更新では全く動作しない。 コンソールを見てもエラーログは出ていない。 これまで通り記述しているのにconsole.log()さえ動かない…。 という内容でした。非常に焦ったのでその時の原因と対処法をメモしておきます。 結論から言うと、使用するjQueryのバージョンを3に変えたことが原因でした。 jQuery3からはdocument-readyが常に非同期になっている 専門的な細かいことまでは分かりませんが、 jQuery3での変更点を分かりやすくまとめてくれているQiita

    $(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック! | WEMO
    kjtec
    kjtec 2023/02/01
  • PHPのnull・空の判定・存在チェック方法5種の比較。 isset()、empty()、is_null()、== null、 ===null | WEMO

    1: bool(true)、 0: bool(false)です。@がついているものは、エラー制御演算子 @をつけない場合に「Undefined variableエラー」を吐き出したものです。 ややこしいポイント isset()の挙動 変数の中身がどうというより、引数に渡された変数が「すでに初期化(セット)されたものかどうか」を判定するようです。 例えば変数が空文字 "" や空の配列array()だったとしても、空の値として初期化されているので、trueを返します。 初期化処理されていない変数に対するエラーの有無 is_null()と== nullでは、初期化処理されていない変数を使用するとデバッグモードでエラー文が出力されます。 逆に、isset()やempty()では出力されませんでした。 これは使い分けが重要になってきますね。 「is_null()」 と 「== null」の結果が結構

    PHPのnull・空の判定・存在チェック方法5種の比較。 isset()、empty()、is_null()、== null、 ===null | WEMO
    kjtec
    kjtec 2020/03/26
  • Visual Studio Codeをインストールしたらまず確認・設定しておきたい基本項目まとめ | WEMO

    Visual Studio Codeを使い始めて、1年ほど経過したでしょうか。 もうすっかり離れられなくなっております。 あんなに溺愛していたSublime Textでさえ、たまに開いてみると使いにくくて仕方ない...。 今回は、そんな素晴らしいエディタ、Visual Studio Code (以下、vscode)の基的な設定項目をまとめていこうと思います。 vscodeは日々アップデートが繰り返されており、どんどん利便性が高まっていますが、 それに伴って基的な機能も増えてきたので、一度自分用に整理しておきます。 2020年9月にざっくりと書き直ししていますが、古い画像などもまだ残っているので、少し最新版とは設定方法が異なるかもしれません。 コマンドパレットについて vscodeですごく重要なのが、コマンドパレットという総合管理ツール。 画面左下の「歯車アイコン 」をクリックすると、「

    Visual Studio Codeをインストールしたらまず確認・設定しておきたい基本項目まとめ | WEMO
    kjtec
    kjtec 2019/11/19
  • 1