- Webデザイン
【アニメーション特集 -2】CSSアニメーションの基本・作り方まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第二回は、「CSSアニメーションの基本・作り方まとめ」です。CSSアニメーションで実際に、利用場面が多いボタンエフ […]
- Webデザイン
【Google Fonts 高速化】必要な文字だけを読み込む方法！
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webフォント（Google Fonts）って利用されている方多いと思いますが、例えば、サイトタイトルや見出しだけ利用しているといった場合は、全ての文字を読 […]
- Webデザイン
CSSで背景を斜めにデザインする方法まとめ！
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、CSSで実装可能な、背景を斜めに区切ったレイアウトにする方法をご紹介します。 ちょっとした工夫ですが、結構オシャレになっちゃいます。 目次 斜めデザ […]
- Webデザイン
Google web fontsの雰囲気別おすすめ30選！Webフォントを導入しよう！
こんにちは、ディレクターのせりなです。 どのパソコン、どのスマートフォンで見ても同じフォント(書体)で表示してくれて 種類も豊富、使い方も簡単といいところばかりのGoogle webフォント。 そのGoogle webフ […]
- Webデザイン
【簡単】Webフォントの使い方！Google web fontsを使ってみよう
こんにちは、ディレクターのせりなです。 Webフォントって聞いたことありますか？ 最近はそれなりに普及してきたんじゃないかなと思うのですが まだまだ知らない人の為に、今日はとっても簡単で便利なWebフォントの 使い方とメ […]
- Webデザイン
【レスポンシブ】PCとスマホで違う画像に切り替える方法！CSSだけで簡単画像切り替え！
こんにちは！ディレクターのせりなです。 レスポンシブサイトを制作するうえで、 パソコンにはパソコン用に、スマートフォンにはスマートフォン用に 違うデザインの画像を使いたいことってありますよね？ いっぱいCSSを書いたり、 […]
- Webデザイン
【初心者向け】HTML、CSS、JavaScriptの違いと役割について
こんにちは、ディレクターのせりなです。 これからプログラミングを勉強してみようかな！っていうエンジニア志望の人や 自分はWebサイトを作らないけど、エンジニアが何やってるのか知りたい！ っていう営業さんやデザイナーさん向 […]
- Webデザイン
webでhtmlを学ぶ（codeprep）
現在はweb上で勉強ができるという良い時代になってきましたね。 情報が多すぎて何から手を付けていいやらと困ってしまうこともあるかと思います。 そこで本日はwebで勉強できるツール１つご紹介いたします。 cordprep( […]
