PhotoshopでWebP画像を扱う方法
古いバージョンのPhotoshopでは、WebP画像を扱うことができませんでしたが、2022年2月リリースのPhotoshop 23.2からはWebP画像を扱うことができるようになりました。古いバージョンのPhotoshopにプラグインをインストールしてWebP画像を扱う方法や、新しいPhotoshop 23.2でWebP画像を扱う方法などについて紹介していきます。
Webサイトにグラフを設置することができる”Google Charts”の使い方【基本編】
Google ChartsはGoogleが提供するグラフ描画のJavaScriptライブラリです。今回は、Webサイトに色々な種類のグラフを設置することができるGoogle Chartsの基本的な使い方と折れ線グラフ、棒グラフ、円グラフの設置例について紹介していきたいと思います。
アニメーションを簡単に実装できる”Animate.css”(v4)の使い方
Animate.cssは、HTMLの要素にクラス名を指定するだけで簡単にアニメーションを利用することができるCSSライブラリです。
今回はこのAnimate.cssのバージョン4系の使い方について紹介していきます。
ソースコードをシンタックスハイライト表示できる”Prism.js”の使い方
シンタックスハイライトとは、ソースコードなどの文字列の可読性を上げるために、属性などに応じて色分けをして表示することです。 今回は、自動でソースコードのシンタックスハイライト表示ができるJavaScriptライブラリ”Prism.js”の使い方を紹介していきます。
“Pure.css”でサクッとレスポンシブなレイアウトを作る
軽量なCSSフレームワークの「Pure.css」の一部のファイルを使って、手軽さ最優先でレスポンシブなグリッドレイアウトの枠組みを作る方法を紹介します。
タイピングアニメーションを設置できる”iTyped.js”の使い方
指定した文字列を一文字ずつタイピングしているようなアニメーションを表現できるJavaScriptライブラリの”iTyped.js”の使い方を紹介します。
Webフォントを軽量化(サブセット化)してセルフホスティングで読み込ませる方法
ページの読み込み速度を改善するために、軽量化(サブセット化)したWebフォントを自分のサーバーにアップロードしてWebページで読み込ませる(セルフホスティング)方法について紹介していきます。
プラグイン「WP Last Modified Info」でWordPress投稿の更新日を自由に設定する
プラグイン「WP Last Modified Info」を使用してWordPress投稿の更新日を自由に設定する方法を紹介します。