initial.js - ユーザ名を使った格好いいプロフィール画像を生成 MOONGIFT

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

11 usersがブックマークコメント

記事へのコメント4件

注目コメント
新着コメント

t_43z GmailのiPhoneアプリとかですね > Gmail風

2014/06/13 リンク

terurou 地味に良いやつだ

2014/06/13 リンク

minonet initial.js - ユーザ名を使った格好いいプロフィール画像を生成最近は大抵のサービスでユーザプロフィール画像が掲載できるようになっています。FacebookやTwitter、GitHubから取ってきてくれれば良い...

2014/06/11 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2014%2F06%2Finitial-js-%25E3%2583%25A6%25E3%2583%25BC%25E3%2582%25B6%25E5%2590%258D%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%25A3%25E3%2581%259F%25E6%25A0%25BC%25E5%25A5%25BD%25E3%2581%2584%25E3%2581%2584%25E3%2583%2597%25E3%2583%25AD%25E3%2583%2595%25E3%2582%25A3%25E3%2583%25BC%25E3%2583%25AB%25E7%2594%25BB%25E5%2583%258F%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2014/06/initial-js-%E3%83%A6%E3%83%BC%E3%82%B6%E5%90%8D%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E6%A0%BC%E5%A5%BD%E3%81%84%E3%81%84%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E7%94%BB%E5%83%8F/">initial.js - ユーザ名を使った格好いいプロフィール画像を生成 MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2014/06/initial-js-%E3%83%A6%E3%83%BC%E3%82%B6%E5%90%8D%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E6%A0%BC%E5%A5%BD%E3%81%84%E3%81%84%E3%83%97%E3%83%AD%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E7%94%BB%E5%83%8F/">はてなブックマーク - initial.js - ユーザ名を使った格好いいプロフィール画像を生成 MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

initial.js - ユーザ名を使った格好いいプロフィール画像を生成 MOONGIFT

最近は大抵のサービスでユーザプロフィール画像が掲載できるようになっています。FacebookやTwitter、Gi... 最近は大抵のサービスでユーザプロフィール画像が掲載できるようになっています。FacebookやTwitter、GitHubから取ってきてくれれば良いのですが、そうでない場合は自分でアップロードする必要があります。そうしないと格好わるいデフォルトの画像だったりしますよね。ユーザごとに多少なりとも変化を持たせたいと思うならばinitial.jsの仕組みを使ってみてはいかがでしょう。名前の最初の文字を使ってプロフィール画像っぽい演出をしてくれます。 initial.jsの使い方例えばこんな感じです。名前の最初の文字が四角の中に入っています。背景色が違うだけで随分印象が違いますね。大きさの変更もできます。 JavaScript/HTMLのコードは以下のようになります。 <img data-name="Steve" class="profile"/> $('.profile').initia