blog-RuinDig

短かったり長かったりする。Blog posts are my own.

ブログ

画像比較スライダーのCocoenをブログに導入した

はてなブログでのブログ記事を作るにあたって、画像比較スライダーのCocoenを導入した。 #Cocoen

Slickを使って写真ギャラリーを作ってみた

スライドプラグインのSlickを使って写真ギャラリーを作ってみた。

noteを使っていなくても使えるnoteの機能

noteを使っていなくても使えるnoteの機能がある。noteの投稿の埋め込みとnote:cardになる。 #note #はてなブログ

はてなブログでのシェアボタンのカスタマイズ

はてなブログでのシェアボタンのカスタマイズ。Twitter、Facebook、はてなブックマーク、LINEの4つ。

はてなブログの公式テーマ「Smooth」の表の罫線の色や太さを調整できるCSS

はてなブログの公式テーマ「Smooth」の表の罫線の色や太さを調整できるCSSを組み立てた。

EmbedlyでPDFのURLを入力するとPDFの埋め込みコードが生成できる

EmbedlyのEmbed Code Generator(エンベッドコードジェネレーター)を使ってウェブ上のPDFファイルを埋め込み表示してみる。

Redditの投稿をHTMLコードを使って埋め込む Embed Reddit post with HTML codes

Redditの投稿をHTMLコードを使って埋め込む。

ブログデザインの変更

ブログデザインを変えた。

Google+の一般公開の投稿をブログにHTML形式で埋め込んでみる

Google+の一般公開の投稿をブログに埋め込んでみる。 埋め込むといっても、OGP形式ではなく、TwitterやInstagramのようにHTMLコードを用いた埋め込みである。

アイキャッチ画像のテスト

テスト用記事。

PDFの埋め込みテスト

PDFの埋め込みテスト。

Twitterモーメントの埋め込み

気づいたこと。 はてなブログでTwitterモーメントを埋め込むのは2種類ある様子。パターン1: (参考:Twitterのモーメントをウェブサイトに埋め込む方法) <a class="twitter-moment" data-limit="3" href="https://twitter.com/i/moments/955607152378327041">日産自動車株式会社 @NissanJP さんによる #雪道運転 での知恵</a>