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

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

Web

  1. ハンバーガーメニューはなぜ動くのか!CSSだけ& jQuery使用のコードで確認しよう

    ハンバーガーメニューとはWebサイトを見ていると、右上などにメニューを表示させる横線三本があります。これはハンバーガーメニューと言われるナビゲーションメニュ…

  2. Vegas2で背景画像をスライドショーに(jQueryプラグイン)

    cssで背景画像として設置していた画像をスライドショーにしたい。画面いっぱいに画像をスライドショーとして見せたい、そんなときに使えるのがVegas2というjQu…

  3. Subtle Patterns

    WEBサイトの背景などに!商用OKの無料テクスチャ素材サイト「Subtle Patterns」の紹介…

    みなさんウェブサイト作りは捗っていますでしょうか?自分はやっとトップページを完成させたばかりですが、その時にお世話になったSubtle Patternsというサ…

  4. 無料!30秒で!グーグルマップの色味を変える方法

    グーグルマップの色味はCSSのfilterプロパティを使って簡単に変えられます。ウェブサイトの雰囲気にあった色味を探してみてください!下準備・・・H…

  5. Modern Fluid Typography Editor

    簡単なCSSでフォントサイズをレスポンシブ対応にしよう!

    フォントサイズのレスポンシブ対応WEBサイトをレスポンシブ対応にする際に、モバイルとPC、タブレットのスクリーンサイズまでメディアクエリーでブレークポイント…

  6. Flexbox(縦並び)

    Flexboxで縦並びを簡単に!

    以前、ご紹介しました「Flexboxで横並びを簡単に!」「floatの解除が面倒」「レイアウトが崩れる」といった解決策として、投稿しました。…

  7. イラスト

    JQueryのランダム要素簡単実装

    ○はじめに難しそうですが案外簡単に使えますので、初心者の方向けにざっくり解説したいと思います。詳細は私も解らないのでググってください。今回はリロード…

  8. 【CSS】CSS Gradientで複雑なグラデーションを作成

    CSS Gradientというフリーサイトを使ってCSSで複雑なグラデーションを作りましょう。Webサイトを装飾したいけれど、htmlに画像を書き加える…

  9. FC2ホームページ 登録からサイトのアップロード

    FC2ホームページ 登録からサイトのアップロードまでの手順

    登録1.ユーザーとIDの登録1.「FC2ホームページ」と検索し、FC2のサイトを開きます。2.「FC2ホームページ」のサイトを開いた…

  10. CSS Grid Layoutで複雑なレイアウトを3ステップで作成

    【CSS】Grid Layoutで複雑なレイアウトを作成

    最近、Pinterestのようなギャラリーページなどで大きさが異なる画像がタイルのように並んでいるレイアウトを見かけませんか?整った印象でかっこよく感じます…

  11. 【CSS】calc()関数で簡単サイズ指定

    今回はcalc()関数についてご紹介します。calc()関数とはCSSでサイズ指定するための関数です。calc()関数の「calc」とは「colcula…

  12. 【実例サンプルあり】簡単に実装できるcssスニペット集

    この記事では、短いコードで実装可能なcssプロパティを紹介していきます。※2021年時点でのテクニックです。web開発の分野は日進月歩で技術開発…

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

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

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

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

  15. CodePenの使い方を極めよう

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

おすすめの参考書

PAGE TOP