- 2024-11-23
【初心者向け】Webサイトのレスポンシブデザインの作り方を解説!
現在のWebサイトは、多様なデバイスでの利用を前提にして制作する必要があります。 複数の表示に柔軟に対応するためのレスポンシブデザインの作り方について、基本的な考え方や実装の仕方を紹介します。 レスポンシブデザインとは レスポンシブWebデザインとは、デバイスによる画面の大きさの違いを吸収し、見やすく使いやすいWebサイトを表示するためのデザイン方法です。 レスポンシブデザインでは、HTMLのファ […]
現在のWebサイトは、多様なデバイスでの利用を前提にして制作する必要があります。 複数の表示に柔軟に対応するためのレスポンシブデザインの作り方について、基本的な考え方や実装の仕方を紹介します。 レスポンシブデザインとは レスポンシブWebデザインとは、デバイスによる画面の大きさの違いを吸収し、見やすく使いやすいWebサイトを表示するためのデザイン方法です。 レスポンシブデザインでは、HTMLのファ […]
Webページのデザイン作成には欠かせないCSSですが、最近はデザインだけでなくアニメーションなど表現の部分でも重要になってきました。 状況に合わせて対象を絞り込んでCSSで操作するためには、CSSセレクタの親子関係に関する理解は必須の状況です。 CSSセレクタの意味や考え方、親子関係の作り方などについて紹介します。 CSSセレクタって何? CSSセレクタは、スタイルを適用する要素を選択するための指 […]
複数人での作業が必要な場合や、案件ごとの作業品質のバラツキを防ぐために欠かせないのがコーディング規約です。 ソフトウェアの制作では企業や案件ごとにルールが定められることが多いですが、HTMLやCSSといったwebの言語では徹底されていない現場も多いです。 一人web担当者やフリーランスなどでも、グループワークが必要になるケースはありますので、重要性や作り方などについて理解しておきましょう。 コーデ […]
「テクノロジア魔法学校」というプログラミング教材をご存知ですか? ホームページの広告などで一度は目にしたことがある人も多いのではないかと思いますが、ディズニーが提供する子供向けのプログラミング教材です。 今回は、この「テクノロジア魔法学校」の体験版を実際に体験してみての感想や、「テクノロジア魔法学校」がどのようなものか、その評判などを見ていきたいと思います。 テクノロジア魔法学校とは 料金 エント […]
文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。 また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。 ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […]
Webサイトを作るためには、HTMLファイルを作成する必要がありますが、このHTMLファイルを作成するために必要なのがHTML、CSS、JavaScriptに関する知識です。 昔は機能が重複するところもありましたが、今は役割が明確になりつつあり、機能も棲み分けが進んでいます。 Webサイトの製作者が必ず知っておくべき基本的な情報を紹介します。 HTML、CSS、JavaScriptのそれぞれの役割 […]