Webデザイナーを目指す人のブログ

Webサイト作成時に勉強したことの備忘録

「 HTML 」 一覧

Retinaディスプレイと対策

2017/09/18   -CSS, HTML, サイト構築

こんにちは! 今日はRetinaディスプレイについて書いていきたいと思います。 Retinaディスプレイって何者なの?? Retinaディスプレイについて考えるとき、解像度の話が必ず出てきます。 ・解 …

no image

コーディング時の注意点

2017/07/19   -CSS, HTML, サイト構築

こんにちは! 今日はより効率的にコーディングするにはどうすればいいか ということについて書いていきたいと思います。 ちなみにまだ試してないので、 こうすればコーディングが早くなるんじゃないか になりま …

no image

WordPress オリジナルテーマを作る〜サイドとフッター〜

2017/07/11   -CSS, HTML, Wordpress, サイト構築

第5回目のWordPressのサイト作り 前回の記事までの記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 WordPress オリジナルテーマを作る〜ヘッダーその2〜 Wor …

no image

WordPress オリジナルテーマを作る〜メイン部分その2〜

2017/07/10   -CSS, HTML, Wordpress, サイト構築

第4回目のWordPressのサイト作り 前回の記事までの記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 WordPress オリジナルテーマを作る〜ヘッダーその2〜 Wor …

no image

オリジナルテーマを作る〜メイン部分〜

2017/07/07   -HTML, Wordpress, サイト構築

第3回目のWordPressのサイト作り 前回の記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 WordPress オリジナルテーマを作る〜ヘッダーその2〜 ブログの投稿一覧 …

no image

WordPress オリジナルテーマを作る〜ヘッダーその2〜

2017/07/06   -HTML, Wordpress, サイト構築

前回から始めたWordPressのサイト作り 今回はヘッダーのレスポンシブ部分を作りました。 前回の記事はこちらから WordPress オリジナルテーマを作る〜ヘッダー〜 プラグインを使わずにハンバ …

no image

WordPress オリジナルテーマを作る〜ヘッダー〜

2017/07/05   -HTML, Wordpress, サイト構築

今回から実際にサイトをつくっていこうと思います。 サイトのデザインがないので、今このブログを表示しているSTINGER8と同じデザインになるように作っていきたいと思います。 headerを作る 今回か …

no image

iframeのレスポンシブデザイン

2017/05/31   -CSS, HTML, サイト構築

youtube動画をサイトに埋め込む youtube動画をサイトに埋め込みたいというときの埋め込み方法を書いていきます。 動画の下にある共有をクリック 埋め込みコードをクリックするとhtmlが出てくる …

no image

メディアクエリ

2017/05/30   -CSS, HTML, サイト構築

レスポンシブデザイン スマートフォンやタブレットの普及に伴い、サイトを構築するときはデスクトップサイズだけでなく、 それぞれのデバイスにあったレスポンシブデザインの構築が必要になってきています。 今日 …

no image

bootstrap vol.04

2017/05/29   -CSS, HTML, サイト構築

bootstrapの機能を使う 今回がbootstrapのまとめのラストになります。 今回はタブの切り替えやカルーセルスライダーの実装の仕方について見ていきます。 タブの切替をする ul要素にclas …