南東風のパソコン関連ブログ

パソコン中心のブログ(はてなダイアリーよりこちらへ)

写真の縦横比を変えずに一覧を作る

qiita.com

 

画像の比率を保ったまま枠内に収めて縦横中央表示するCSS(IE8対応) | while(isプログラマ)

ブログ最新記事を取得

HPにブログの最新記事を取得する

 

RSSを取るのを自力でかけないので探してみました。

使ったのは、こちらです。

tanganrss.com

 

RSSフィード登録

 

f:id:minamicochi:20170424004215p:plain

 

画像も表示するのもあったのですが、画像無しは、表示できずに使いにくいので却下。

カスタマイズできません。

matome.naver.jp

フリーCGI

著作権非表示できるフリーCGIサイトを探してみます。

[CJ-Club]-[CGI]-BBS

Free Material --- CGI Script

サイズ違いの画像をタイル上に簡単に並べる

allabout.co.jp

 

配給サイト

Masonry

Download masonry.pkgd.min.js

名前をつけて保存する

htmlに一行追加

<script src="masonry.pkgd.min.js"></script>

※仕様が変わり、jQueryは不要に

 <div class="js-masonry">
   <div class="item">~</div>
   <div class="item">~</div>
   <div class="item">~</div>
</div>

 

 

背景としては、こちらもできそうです。

infinityforest.net