Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

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. htmlcssアイコン画像

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

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

  7. WEBで使える画像は4つ!ファイルサイズも比べてみた

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

  8. Just Code

    Just Code cssで画像加工

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

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

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

おすすめの参考書

PAGE TOP