WordPress

WordPress管理画面のテーマファイルエディタでfunctions.phpなどのファイルを編集した際に構文的には正しい記述のはずなのにもかかわらず、syntax errorとなってしまうことが何度かあったので、今回はそのような場合の解決策について紹介していきたいと思います。

JavaScript/jQuery

Googleスプレッドシート(Google Spreadsheets)内にあるデータをGoogle Chartsを利用してWebページ上でグラフ化する方法について、具体的な記述例も交えながら紹介していきます。

WebDesign

古いバージョンのPhotoshopでは、WebP画像を扱うことができませんでしたが、2022年2月リリースのPhotoshop 23.2からはWebP画像を扱うことができるようになりました。古いバージョンのPhotoshopにプラグインをインストールしてWebP画像を扱う方法や、新しいPhotoshop 23.2でWebP画像を扱う方法などについて紹介していきます。

JavaScript/jQuery

Google ChartsはGoogleが提供するグラフ描画のJavaScriptライブラリです。今回は、Webサイトに色々な種類のグラフを設置することができるGoogle Chartsの基本的な使い方と折れ線グラフ、棒グラフ、円グラフの設置例について紹介していきたいと思います。

HTML/CSS

Animate.cssは、HTMLの要素にクラス名を指定するだけで簡単にアニメーションを利用することができるCSSライブラリです。
今回はこのAnimate.cssのバージョン4系の使い方について紹介していきます。

JavaScript/jQuery

シンタックスハイライトとは、ソースコードなどの文字列の可読性を上げるために、属性などに応じて色分けをして表示することです。 今回は、自動でソースコードのシンタックスハイライト表示ができるJavaScriptライブラリ”Prism.js”の使い方を紹介していきます。

HTML/CSS

軽量なCSSフレームワークの「Pure.css」の一部のファイルを使って、手軽さ最優先でレスポンシブなグリッドレイアウトの枠組みを作る方法を紹介します。

JavaScript/jQuery

指定した文字列を一文字ずつタイピングしているようなアニメーションを表現できるJavaScriptライブラリの”iTyped.js”の使い方を紹介します。

WebDesign

ページの読み込み速度を改善するために、軽量化(サブセット化)したWebフォントを自分のサーバーにアップロードしてWebページで読み込ませる(セルフホスティング)方法について紹介していきます。

WebDesign

お使いの環境が各種圧縮形式の画像表示に対応しているか確認できるように各圧縮形式のサンプル画像と各ブラウザの対応状況をまとめました。