【HTML /CSS】階層が違うリンクの指定方法（上位階層と下位階層）

リンク指定はWebページやWebサービスの制作をしていると必ずと言っていいほど使われるものです。全て同じ階層でフォイルを作られているのなら『〇〇○.html』で指定するだけでいいのですが、では階層が違う場合はどのように...

【HTML/CSS】初心者でも簡単！CSSだけで文字や画像を縦横中央揃えする方法

縦横中央揃えしたいパターンはWeb制作をしていると必ず直面します。方法はいくつかありますが、その中でもあまり難しくなく簡単な方法を２点ほどご紹介します。 flexで縦横中央揃えまずは『display: flex;』を使...

本日はWeb制作初心者向けに、HTMLとCSSで簡単に作るお問い合わせフォームのコードの紹介と、その解説をしていきます。もちろん、そのままコピペでもOKですし、タグの意味を覚えたい方は解説まで読んでいってください！成...

【広告】人は誰しも「幸せになりたい」「毎日を幸せに楽しく生きたい」と思っています。しかし、誰しもがそう思う中で、幸福になるために正しく行動できている、思考ができている人は少ないのが事実。『アウトプット大全（６０万部）...

Excel（エクセル）で表を作成することは社会人では当たり前にある日常業務です。そんな表の作成を… ↑のように枠組みを一から行ったり… ↑のように行ごとに色分けを一から行ったりしてませんか？今回はショートカットキーを...

写真や画像を編集するのに欠かせない『Photoshop』編集するのに特化しているだけあって、編集ツールの種類はかなりのものです。今回は、写真や画像編集をしている場合必ずと言っていいほどぶち当たる加工方法、『画像の拡大』...

チラシやWeb広告デザインに携わる方は必ずいっていいほど画像に文字を重ねる場面があります。それらを上手にレイアウトすることは、デザイナーのスキルにかかっています。今回は初心者向けに、文字が読みやすくする方法のアピアラン...

今回は初心者デザイナー必見！最短５分でできる画像同士を合成させるテクニックをご紹介します。色んな合成の仕方がある中で、Webデザイン、広告デザインを中心に活動する僕がもっとも楽で簡単だと思った方法になります、正直昨日そ...

今回はマウスホバーした際に文字を表示し、離したら消えるアニメーションをJavaScriptで実装する方法をご紹介します。 HTML、CSS、JavaScriptをそれぞれ説明していきますので、初心者や駆け出しの方でもわか...

今回は駆け出しWebデザイナーが覚えておくべき『hoverで画像を拡大する方法』をご紹介します。実際の実装にも非常によく使用する方法ですので、この記事を読んでしっかり自分のスキルにしちゃいましょう！ imgタグを拡大す...