アーカイブ
記事一覧
CSSのみでできるシンプルなアニメーション
CSS（カスケーディング・スタイル・シート）は、ウェブページのスタイルとレイアウトを制御するための言語ですが、それだけにとどまりません。
サイト移転時の変更内容をGoogleに知らせる方法
ブログやホームページのアドレス・ドメインを変更した際に、サイト変更内容をいち早くGoogleに知らせる方法の簡易的な説明になります。
メタタグを使用して簡単にリダイレクト（301）設定する方法
サイトのドメイン変更時、なんらかの理由で公開時のアドレスと異なる記事へ移転や変更をした際に、訪れたユーザーを指定したURLへ転送するリダイレクト機能について。
overflow-wrapではみ出す半角英数字やURLを自動改行
URLなど半角英数字の長すぎて要素からはみ出てしまい、デザインが崩れてしまうことがあります。
HTML/CSSのブラウザ対応状況を確認できるサイトまとめ
HTML/CSSのサポート状況を確認できるサイトをご紹介します。
アスペクト比を指定し保持できるaspect-ratio
YouTubeなどの動画を埋め込む際、そのまま貼り付けるとスマホなどモバイルで表示した際にはみ出てしまいます。
CSS フィルター効果の応用
[CSSのfilterプロパティを利用したフィルター効果一覧](/tutorial/post-985/) の記事を書きましたが、今回は応用的な使い方をごしょうかいします。
CSSのfilterプロパティを利用したフィルター効果一覧
前回の記事 [CSSのみでテキストや画像にぼかし効果を付ける](/tutorial/post-975/) では、ぼかし（ブラー）効果について書きました。
CSSのみでテキストや画像にぼかし効果を付ける
テキストや画像にぼかし（ブラー）効果をつけたい時に、画像加工をしなくてもCSSのfilterプロパティを利用して同様の効果を表現することができます。
手軽にアニメーションを「Animate.css」
Webサイトにインパクトを与え、注目してもらいたいボタンやコンテンツを強調するのに役立つアニメーション。
8bitなレトロゲーム風CSSフレームワーク「NES.css」
ファミコン風デザインのウェブサイトを簡単に作れる無料CSSフレームワークが「NES.css」です。
文字詰めで美しく！CSS - font-feature-settings
font-feature-settingsは、OpenTypeフォントの文字詰めを行う機能があります。