chevron_left

メインカテゴリーを選択しなおす

cancel
khiro https://khirok.hatenadiary.jp/

フロントエンド(マークアップが中心)の知識についての記事を書いていきます。 HTML / CSS / Sass / jQuery やレスポンシブデザイン、Wordpressなどについてです。

hiroki
フォロー
住所
未設定
出身
未設定
ブログ村参加

2020/05/03

arrow_drop_down
  • 【jQuery】ヘッダーメニューをクリックした時に、ページ内の指定位置に移動させる方法

    【jQuery】メニュークリック時に、ページ内の指定位置までスクロールさせる方法

  • 【jQuery】レスポンシブデザインに使える条件分岐

    「レスポンシブデザインの時にjQueryのブレイクポイントってどうやって設定すればいいの?」という方へ。

  • 【Photoshop】デザインカンプからのコーディング

    制作物へのアクセス ユーザー名・パスワード khiro URL http://xs437226.xsrv.jp/cording-from-photoshop/ 所要時間 3時間20分→ エディターでファイルを作成してから、レスポンシブ化が完了するまでの時間を測りました。 全体キャプチャー MacBook Pro (画面幅1,440px) iPad Pro (画面幅1,024px) iPad (画面幅768px) iPhone7 (画面幅375px) Photoshopのデザインカンプ 背景 これまで私は、自分で学習するときには、実際のWebサイトを見ながら模写コーディングをしてきました。 しか…

  • 【jQuery】ふわっと要素を出現させる方法

    【jQuery】ふわっと要素を出現させる方法

  • カスタムフィールドの使用例

    Wordpressのカスタムフィールド を、どのように使えばいいのかを解説しました。

  • 背景画像のCSSプロパティを5つ紹介します

    背景画像について書きました。

  • Sass ブレイクポイント

    サンプル Mac Book (横幅1,440px) iPad (横幅768px) iPhone7 (横幅375px) ソースコード HTML style.scss _mixin.scss SASSでブレイクポイントを設定する方法 定義する時 例 呼び出す時 例 サンプル http://xs437226.xsrv.jp/sample/sass-responsive/ ブレイクポイントが2つあって、コンテンツが1段 → 2段 → 4段と変化していきます。 Mac Book (横幅1,440px) iPad (横幅768px) iPhone7 (横幅375px) ソースコード HTML <!DOCT…

arrow_drop_down

ブログリーダー」を活用して、hirokiさんをフォローしませんか?

ハンドル名
hirokiさん
ブログタイトル
khiro
フォロー
khiro

にほんブログ村 カテゴリー一覧

商用