HTML記事一覧

【学習コストほぼゼロ】LottieFilesことはじめ。イラストアニメーションをWebサイトに導入しよう。
詳細を見る

Webコーディング

【学習コストほぼゼロ】LottieFilesことはじめ。イラストアニメーションをWebサイトに導入しよう。

近年、アニメーションを利用したリッチな表現のサイトが増えています。 動画をWebサイトに載せるのはサイトが重くなってしまったり、JavaScriptでのアニメーションは学習コストが高くなってしまう傾向にあります。 GIFも検討のはいいけれど、画質が悪いことも。 そこで、あらかじめアニメーションが施されたイラストをLottieFilesとしてダウンロードすることで簡単かつ軽量でWebサイトに導入する […]
aタグで「target=”_blank”」を記述した際に一緒に設定しておきたい「noopener」と「noreferrer」
詳細を見る

Webコーディング

aタグで「target=”_blank”」を記述した際に一緒に設定しておきたい「noopener」と「noreferrer」

aタグで別タブで開くリンクを実装した時、「target=“_blank”」と記述しますが、実はこの記述では不十分とされています。 では、どのように記述すればよいのでしょうか? 実際のコードとともに紹介いたします。 rel属性で設定を追加 rel属性でnoreferrerとnoopenerを指定します。たったこれだけ。 誤字に注意しましょう。 なぜ「noopener」や「noreferrer」を記述 […]
【CSSデモあり】横幅に合わせて文字を改行せずに省略して3点リーダーを表示させたい
詳細を見る

Webコーディング

【CSSデモあり】横幅に合わせて文字を改行せずに省略して3点リーダーを表示させたい

プログやお知らせ一覧ページに文字を載せる際、文字数が多いと行数が増えてしまい、見た目がおかしくなってしまうことがありますよね。 そんなときは行数を制限すると見栄えが良くなります。 これを→ 2行に収めたい そんなお悩みはCSSで解消できちゃうかもしれません。 CSSでの実装方法 CSSでは横幅から余ってしまう文字を省略し、3点リーダーを表示させることができます。 以前はPHPで文字数制限をかけてい […]