[JS]大量の画像コンテンツに便利！ サムネイルを自動生成するスクリプト -NailThumb
大きいサイズの画像から、クロップやリサイズなどして小さいサイズのサムネイルを自動生成するjQueryのプラグインを紹介します。 サムネイルはテキスト配置やさまざまなエフェクトにも対応しています。 jQuery NailThumb [ad#ad-2] NailThumbのデモ NailThumbの使い方 NailThumbのデモ NailThumbは元画像のアスペクト比を維持したまま、クロップやリサイズをしてサムネイルをスクリプトで生成します。 サムネイルはさまざまなフォーマットが用意されています。 キャプション テキストをオーバーレイで表示することもできます。 NailThumbの使い方 NailThumbの基本的な使い方は、サムネイル用のコンテナとサムネイルのサイズ設定です。 外部ファイル スクリプトとスタイルシートを外部ファイルとして記述します。 <script type="text/
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
無料で商用利用可能な背景画像を提供する「背景倉庫」
「使用に当たっての制限や、報告の義務などは一切ありません。個人使用・商業目的使用への制限もありません」「かんばって描いたけど、もう自分には使う当てがないかもしれない、よければ誰かに使ってほしい、汎用性の高そうな背景を扱うサイトです」ということで、いろいろな背景画像を提供しているのが「背景倉庫」です。 背景倉庫 http://da-yama.secret.jp/index.html 各種背景画像はZIPファイルとなっており、中に入っている画像は以下の形式になっています。 ・グレースケール ・600dpi ・PSDファイル 各種画像は現時点では以下のような感じになっています。 ◆建物 ◆遠景 ◆乗り物 ◆マンガパーツ なお、「もし、みなさんのなかに、かんばって描いたけど、使うあてがなく、著作権も問わない、だけど汎用性の高いと思われる背景がありましたら、ぜひこのサイトで公開させてください」とのこ
HTML5: img 要素の alt 属性 の仕様 – attosoft.info
概要 alt 属性に指定する代替テキスト 空文字列の代替テキスト alt 属性の省略 関連リンク 訂正：HTML4/XHTML の alt 属性について 概要 HTML5 では img 要素の alt 属性の仕様が大幅に変更され、HTML4/XHTML と比較すると定義がかなり詳細化されている。 HTML5 における alt 属性 の仕様を概略すると次のようになる。 alt 属性には画像を置換可能な詳細な代替テキストを指定する HTML4/XHTML の alt 属性は短い説明 (alt テキスト) だったが HTML5 の alt 属性は長い説明 (title 属性よりは longdesc 属性に近い (※)) 画像の情報量 ≒ alt 属性に指定する代替テキストの情報量 特定の条件を満たせば alt 属性を省略することができる ※ HTML5 の仕様はワーキングドラフトでまだ勧告されて
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
過去と現代を繋ぐ1枚の「枠」
過去と現代を繋ぐ1枚の「枠」 2011年10月21日15:00 ゆっくりしていってね!!! > > 過去と現代を繋ぐ1枚の「枠」 Tweet カテゴリ
やさしさで溢れてる画像貼ってくれ : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/10/13(木) 13:38:20.64ID:IqPt41PP0 た の む 3：以下、名無しにかわりましてVIPがお送りします：2011/10/13(木) 13:44:08.53ID:kGmyKKNLO 41：以下、名無しにかわりましてVIPがお送りします：2011/10/13(木) 17:45:46.60ID:7rsfP55zO >>3の一枚目でもう泣いてた 4：以下、名無しにかわりましてVIPがお送りします：2011/10/13(木) 13:52:01.85ID:1c1ORAYE0 6：以下、名無しにかわりましてVIPがお送りします：2011/10/13(木) 14:00:12.55ID:IqPt41PP0 すごくいい… 7：以下、名無しにかわりましてVIPがお送りします：2011/10/13(木) 14:16:56.75
cssで縦方向中央に配置する方法（5つのケース＋1） | バシャログ。
iPhone 4Sが発売間近。 買おうか迷って一旦諦めたはずがまた迷い始めました、hakoishiです。 Siriに甘い言葉をささやきたい。英語できないけど。 さて、コーディングで縦中央にオブジェクトを配置したいことって少なくないですよね。 しかしながら、cssはそういうのちょっと苦手。 「ほら、あの時使ったアレだよアレ！」と過去のソースを掘り起こしてみても、状況が違ってて使えないケースも多かったり。 というわけで今回は、cssで縦中央配置するためのtipsを5つのパターンに分けてまとめました。 case1：画像の場合 上下方向中央を始点として画像を配置し、画像の縦サイズの1/2だけネガティブマージンで上に移動。 サンプル html <p class="case01"> <img src="http://dummyimage.com/100x100/000/fff.gif&text=img
もふもふ画像スレ : まめ速
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. 64. 65. 66. 67. 68. 69. 70. 71. 72. 73. 74. 75. 76.
カオスちゃんねる : 【画像】美術史上最も可愛い子は？
2011年08月15日14:30 【画像】美術史上最も可愛い子は？ 1 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/08/15(月) 00:06:08.68 ID:0BdGgde10 1位 アルフォンス・ミュシャの「四つの星－月」ちゃん！ http://ja.wikipedia.org/wiki/アルフォンス・ミュシャ ２位 グイド・レーニの「ベアトリーチェ・チェンチの肖像」ちゃん！ http://ja.wikipedia.org/wiki/グイド・レーニ ３位 ピエール・オーギュスト・ルノワールの「ロメーヌ・ラコー嬢」ちゃん！ http://ja.wikipedia.org/wiki/ピエール＝オーギュスト・ルノワール 3 名前：以下、名無しにかわりましてVIPがお送りします[] 投稿日：2011/08/15(月) 00:06:40.90 ID:peykr
携帯カメラで信じられないほど素晴らしい写真を撮影する方法 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
携帯電話、スマートフォンのカメラ機能も以前に比べるとはるかに高性能になってきましたが、まだまだ専用のデジタルカメラや一眼レフにはかなわないと思っている人も多いかもしれません。一方、スマートフォンの場合は専用機にはない大量の写真アプリが存在し、うまく使えば他では撮れないオリジナルな1枚に仕上げることも可能です。さらに最近では既存の高機能レンズをiPhoneに装着できるマウントなんてものまで登場しているようです。そんな進化し続ける携帯カメラの世界をまとめた記事を紹介します。 — SEO Japan 最近私達は、Flickrユーザーの間で最もよく使われるカメラがiPhoneであることを発見した。もちろん、携帯で写真を撮るのは高機能のSLRカメラを使うのとは違うと言う写真撮影の純粋主義者はいるが、結果が全てを物語っている。携帯カメラの品質の向上と、あなたの創造性を高めてくれる優れたアプリが相まって
WebデザイナーにおすすめのiPhoneアプリ21
2014年8月22日 便利ツール WebデザイナーさんやWeb関連のお仕事をしている方におすすめのiPhoneアプリをいくつか紹介します！使用しているWeb関連以外のアプリは、以前書いた「使用中の無料iPhoneアプリ31」をご覧ください！ ※紹介しているiPhoneアプリの値段は執筆時のものです。購入時はご確認ください。 ↑私が10年以上利用している会計ソフト！ WebデザイナーにおすすめのiPhoneアプリ 目次 Web制作関連 配色関連 画像加工関連 お仕事効率化 Web制作関連 1. FTP On The Go FTP On The Go PROをダウンロード（850円） どこにいてもFTPサーバーに接続できて、ファイルのダウンロード・アップロード・編集ができちゃう優れものアプリ。FTPのURL・ID・パスワードを入力するだけで接続完了です。新規ファイルやフォルダの作成、パーミッシ
Photoshopを本気で使い倒せば画像はここまでイジくれるという10個の例
撮影した画像にPhotoshopなどを使用して加工を施すという人は少なくないと思われますが、Photoshopを本気で使い倒せば元の画像からかなりかけ離れた画像を作り出すことも可能です。 k6Lck.jpg (JPEG 画像, 460x3678 px) - 表示倍率 (16%) 1： 黒いドレスを着た美女が、かなり未来っぽいサイバーな女子に。 2： 「自分で自分を彫っている彫刻」に生まれ変わった、野性的な水着を着た女性。 3： 露出度の高い水着を着た女性が、対戦格闘ゲーム「鉄拳」に登場するジュリア・チャンのようなネイティブ・アメリカンスタイルに。 4： 女性の背後から男性が手を絡ませている妖艶な写真も、加工後には一気に絵画っぽい雰囲気になりました。 5： ファッションモデル風の写真が、漫画「銃夢」に出てきそうなサイボーグボディへとチェンジ。 6： 何やらゴージャスな胸像へと生まれ変わったノ
igosso画像検索 : 無料で商用利用可能なフリー素材/写真
自分のブログ記事がテキストだけでそっけないので何とかしたいという悩みを持ってませんか？ あなたと同じように、自分のブログ記事がテキストだけでそっけない悩みを持っていたユーザーが、このサービスを使うことで「イメージ付きで読みやすいブログ記事」を簡単に作成しています。 といっても、画像を加工するのが面倒そうですよね。 そこで当サービスでは簡単に探してその場で加工して、タグをコピペするだけという画期的な仕組みを提供しています。 注意事項 ・ライセンスへのリンクをしてください。 ・利用したものは、さらに再利用されてしかるべき形態をとってください。 ・それ以外の利用をしたい場合は著作権者に直接許可を取ってください。 NG行為 ・ライセンスへのリンクをしない。 ・透かしを入れるなど再利用を禁止する。 ・それらを著作権者に無許可で行う。 よくある質問：画像を印刷物や番組で使用したいのですが無料で使用でき
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中性的・性別不明な人の画像ください : 暇人＼(^o^)／速報 - ライブドアブログ
【３３０枚】ＰＣのよさげな壁紙下さい！！！ │ キニ速 気になる速報
背景倉庫
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
しまぱん（移転しました） - FC2 BLOG パスワード認証