web制作関係

グローバルメニューを作りましょうHP制作において、グローバルメニューは欠かせません。「グローバルナビゲーション」とも呼ばれます。CSSを少し追加するだけで、スタイリッシュに作れます。早速見ていきましょう。デモはこちらです。↓...

グラデーションが簡単に生成できるサイトをご紹介しますすごいサイトを見つけてしまいました。↓直感的な操作でグラデーションが生成でき、CSSが表示されるサイトです！コピーして自分のサイトに張り付けるだけで、カッ...

フェードインとは透明な状態から、だんだん表示されていくエフェクトです。X軸、Y軸の動きも加えることで、カッコいい雰囲気になります。@keyframesとanimationプロパティを使用フェ―ドインを実装できると、...

プロパティの値についてプロパティとは？border（線）、 margin（外側の余白）、 padding（内側の余白）、color（色）など。スタイルシートの記述で定義されている書式です。値とは？各...

レスポンシブ・デザインとは？レスポンシブ・デザインについて解説します。レスポンシブ・デザインとは、同じHTMLで作られたページを、PCで見るのとスマホやタブレットで見る場合で違ったデザインにすることです。スマホでHPを見る...

jQuery を使ったスライドショーwebサイトにスライドショーを実装します。まずはサンプルをご覧ください。↓5枚の写真が、3秒ごとに入れ替わります。滑らかな仕上がりになっているのがご確認できるかと思います...

Font Awesome 5とはフリーで使用できる、アイコンのサイトです。有料版もありますが、無料版で十分すぎるほどアイコンの種類が豊富です。2018年にFont Awesome 5が発表され、無料で使えるアイコンが2倍の...

WordPressへのFont Awesomeの導入方法WordPressをお使いの方は多いかと思いますが、その場合はFont Awesomeをプラグインで有効化すれば簡単に導入できます。どのテーマでも大体同じでしょう。ダ...