• html

知らなかった aタグに target=”_blank” の脆弱性。使う時は rel=”noopener” をつけとこう。

こんにちは、Webデザインしてます。イケダです。 ワードプレスでブログを書き始めて、数ヶ月。外部リンク別ウィンドウで表示するために、aタグで target=”_blank” を頻繁に使います。 w […]

  • css
  • svg
  • js

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

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

  • css

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

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

中央から左右へ開くスライダーの実装方法 html+CSS+jQuery コピペOK

こんにちは、イケダです。Webデザインやコーディングのお仕事をしています。 先日、当サイトTOPページで使用しているスライダーについてお問い合わせをいただきました。 まず、下記動画 もしくは [ DEMOページ ] をご […]

  • css

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

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