Web

1. 

   SVGアイコンをCSSで色を替えられるようにしよう

   今回はSVGアイコにCSSを適用させて色を変えられるようにする方法を紹介します。まずはIllustratorでアイコンを作ります。別名保…

2. 

   cssだけで、グラデーション入りのラインを作る！

   cssの擬似要素を使った、グラデーション入りのボーダーラインを作りましょう。Webサイトの装飾は重要！けれど、htmlに画像を書き加えるとごちゃごちゃす…

3. 

   CodePenの使い方を極めよう

   jqueryでスライダーなど調べた際に、出てくる「CodePen」をコピー&ペーストをするだけで動くと書いてあるのに動かない時ありませんか？…

4. 

   目指せ！positionマスター！

   レイアウトに便利なposition！ようこそ！Dreamweaverの世界へ！君がこの記事を見ているということはコーディングにもだいぶ慣れてきた頃な…

5. 

   Flexboxで横並びを簡単に！

   皆さんは横並びのメニューなどのコーディングの際にflotタグ使っていませんか？flotだと解除が面倒、レイアウトが崩れるなど困った経験がありませんか？そ…

6. 

   オススメ！【Animate.css + wow.js 】を使ったスクロールアニメーション

   どうもこんにちは。今回はweb制作で使えるスクロールアニメーションの紹介をしていきたいと思います。みなさんはWebサイトに動きをつける時、どうし…

7. 

   WEBで使える画像は４つ！ファイルサイズも比べてみた

   WEB用の写真やイラレやフォトショで作った画像を書き出すとき、「とりあえずJPEG高画質で…」などとテキトーに決めていませんか？WEB制作において、動作をス…

8. 

   Just Code cssで画像加工

   CSSを使用して、画像を加工するツールを紹介します。オンラインで利用できるので、ダウンロードは不要です。「Just Code」↑ネットで検索し、…

9. 

   HTML&CSS初心者が通る道。バリデーターで文法チェック

   初心者みんなが通る道（かな？）間違い探しHTMLを習い始めたときに、私がさんざんやってしまったミスを書いてみました。HTMLにミスが5箇所CSS…