Web

 Webフォント作成します!オリジナルのアイコンや画像をWebフォントにしてみませんか?

オリジナルのWebフォントを作成してみませんか?yoseyama.jpではオリジナルのWebフォントの制作するサービスを行います。『Font Awesome』のような手軽にアイコンをサイトに埋め込むことが出来るCDN(Content Delivery Network)のサービスを活用するのも良いですが、ネットワークに依存しないローカルでも快適に扱えるオリジナルのWebフォントを作成すれば運営上のリスクも軽減されます。

 フリーで使えるアイコン(Dingbats)をWebフォントに埋め込んでみた!

Webフォントの技術を使って様々なアイコンを提供してる便利なサービス『Font Awesome』のサイトのようにアイコンをWebフォントにしてみました。

 沖縄情報サイト『フレックス・沖縄』のアクセスログ(2019年12月)

前回に続き、沖縄の情報サイト『フレックス・沖縄|ゆる〜い沖縄情報を投稿・配信するサイト』のアクセスログの解析ですが、8月の旧盆情報以上のヒットは得られていません。しかし、大晦日が近ずくにつれ若干の動きが見られました。

 Unicode 変換ツール

Webフォントの開発で、文字化けがおきないようにする為、「Unicode 変換ツール」が必要だったので、ちょこっと拝借!便利です!

 沖縄情報サイト『フレックス・沖縄』のアクセスログ(2019年10月と11月)

手前味噌ですが、私が運営している情報サイト『フレックス・沖縄|ゆる〜い沖縄情報を投稿・配信するサイト』のアクセスログに関する記事を掲載します。

 WordPressでタイトルの前に出る余白を削除する方法

気になっていて調べてみたら、対処方法がありました。WordPressのタイトル部分の前に出る余白を削除する方法です。

 CSS animation-duration プロパティ

animation-duration(アニメーション・デュレーション) プロパティは、アニメーションが始まって終わるまでの時間を指定します。

 CSS animation-name プロパティ

animation-name(アニメーション・ネーム)プロパティは、対象の要素に適用する1つ、または複数のアニメーションを設定します。それぞれの名前はアニメーション・シーケンスのプロパティ値を定義する @keyframes を設定します。

 CSS アニメーションの例(opacity編)

今回は、CSSで表現するアニメーションに関して解説します。まずは簡単な例を用いて説明します。

 CSS transition-timing-function プロパティ

transition-timing-function(トランジション・タイミング・ファンクション)プロパティは、変化の流れ(変化の仕方)を指定します。