• css
  • svg
  • js

illustratorとDrawSVGで作る、手書き風のテキストアニメーションの作り方 webデザイン

こんにちは、Webデザインしてます。イケダです。 上記のタイトルどおり、今日はSVGを使って手で文字を描くようなアニメーションについて綴りたいと思います。 当サイトのトップページでも使用しているのですが、SVGアニメーシ […]

  • css

游ゴシックを使うときは CSS font-feature-settings: “palt”; が良いではないかという話。

こんにちは、Webデザインしてます。イケダです。 当サイトもそうなのですが、ホームページ制作をする際は、『游ゴシック』をベースに使うことが多いです。win / mac に入っている共通のフォントなので、見た目を同じように […]

  • css

webページに レスポンシブ対応の Youtube動画を貼り付ける CSSコード

youtube動画を縦横比を保ったままレスポンシブしたかったので調べました。 こんにちは、Webデザインしてます。イケダです。 Youtubeの動画をブログやwebページへ埋め込みたいとき、PCでもスマホでもぴったり縦横 […]

  • css

ワードプレスのブログで、会話風 吹き出しコメントをつくるCSSデザイン。

ブログ内で使用する吹き出し、つくりました。 ブログ中に吹き出し入れてコメントすると、アクセントでるね〜。読者も、読みやすくなるんちゃうかなー? そやな、お前にしてはまぁまぁ考えたな。 と、上記の通り。自作でコーディングし […]