seilog-ger
[ URL:seilog.org ] Writtern by Seiji Nakamura

「 Programに関する記事 」

2022/2/27

wordpressのテーマを自作してインターネットで公開する手順を解説します。好みのデザインでブログを運営しましょう!

Wordpressの自作のテーマを自分で零から作りたいと思ったことは有りませんか? 自作のテーマをつくる手順を初心者にもわかるように解説します。ブログを立ち上げた時の経緯に沿って解説していきます。 思い通りのブログが完成すると同時に、wordpressへの理解が深まり、Web開発の知識が増える貴重な経験となります。

2022/2/10

Transitionを使うとcssのみでアニメーションを手軽に作れます。便利で頻繁に使えるので解説していきます。

ボタンなどでtransitionを使ってcssでアニメーションする方法を知っていますか?サイトでは必ずつかう機会があるcssのコーディングです。アニメーションは初心者の方や忘れてしまった方にtransitionの使い方を解説します。コーディング例も見れますのですぐに活用してください。

2022/2/10

Animationとkeyframesを使うと洒落たアニメーションをcssで実現できます。動きのあるページを作ろう

洒落たアニメーションを見ると、自分でもやってみたいと思いませんか?始めは少し難しいですがアニメーションが作れると楽しいです。自分のためにも学習内容を整理してまとめてみました。少し細かい内容まで記述しています。目を引くアニメーションを作ることが出来るようになります。

2022/1/26

Display flexを使い、思い通りのレイアウトに要素を配置します。TOPページのテンプレートが付いてます

ブログのTOPページなどをつくるときに思い通りのレイアウトを作るのに時間がかかることはありませんか?flexboxを使って簡単にレイアウトする方法を解説します。display flexの使い方がポイントです。PCとスマホのTOPページの代表的なレイアウトとコーディング例も紹介します。コピペでそのままご活用ください。

2022/1/17

positionプロパティとz-indexプロパティを使って思い通りのレイアウトを表示します。実際のコードを確認!

思い通りのページをレイアウトするのに苦労していませんか?自由自在にレイアウトするためのやり方をまとめました。positionプロパティで要素の位置を、z-indexプロパティで要素の重なりを決めます。少し癖のあるプロパティですが、一度理解すれば大変便利です。例題の実際のコードも付けましたのでご活用ください。