CSS 【CSS】要素の色にグラデーションを付けてみた
こんにちは朱夏です。
今回は要素の色をグラデーションにしてみました。
縦や横にグラデーション
円形にグラデーション
あとがき
縦や横にグラデーション
最初は、縦や横など、一方向にグラデーションを付ける...
2020-03
CSS 
CSS 【CSS】背景やテキストに色を付ける方法まとめ【初心者向け】
こんにちは朱夏です。
今回は、背景やテキストに色を付ける方法をまとめてみました。
朱夏
テキストや背景の色を指定する時、どの数値をいじったらどんな色になるか良く解らない。
基本...
CSS 【CSS】画像を切り抜く3つの方法
こんにちは朱夏です。
今回は、CSSで画像や背景を切り抜く方法を３つ紹介したいと思います。
朱夏
画像を色んな形に切り抜いて使ってみたい。
テキストで切り抜きが出来たらお洒落なロゴなどが作れそう。
...
CSS 【CSS】マウスカーソルの形を変えたい！cursorプロパティを使ってみた
こんにちは朱夏です。
今回は、要素にホバーしたマウスカーソルの形を変更する時に使用するプロパティ「cursor」を使ってみました。
朱夏
マウスホバーした時のカーソルの形を別のものに変更したい。
...
HTML 【HTML5】sectionタグとは？divタグやarticleタグとの違いについて調べてみた。
こんにちは朱夏です。
先日ポートフォリオを作成していて、ふとこんな事が気になりました。
朱夏
sectionタグってどういった時に使うの？
divタグと同じに見えるけど何が違うの？
...
ツール紹介 色々なアイコンが使える！Font Awesomeを使ってみた
こんにちは朱夏です。
今回は、Font Awesomeを使ってみたいと思います。
Font Awesomeは無料でも使えるアイコンフォントツールです。
TwitterやYouTubeなどのアイコンもあるので、リンクアイコンなど...
CSS 【CSS】ul、liタグを使ってナビゲーションバーを作る
こんにちは朱夏です。
今回はulやliタグを使ってナビゲーションバーを作ってみようと思います。
本来は箇条書きの様なリスト表示をさせるためのタグですが、これでナビゲーションを作るのが今は主流の様です。
今回は、元のHTMLのコ...
Webページ作成 【初挑戦】ポートフォリオを作ります その２：Adobe XDでワイヤーフレームを作ってみた
こんにちは朱夏です。
今回は、ポートフォリオ作成第二回です。
ワイヤーフレームを作成するということで、Adobe XDに初挑戦しました。
お世話になったしもむらさんの動画はこちら。
Adobe XDは初め...
Webページ作成 【初挑戦】ポートフォリオを作ります その１：GitHubを登録してみた
こんにちは朱夏です。
今回から何回かに分けてポートフォリオを作っていきたいと思います。
朱夏
ポートフォリオは作った方がいいと聞いてたけどちょくちょく案件取れてたし後回しにしてるんだよなぁ。
...
CSS 【CSS】要素を横に並べる方法、inline-blockとflexboxの違いを比較してみた
こんにちは朱夏です。
今回は、CSSで要素を横並びにする2つの方法、「inline-block」と「flexbox」を比較してみた。
今回この記事を書くきっかけとなったしもむらさんの「flexbox」の解説動画。
...