Now Loading...

2018年01月23日

Twemoji Awesome を使う

Twemoji Awesomeを使ってみましょう。


絵文字スタイルは
twemoji-awesome.cssで定義されています。

fa- fa-*を使うFont Awesomeのように、
Twemoji Awesomeはクラス名に
twa-*を使います。

Font Awesomeのように、
twa-lg、twa-2x、twa-3x、
twa-4x、twa-5x、
で絵文字サイズを変更できます。

Twemoji AwesomeはSVG画像を
background-image画像として使用し、
一部のブラウザはこれをサポートしていません。



 <i class="twa twa-1f340"></i>

 twa-lg <i class="twa twa-lg twa-2728"></i>

 twa-2x <i class="twa twa-2x twa-1f423"></i>

 twa-3x <i class="twa twa-3x twa-1f4f8"></i>

 twa-4x <i class="twa twa-4x twa-1f4a9"></i>

 twa-5x <i class="twa twa-5x twa-2603"></i>




Check demo page

デモページの数字は
Unicodeになります(たぶん)

デモページは表示に時間が掛かったり、
エラーになる事があります。




ここからのお話は全て非公式です。
ご利用になられる場合は全て自己責任でお願いいたします。


CDN コード (わたしが勝手に探したもので公式に発表されていません)

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/twemoji-awesome@2.0.0/dist/twemoji-awesome.min.css">


Font Awesome と
Font Awesome Animation
css 定義がそのまま使えます



  Font Awesome の90度傾ける<i class="twa twa-1f47a fa-rotate-90"></i>

  Font Awesome のスピン<i class="twa twa-1f4ab fa-spin"></i>

  Font Awesome Animationn の点滅<i class="twa twa-2728 faa-flash animated"></i>

  Font Awesome Animation のバースト<i class="twa twa-1f4a5 faa-burst animated"></i>

  Font Awesome Animation のリバース<i class="twa twa-1f684 faa-passing-reverse animated"></i>

  Font Awesome Animation のパルス<i class="twa twa-1f48b faa-pulse animated"></i>



class名のanimated
animated-hoverに書き換えると、
アイコンにカーソルを
のせたとき(hover時)のみ
アニメーションが有効になります。

←カーソルを当ててね




親要素へのhover時に動かす





国旗などの絵文字も
充実しています。


カラーなのが
うれしいですね

こんな変わった物
もあります。



バレンタインの記事に使えそうですね。







節分の記事にいかがでしょうか。



ほんの一部ですが、
ご紹介いたしました。






タグ:日記
posted by きらら&ジュレ at 14:38| 2018 きらら&ジュレの日記

2018年01月22日

にゃ〜にゃ〜の日 (2018年 1月)

毎月22日は、「にゃ〜にゃ〜の日」です

にゃ〜にゃ〜の日には
猫(にゃん)ちゃんの写真を
ブログにアップしましょう

今年最初の
にゃ〜にゃ〜の日”となりました。


昨年1年間大変お世話になりました。

本年も
“にゃ〜にゃ〜の日”共々
“きららとジュレのブログ”を
どうぞよろしくお願いいたします


今月の“にゃ〜にゃ〜の日”には、
hitsujigumo3942さん」が
参加下さいました

本当に感謝の気持ちでいっぱいです。
ありがとうございます




今年最初の写真は、
ルナから。

DSC08084.JPG

窓の外を見ているルナ、
朝焼けのオレンジに包まれていました。

この子は
本当に甘えん坊、
そこがかわいいのですが・・。


お次はきらら。

DSC08015.JPG

怒ってらっしゃいます

でも、この子が一番しっかりしているね。

わたし、たまに妄想して楽しんでいます。
この子たちが人間だったらどんな子どもたち
に成長していくのかなって

妄想の世界も楽しいですよ


さて・・お次は
お外の猫さん。

DSC08081.JPG

お庭に遊びに来てくれました


続きまして、
散歩途中の猫さん。

DSC01134.JPG

ちょっと警戒しているかな



今月の
にゃ〜にゃ〜の日”

いかがでしたか



************************************

あなたも猫の写真をアップしませんか
興味のある方はぜひコメント下さいませ

きららとジュレのブログでは、
毎月22日、「にゃ〜にゃ〜の日」に
猫(にゃん)ちゃんの写真をアップしています。

にゃ〜にゃ〜の日」の
趣旨に賛同下さった猫好きの参加者さまは、

サプライズ・スポット参加の方も含みます。

笑子さん」、
Futchanさん」、
baraさん」、
まこちゃんさん」、
hirugaoさん(22日はニャンコの日)」、
tanega島さん」、
かず某さん」、
ゆーみんさん」、
ゴッチさん」、
YUKO*さん」、
あこさん」、
mamaさん」、
お〜たむさん」、
てくっぺさん」、
サイモンさん」、
うさくまさん」、
hitsujigumo3942さん
です。

ありがとうございます


*****************************************


貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました





posted by きらら&ジュレ at 02:41| Comment(12) | TrackBack(0) | 2018 きらら&ジュレの日記

2018年01月19日

空倶楽部 2018/01/19/

1月9日、
前橋初市に出かけた時の写真です


DSC01072.JPG

写真 DATE 2018/01/09 09:23 群馬県前橋市本町2丁目交差点


新生情報ビルに日差しが反射しているのですが、
空を見るとどんよりとした雲に覆われています。



DSC01075.JPG

写真 DATE 2018/01/09 09:30 群馬県前橋市 前橋初市

お焚き上げを待つだるまさん。
一年間どうもありがとうございました。





1月15日、
伊勢崎市に出かけた時


DSC01101.JPG

写真 DATE 2018/01/15 09:40 群馬県伊勢崎市曲輪町


伊勢崎の旧時報鐘楼、
とてもよい青空で、
高い建物を見上げるのが
気持ちよかったです



空倶楽部、
今後ともよろしくお願いいたします
空倶楽部は毎月、
9の付く日に行います。


詳しくは、
かず某さんchacha○さん
までどうぞ。





このブログに使われているアイコンは
Webアイコンフォントです。

Webアイコンフォントとは

ウェブページ上で
文字と同じように表示できる
アイコンのことです。

画像でアイコンを貼るのと違い、
拡大してもぼやけませんし、

色も

サイズも簡単に変えることができます。

さらに、
専用のスタイルシートで
アイコンに、より多くの動きを
付け加えています




貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました






posted by きらら&ジュレ at 03:18| Comment(8) | TrackBack(0) | 2018 きらら&ジュレの日記

2018年01月16日

梅の花

いつもの散歩道より。

DSC08056.JPG

写真 DATE 2018/01/10 08:54 高崎市自宅付近

毎年早く咲く梅の花、
今年もきれいに咲きました




貴重なお時間を割き、
最後まで
ご高覧いただきまして有難うございました




タグ:日記 写真
posted by きらら&ジュレ at 01:34| 2018 きらら&ジュレの日記

2018年01月09日

お正月の空 by空倶楽部

空倶楽部、今年も
ご指導ご鞭撲のほど、
よろしくお願い申し上げます


DSC08003.JPG

写真 DATE 2018/01/01 06:19 高崎市自宅 2階ベランダ



MEMO

出勤前、自宅ベランダから
撮った一枚。
空がオレンジに染まりはじめて、
新しい年が明けようとしています。

photo by 『ジュレ





DSC08035.JPG

写真 DATE 2018/01/06 09:50 群馬県下仁田町 中之獄神社



DSC08033.JPG



MEMO

中之獄神社の
日本一大きい大黒さま。
大黒さまの向こうには、
妙義山の奇岩が見えます。
この岩山が中之獄神社の御神体、
轟岩(とどろき岩)になります。

photo by 『ジュレ





中之嶽大国神社は野球の神様
としても知られています

サッカーボールを    
お許しください。


DSC08036.JPG



MEMO

中之嶽大国神社の
御祭神はだいこく様です。
だいこくさまの縁日が
甲子(きのえね)の日ということで
甲子大国神社(きのえねおおくにじんじゃ)
ともいい、
数百年に渡り甲子祭(きのえねさい)を
斎行しております。
野球選手の聖地、
甲子園球場も甲子(きのえね)の年に完成した為、
甲子園球場と名付けられました。

photo by 『ジュレ






空倶楽部、
今後ともよろしくお願いいたします

空倶楽部は毎月、
9の付く日に行います

詳しくは、
かず某さんchacha○さん
までどうぞ。




貴重なお時間を割き、
最後まで
ご高覧いただきまして
有難うございました





タグ:空倶楽部
posted by きらら&ジュレ at 04:11| Comment(11) | TrackBack(0) | 2018 きらら&ジュレの日記

2018年01月06日

日本一のだいこく様

昨年は大変お世話になりました。

今年も
“にゃ〜にゃ〜の日”共々
“きららとジュレのブログ”を
どうぞよろしくお願いいたします



MEMO

日頃カメラを愛する人々にとっては、
今更ヴォルフも知れすぎた物語であろうけれど、
番町書房というところから発行されているこの一冊の作品集は、
いろいろな感銘で私をうごかした。
ヴォルフのカメラはまるで美感と温さとをもった生きもののようで、
独特の生命に流動しながら、
対象の極めて自然な、しかも性格的なモメントをとらえている。
最高の機械と技術とが駆使されていることは明らかなのだが、
ヴォルフの製作の一つ一つの態度は、
それらの道具を駆使する感興というような末梢から遥にぬきんでている。
私を一番感動させたのは、制作者としてヴォルフがもっている
ひろやかで瑞々しく複雑な情緒と、対象をそのものとして
活きた性格の姿でとらえてゆく主観の謙抑とでもいう美しさである。
頁から頁へと一つの印画から一つの印画へとそこに描こうとされた
生活の各断面が十分の量感をもって展開されていて、
そこからたちのぼって来る生活の息づきに、
心持よく顔をふかれるような感じをうけた。
ヴォルフの世界 / 宮本 百合子

Font by 『こころ明朝




上記のような
ブログ記事中に注釈やコメントを
入れる時に使うちょっとした装飾付きの
BOXデザインをCSSで作ってみました。

角を折るデザインをベースに、
ノート風の罫線、
セロテープで張り付けた風にして
手書き風日本語フォントで
MEMO感を出してみました。
Webアイコンフォントで
アクセントを付けたのもポイントです。


さて、
本題に入ります。

日本三大奇景で有名な妙義山に、
日本一大きい大黒さまがいると言われている
中之嶽神社を参拝してまいりました。

中之嶽神社は轟岩を御神体として、
拝殿・幣殿のみで本殿を持たない、
珍しい様式となっています。

DSC08032.JPG



MEMO

日本一の大黒さま、高さ20メートル、重さ8.5t。
写真手前は狛犬さん。
奥に見えるのが日本一の大黒さま。
屋根より遥に高く、その大きさがうかがえます。

大黒さまのお姿は 剣を持つめずらしい姿で、
病や厄、悪霊を祓い福を招くと言い伝えられています。

Font by 『こころ明朝





貴重なお時間を割き、
最後まで
ご高覧いただきまして有難うございました




posted by きらら&ジュレ at 18:34| Comment(8) | TrackBack(0) | 2018 きらら&ジュレの日記