＊Webページの基本構造についてです

Webページは様々なブロック・パーツから成り立ちますが、基本的な構造はだいたい決まっています。

今回はheader・footer・mainタグを紹介しながら、Webページの基本的な構造について説明していきます。

＊サムネイル作成の基本の紹介です＊

Web制作では様々な画像を作成・配置しますが、Web制作をしない人でもYouTubeやブログで情報を発信する時に、サムネイル（何についての動画や記事なのかを表す画像）を作成する機会は多いと思います。

そこで今回はサムネイル作りの基本について解説していきます。

＊outlineの紹介です＊

お問い合わせフォームをクリックすると、通常であれば枠線が表示されます。

これはborder（境界線）ではなく、outline（輪郭線）です。よく似ているCSSプロパティですが、全く異なるCSSプロパティなので、特にフォームの枠線をカスタマイズしたい場合には注意が必要です。

＊CSSでよく使われる単位についてです＊

CSSでは様々な単位が使用されます。

日常生活でもよく使用される馴染み深いものもあれば、ほとんどWebの世界でしか使われない単位もあり、様々です。

CSS調整の具体例も交えながら、イメージができやすいように解説しています。

＊HTMLのタグの基本についてです

HTMLのタグの種類はたくさんありますが、タグの種類を覚える前に、まずは

「タグってどういうものなの？タグを書く際の基本的なルールは？」

という点をしっかり理解することが大切です。

今回はタグの基本的な概念や、タグを挿入する方法などを説明していきます。

＊HTMLの概要についてです

「そもそもHTMLとは？」をテーマに、HTMLの役割や概念的な部分を解説しています。

プログラミングとの違いも簡単に解説しているので、はじめてHTMLに触れる方におすすめの記事です。

＊rotateX・Yの紹介です＊

同じ画像でも上下や左右に反転させることでイメージが変わり、違う画像を使っているように見せることができます。

画像編集ソフトで画像を反転→保存して画像を配置する方が楽ではありますが、手間をかけてCSSで反転させるメリットは大きいです。

今回は、画像（要素）を反転させることができる、rotateX( )・rotateY( )を紹介していきます。

＊rotate( )の紹介です＊

HTMLで配置したテキストや画像などのあらゆる要素は、傾き０°（水平）に並べられます。要素を全て水平に並べても問題はないのですが、躍動感や遊び心を表現したい場合、要素のレイアウトを工夫する必要があります。

そこで今回は、要素を回転させることができるtransform: rotate( )を紹介していきます。

＊translate( )の紹介です＊

要素の位置移動はpositionプロパティでもできますが、ちょっとした移動であれば横・縦の両方向の移動を同時に指定できるtranslate( )が便利です。
今回は、要素の位置を移動させるtransform: translate( )を紹介していきます。

＊overflowの紹介です＊

要素が画面幅や親要素からはみ出てしまうと、スクロールバーが現れる場合があります。
しかし、意図しないスクロールバーは非表示にしたいということも多いです。

ということで今回は、スクロールバーの表示・非表示を設定できるoverflowプロパティを紹介していきます。