posted:2021年3月13日 HTML

SVG textPathを使ってテキストを波状にする方法

htmlのSVGを使えば、テキストを波状や円形にできます。 SVGですがベクターデータではなくテキストデータなのでフォントを使ったりCSSで装飾することも可能です。 SVG textPathを使った実際のサンプル まずは続きを読む

ここフッター

Posted in HTML
posted:2021年3月7日 CSS

CSSだけで文字にグラデーションカラーを付ける方法

CSSだけでテキスト文字にグラデーションカラーを付ける方法をご紹介します。 コピペで使えるコードもありますので、ぜひ参考にしてください。 グラデーション文字のサンプル ここに実際のサンプルを用意しました。 1、普通にグラ続きを読む

ここフッター

Posted in CSS
posted:2021年2月12日 CSS

CSSでメニュー表や目次のデザインを作る方法

CSSで、「項目は左側、内容は右側、その2つを点線でつなぐ」といったメニュー表や目次によくあるデザインの作り方をご紹介します。 この表現は“項目と内容”で構成されたレイアウトなので、次のような場面続きを読む

ここフッター

Posted in CSS
posted:2021年1月31日 CSS

CSSのtext-shadowが薄い場合の重ね掛け対策と実験

CSSのtext-shadowを使い文字にシャドウを付け、背景との差を出したいときなどにシャドウが薄すぎて困ったことはありませんか? もしtext-shadowのシャドウが薄い場合には“複数の同じ影を重ね掛け”することで続きを読む

ここフッター

Posted in CSS
posted:2020年9月28日 JavaScript

複数のサイト(URL)を同時に開くボタンの作り方

1つのボタンを押すと複数のサイトが開く方法のご紹介です。 この動作は通常のサイトで使うことはありませんし、そもそもブラウザのポップアップブロックなどのセキュリティーで制限されています。 しかし、個人的な検証用やチーム内で続きを読む

posted:2020年7月5日 E-Commerce

ECカートサービス(asp)の比較に重要な要素!まずはこれを比べてみよう。

数あるECカートサービス(ASP)を比較してどれが良いのかを探すにも、機能やサービスが多すぎて何を比較したらいいのか判らない人も多いと思います。 沢山ある要素の中で「まず絶対に比較すべき要素」を紹介していきます。 これら続きを読む