フロントエンド(マークアップが中心)の知識についての記事を書いていきます。 HTML / CSS / Sass / jQuery やレスポンシブデザイン、Wordpressなどについてです。
【jQuery】ヘッダーメニューをクリックした時に、ページ内の指定位置に移動させる方法
【jQuery】メニュークリック時に、ページ内の指定位置までスクロールさせる方法
「レスポンシブデザインの時にjQueryのブレイクポイントってどうやって設定すればいいの?」という方へ。
制作物へのアクセス ユーザー名・パスワード 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】ふわっと要素を出現させる方法
Wordpressのカスタムフィールド を、どのように使えばいいのかを解説しました。
背景画像について書きました。
サンプル 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…
「ブログリーダー」を活用して、hirokiさんをフォローしませんか?
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。