「HTML」の記事一覧

Bootstrapのグリッドシステムの使い方！簡単に綺麗なレイアウトが作れる！

この記事ではBootstrapを使ったグリッドシステムについて紹介をしていきたいと思います。このグリッドシステムは非常に便利で、簡単に（人気のレイアウト手法である）グリッドレイアウトを実現できてしまいます。ちなみに、グ […]

「簡単に綺麗なWEBデザインができたらなぁ。。。」これはWEBサイト・サービスを作成している多くのエンジニア・クリエイターの悩みだと思います。WEB画面のデザインは意外と大変で、まずは画像ソフトで画面イメージを作って、 […]

今回はWEBサイトのグリッドレイアウトについて紹介します。グリッドレイアウトは2012年頃から非常に人気が出てきたレイアウトで、多くのWEBサイトが取り入れている基本レイアウトです。もし、WEBデザインなどの仕事をして […]

今回はCSSで使用される「clear」や「clearfix」についてご紹介します。簡単なものですし、レイアウトを整えるためによく使用される要素です。 ※特に「floatによる回り込みの解除」のためによく使われます。い […]

WEBサイトを制作する際の基本的な流れをご紹介していきます。WEBサイトの作り方は何となく分かるけど、業務としての流れって一体どうなってるの？と気になる部分もあります。今の時代、サイトは個人でも全然作れます。ただ、プロ […]

複数のテーブルそれぞれに別々のCSSを適用させる方法を紹介します。知っている人からすれば「え？親・子セレクタを作って指定すれば良い話じゃん？」と言われそうですが、これができないという相談は結構受けた事があるので、つまず […]

今回はPHPで作成したWEBサイトに賢威のテンプレートを使用してみます。 PHPでWEBサービスを作成した際、自分でレイアウトのデザインまで行うのは最初はかなり厳しいものがあります。でもPHPで作るサービス内容によっては […]

WEBサイト用のテンプレート「賢威」と言えば、ワードプレス版が非常に有名です。実際にワードプレス版を使用している方が大半だと思います。しかし、HTML版もかなり活用効果が高いのです！特に、私の様にWEBサービスを開発し […]

今回は、WEBサイトを作る時に最初に用意しておくと便利なテンプレートファイルなどをご紹介します。大抵の方は、WEBサイトの作成ツールなどを活用して必要なファイルを用意すると思いますが、基本的な構造などを理解するためには […]

今回はWEBで使用する画像の最適な解像度・画素・サイズについて解説をしていきたいと思います。 WEBデザインをしている方にとっては、WEB画像の解像度などは非常に簡単な話なのかもしれませんが、これからWEB用の画像を作成 […]