結局どのサムネイルジェネレーターが良いのかな?
サムネイルジェネレーターを吟味してみる。
ちょっと前に、ポコポコ色々出てましたね。
今になって落ち着いてみると、どれが一番便利なのかな?
一番有名なのはどれかな?
ちなみにGoogleで「サムネイル」で検索してみたところ、
TOPは『SimpleAPI』(やっぱ一番メジャーかな)
次は『Thumbnail API』(こちらも使いやすいですね)
まぁ、他にも沢山あるわけで、とりあえず以下のものを試してみました。
- SimpleAPI
ウェブサイトサムネイル作成APIの定番
URL入れてボタンクリックで出来上がりな簡単操作!
丸角が特徴でレスポンス◎ - Mozshot
基本は一緒。
サイズは3種類。
ドロップシャドウが掛かってるのがイカス!
- e パレット
コメントを付ける事が出来るのが特徴。
対象のサイトがどれだけブックマークされているかなども表示可能
当blogでも使用中 - IgWebCap
結構高機能な一つ。
色々設定できて細部にこだわりたければコレ!
でも生成されるソースは笑っちゃうほど長いw
こだわりたい人はどうぞ - thumbalizr
外国産です。
海外のものって事もあり通信時間が;;
サイズはこいつが一番自由に出来るかな?
でもコレってただのスクリーンショットじゃね? - ThumbnailAPI
SimpleAPIよりチョト高機能。
サイズは5種類用意されていています。
面白いのがグレイスケール機能で白黒に出来ること! -
- kwout
ちょっと違うけどサムネイルとしても使用可能。
本来は引用でも使用ね
サクッと貼り付けたは良いが、汚いな・・・・美しくない!!
ま、それはそれで勘弁してくださいorz
んで!
試してみた結果、おすすめはSimpleAPIとe パレットかな〜
HTMLとCSSの知識があればIgWebCapを綺麗に表示できるので頑張って(他人任せですみません
Mozshotとthumbalizrは個人blogは表示できないのかな?
時間が出来たら綺麗にしなおします><;
引用はこれでいいんよう
blogを書く上で結構引用って使うと思うんですよ
自分の体験段だとしても何らかのソースがあるはず
卒論書いた時とか、引用でどれだけ行数稼いだ事か・・・
でも、引用って結構面倒くさい・・・・
著作権どうこうもさる事ながら、いまいち書き方わからない^^;
そんなおり、こんなの見つけました(結構有名らしい)
前に書いたリンクタグを生成するブックマークレットにも関連するんだけど、ブログを書く上で頻繁に行う引用の手順を簡単にしてくれるブックマークレットを作ってみようと思う。
via: 第11回:引用(blockquote)を簡単にするブックマークレット ::: creazy photograph
通常は、引用するサイトの「URL」「ページタイトル」「引用部分」をそれぞれコピーしてきて、<blockquote>で修飾するっていうのがお決まりの手順なんだけど、いちいちソースみたりするのはメンドウなのでその辺をブックマークレットで一気にやってしまおうと。
今回、色々探したり自分で作ったりしたので何種類か紹介できます。
自分にあったものを使ってもらえたらうれしいです。
yager氏のcreazy photographというブログにて紹介されてたので使わせていただきました。
が、しかし!
ここでいきなり問題発生!
citeが2つ出現!?なぜ?
yager氏のブックマークレットではciteタグは一つしか生成されていないのに、なぜに2つ表示されているの?
ちょっと調べたらすぐに原因発覚・・・
どうやら、はてな記法が原因らしい
はてな記法ではblockquoteタグにtitle属性を記述すると、その内容がciteタグのように表示されるそうです
むぅ余計な事を・・・
とりあえず不本意ながら、title属性を削って対処
はてな記法は便利だけど、こういう時困るなぁ〜前に書いたリンクタグを生成するブックマークレットにも関連するんだけど、ブログを書く上で頻繁に行う引用の手順を簡単にしてくれるブックマークレットを作ってみようと思う。
via: 第11回:引用(blockquote)を簡単にするブックマークレット ::: creazy photograph
通常は、引用するサイトの「URL」「ページタイトル」「引用部分」をそれぞれコピーしてきて、<blockquote>で修飾するっていうのがお決まりの手順なんだけど、いちいちソースみたりするのはメンドウなのでその辺をブックマークレットで一気にやってしまおうと。
今回、色々探したり自分で作ったりしたので何種類か紹介できます。
自分にあったものを使ってもらえたらうれしいです。
この部分だけはてな記法を解除とか出来ないものか(調べる時間ないし保留・・・
- 関連記事
-
creazy photograph ::: 写真と、WEBと、流行のネタを少々…。yagerは大体ここにいます。【e】
『第11回:引用(blockquote)を簡単にするブックマークレット』を引用しました。 他にも、面白い記事ありますよ。
まずは大まかに
CSS HappyLifeさんのデフォルトCSSを参考に・・・・
* { margin:0; padding:0; } body { font-size:80%; } h1,h2,h3,h4,h5,h6 { font-size:85%; font-weight:normal; margin:0; padding:0; } p,li,dt,dl { line-height:160%; } p { margin:0 0 1em 0; } li { list-style-type:none; } img { border:0; } .clear { clear:both; } a { text-decoration:none; } a:link { color: #6C0; } a:visited { color: #6C0; } a:hover { color: #6C0; position:relative; top:1px; left:1px; } a:active { color: #6C0; }
ん〜
ずれたな・・・・
h1だけCSS変えれば平気かな?
と言うわけで
元のテンプレートからh1だけ戻して
h1 { margin: 2.8em auto 0.7em auto; padding: 0 0 0.1em 0; width: 92%; max-width: 910px; text-align: center; font-size: 120%; border-bottom: 1px solid #666; }
うん
こんなもんだね
次回は細かいところやれたらいいな
- 関連記事
-
CSS HappyLife【e】
CSSテンプレート配布、テクニック紹介、ハック、覚書など、CSSに関する事を中心に、 Webに関すること全般、その日書きたいことなど色々書いてます。
はじめに
まずはソースがどうなっているのわからなくちゃ話にならない。
そんなわけで覗いて見ると・・・
div#simple-header HatenaメニューBOX ├input.search-word 検索フォーム ├input.search-button 検索ボタン └ul.menu Hatenaメニュー h1 ブログタイトル div.hatena-body 全体のBOX ├div.main メインBOX 左側 │├div.calendar カレンダー?あいさつ?etc │├div.day 記事一日分 ││├h2 記事日付 ││└div.body 記事BOX ││ └div.section 記事内容 │└div.ad Google広告 ├div.sidebar サイドメニューBOX 右側 │├div.hatena-module 項目BOX ││├div.hatena-moduletitle 項目名 ││└div.hatena-modulebody 項目内容 ││ ├div.hatena-profile プロフィール ││ │├div.hatena-profile-id プロフィール名 ││ │└div.hatena-profile-body プロフィール内容 ││ ├table.calendar カレンダー ││ ├ul.hatena-photo 最近の画像 ││ ├ul.hatena-section 最新タイトル ││ ├ul.hatena-sectioncategory カテゴリー ││ ├ul.hatena-recentcomment 最近のコメントor最近のトラックバック ││ ├ul.hatena-keywordcloud 最近言及したキーワード ││ ├ul.hatena-rss ブックマーク ││ ├ul.hatena-recentcomment 最近のコメント
大枠はこんなもんでしょ
後はこいつらにスタイル指定してあげればOKかな?