- 2023.06.16
【CSS】animationを利用したアニメーション作成（応用）
今回は、cssのanimationプロパティを使用した、時間で変化するアニメーション（keyframes）を使ったアニメーション制作例を紹介します。 CSSでanimationを利用したアニメーション […]
2/7ページ
- 2023.06.14
【Adobe Illustrator】書き出した画像に白い余白が入る場合の対策方法
イラストレーターでクリッピングマスクを設定した画像を書き出す際、pngなどで透過の場合は分かりづらいですが、jpg／png形式で上下左右のどこか、または全体に1px程度の小さな白い余白が入ってしまうこ […]
- 2023.06.13
【HTML/CSS】レスポンシブサイトで効率的な記述方法
HTMLやCSSは次々と新しい技術や機能が誕生しており、社会人となって仕事をしながら常に勉強を続けている方も多いと思います。新しいものが誕生していて大変に感じる方もいると思いますが、効率的に記述を書け […]
- 2023.06.12
ホームページとWebサイトの違いは？それぞれの意味を解説します
今回は、よく混同して使われてしまう言葉「ホームページ（HP）」と「Webサイト」のそれぞれの言葉の意味と違いについてご説明させて頂きます。 ホームページとWebサイトの違いは？ ホームページやWebサ […]
- 2023.06.07
【HTML5】HTML4と意味が大きく変わったタグに注意
今回は、HTML5で登場したタグ、今までの使い方と意味が変わったタグの中で、よく間違えるものや使う場面が分かりづらいhtmlタグを紹介します。 HTML4と意味が大きく変わったタグに注意 コーディング […]
- 2023.05.29
【WordPress】固定ページ・投稿・カスタム投稿の記事を複製させる方法
固定ページや投稿を複製したいとき、内容が少なかったり、テキストのみであれば内容をコピー＆ペーストするだけでも問題ありませんが、がっつりHTMLを記述していたり、内容が多いページ、公開済みのページの場合 […]
- 2023.05.27
【HTML/CSS】HTMLとCSSのみで無限ループスライダーを作成する方法
今回は、jQueryの外部ライブラリやjapascriptを使わずに無限ループスライダーをサイト内に表示させる方法についてご紹介します。 サイト内にスライダーを表示することはよくあることで、slick […]
- 2023.04.24
【HTML/CSS】section・navタグの設定方法・注意点
コーディングを行う中で、いくつかのタグはある一定の条件下のみ使用することができます。今回は、そのようなタグの中でもよく使われる、「section」「nav」タグについて紹介します。 section・n […]
- 2023.04.20
【HTML/CSS】data属性を利用した効率的なコーディング方法
今回は、コーディングを効率的に進めることができる「data（カスタムデータ）属性」について紹介します。 data属性はHTMLのタグに設定できる属性で、HTML5から新たに使えるようになりました。da […]