サムネイルをCOOLにポップアップ表示 - Highslide JS | caramel*vanilla

2006/10/14 2634 users lightbox caramel*vanilla Cool

Lightbox風ポップアップ表示ライブラリ サムネイルをポップアップ表示といったらLightbox JSが有名で、2やらPlusやら様々なバリエーションも生まれました。 今日みつけたHighslide JSはLightboxのようにサムネイルをポップアップで表示してくれるのですが、ボーダーや角丸デザインのバリエーションがあり、写真をよりいっそうCOOLに見せてくれるライブラリです。 *非商用サイ... 続きを読む

pixiv（ピクシブ）のイラスト描き方講座まとめ | AUTHORITY SITE

2010/05/03 1350 users pixiv AUTHORITY SITE てつざん ピクシブ

絵や漫画のコミュニティサービス [pixiv] のイラスト・漫画の中から、『講座』タグ の付いたものを勝手にカテゴリに分けてまとめました。 pixiv の 『講座』 タグは主に絵や漫画の描き方やデッサンや構図の解説、動物や人体の構造などをレクチャーした作品に付けられるタグです。独断で良質な作品にはサムネイルを埋め込みしてあります。 初心者向け 人を描くときに必要な体の比率について 「超初心者向け超... 続きを読む

本当は速いImageMagick: サムネイル画像生成を10倍速くする方法 - 昼メシ物語

2012/08/18 1016 users Convert 昼メシ物語 size JPEG 10倍

いつもの convert に「-define jpeg:size=...」をつけるだけで10倍速くなる「ある条件下で高速に」と書きましたが、その条件とは、以下の2つです。条件1: 元ファイルが JPEG 画像であること条件2: 元ファイルを開くより前に、変換後の縦横pxが分かっていることたとえば、前回の記事 の例と同じ、4288x2848のJPG画像(4.8MB)から180x120pxのサムネイル... 続きを読む

さようなら ImageMagick - Cybozu Inside Out | サイボウズエンジニアのブログ

2018/08/20 668 users ImageMagick グループウェア サイボウズ 青木 機能

こんにちは、アプリケーション基盤チームの青木(@a_o_k_i_n_g)です。 一般的な Web アプリケーションがそうであるように、サイボウズのグループウェアにも画像をサムネイルで表示する機能があります。サイボウズでは日々数万件やそれ以上のサムネイルを生成しており、それらは全て ImageMagick によって生成されていまし... 続きを読む

ポータルサイトのデザインをする時に意識したこと5つ | Design Color

2012/07/30 598 users ポータルサイト Design Color 備忘録 余白 多用

お久しぶりです！彩です。ここ最近ポータルサイトのデザインをする機会がありました。ブログなどのデザインとはまた違うので、ポータルサイトのデザインは意外と難しかったです。 これを機に色々と調べたりしてみましたので、学んだことを備忘録として今後のために書き残しておきたいと思います。 もくじ グローバルメニューを埋れさせない 色を使いすぎない 余白を空けすぎない 囲み線を多用・強調しすぎない サムネイルに... 続きを読む

世界中の無料素材サイトをまとめて画像検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】

2016/06/19 590 users 画像 無料素材サイト 世界中 DesignersPics 横断

2016 - 06 - 19 世界中の無料素材サイトが「横断」検索できるサービス厳選６つ【ブロガー＆Webデザイナー保存版】 Web制作 list Tweet 今やブログや個人Webサイトを運営するとき、記事内のアイキャッチ（サムネイル）に使用する写真素材に困ることはないだろう。ネット上には、無料で高品質な画像が山ほど溢れている。例えば以下のようなサイト。 DesignersPics  Unspl... 続きを読む

もうサムネイルで泣かないための ImageMagick ノウハウ集 - Cybozu Inside Out | サイボウズエンジニアのブログ

2016/01/06 545 users サイボウズエンジニア Cybozu Inside Out

2016 - 01 - 06 もうサムネイルで泣かないための ImageMagick ノウハウ集 プログラミング こんにちわ、アプリケーション基盤チームの青木( @a_o_k_i_n_g )です。好きなみかんは紅マドンナです。 今回は、サイボウズのサムネイル事情について記事を書きたいと思います。サイボウズに限らず通常の Web アプリケーションでもサムネイル作成はよくあると思いますが、ハマりどころ... 続きを読む

TAGIRI 動画管理/再生ソフト

2006/07/03 500 users Firefox ソフトウェア 一括 リリース 再生

TAGIRI。パソコンの中にある動画を一括管理して、サムネイルの画像を見ながら、好きな場所から再生できるソフトウェアです。■最近のリリースなど -2008.07.17-　ツールバー for Internet Explorer が Mitterツールバー に -2008.07.09-　ツールバー for Firefox が Mitterツールバー に PC上にある動画ファイルから自動的にサムネイルを... 続きを読む

HTML5でiOS Webアプリを作ってみました -えほんのじかん(iPad版)- (Yahoo! JAPAN Tech Blog)

2011/04/12 495 users えほん 朗読 元祖 アニメーション Yahoo

はじめに こんにちは、EveryWhere開発部の久下孝順、高橋淳史と申します。 先日リリースされました、iPad用Webアプリ「えほんのじかん」（iPad版）の紹介をさせていただきます。 このサービスの内容はごく単純で、たくさん並んだサムネイルから気に入ったものを選択すると、アニメーションと朗読によって構成された絵本風の動画が流れる、というものです。 もともとこの「えほんのじかん」の元祖は、「テ... 続きを読む

【画像】なんという浮遊感！動物たちが跳んだ瞬間を激写した写真25枚

2012/03/07 469 users 浮遊感 瞬間 動物たち 画像 写真25枚

本来空を飛ぶ動物じゃないのに、ジャンプした瞬間を撮影すれば、ほらまるで空中に浮かんでいるかのよう。 ふわふわ漂う生き物に見えたり、スターウォーズのスピーダーみたいに高速走行する生き物に思えたり。 この中で一番素敵な浮遊物体っていったら間違いなくこのサムネイルの、最後のまんまる猫さんだよね。 続きを読む 続きを読む

PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」:phpspot開発日誌

2008/02/20 448 users リサイズ PHP phpspot開発日誌 コード 画像

PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 2008年02月21日 Icebeat | class.image PHPでの画像のリサイズ、切り抜きが自由自在「class.image.php」 class.image.php を使えば、分かりやすいコードで、簡単に画像のリサイズ、切抜きが可能です。 例えば、3行で、画像のサムネイルが作れてしまいます。 まずは、画像... 続きを読む

dmmのエンジニアと話をしてみたいという話 - たごもりすメモ

2013/05/20 435 users ＤＭＭ おとこのこ りすメモ エンジニア アレ

2013-05-20 dmmのエンジニアと話をしてみたいという話 dmmは世の中のオトコノコにとっていろいろと言及するのに躊躇いつつ誰でも知っているアレなわけです。で、それなりの規模のWebサービスの裏側を見たことがある人なら誰でも、dmmの裏側はきっと物凄いことになっているに違いない、ということが想像がつくわけですね。 簡単に思い付く範囲でも以下のようなものがあります。 膨大な画像(サムネイル)... 続きを読む

pixivのサムネイル事情 - pixiv engineering blog

2014/12/10 424 users pixiv harukasan インフラチーム たくさん 種類

2014-12-10 pixivのサムネイル事情 ツイート この記事はピクシブ株式会社Advent Calendar 12/10の記事です。 こんにちは、インフラチームの@harukasanです。 さて、今日はpixivで使用しているサムネイル変換サーバについて紹介しようと思います。 pixivにはたくさんのサムネイルがある pixivにはうんざりするほどたくさんの種類のサムネイルがあります。 こ... 続きを読む

ロゴデザインのインスピレーション向上に役立ちそうなサイトいろいろ - かちびと.net

2010/05/06 418 users インスピレーション向上 net ロゴデザイン 備忘録 ロゴ

ロゴデザインのインスピレーション 向上に役立ちそうなギャラリー等の まとめです。ロゴデザインで困る事 が多いようでしたらギャラリーなど で制作例を見ればアイデアが浮か ぶかもしれません。 個人的な備忘録も兼ねてまとめます。順不同です。 logopond とにかく大量のロゴがあります。現在18000ほど。 logopond logofaves サムネイルが大きいのが嬉しい。 logofaves lo... 続きを読む

何がミニマリストだこの知性ミニマリズム女が - 今日も得る物なしZ

2015/07/10 403 users ビックカメラ ミニマリスト 物なしZ アレ 付録付き

2015-07-11 何がミニマリストだこの知性ミニマリズム女が ミニマリストがビックカメラへ買い物に行った結果 - 現在退職準備中sakenominimal.hatenablog.com あーもうサムネイルの画像だけで頭ゆるふわ系のアレに見えて体が痒い。 どうせ普段は愛され系モテコーデとか言ってんだろ、雑誌立ち読みしながら。 最近は付録付きの雑誌ばっかりですけど大丈夫ですかそうですか。 今回お買... 続きを読む

デザイナーではない人がデザインする上で大切な4つの基本原則 - GIGAZINE

2019/05/18 380 users GIGAZINE Instagram用 友だち ウェブサイト

by rawpixel.com プロのデザイナーであるAnna Mészáros氏は、家族や友だちからウェブサイト・履歴書・ポートフォリオ・FacebookやInstagram用の写真・YouTubeのサムネイルなどを作る際のアドバイスをよく聞かれるとのこと。Mészáros氏がそんな経験から気づいた「デザイナーではない人がデザインする上で大切なこと」を4... 続きを読む

[JS]大量の画像コンテンツに便利！ サムネイルを自動生成するスクリプト -NailThumb | コリス

2012/04/12 368 users コリス クロップ キャプション リサイズ アスペクト比

NailThumbのデモ NailThumbの使い方 NailThumbのデモ NailThumbは元画像のアスペクト比を維持したまま、クロップやリサイズをしてサムネイルをスクリプトで生成します。 サムネイルはさまざまなフォーマットが用意されています。 キャプション テキストをオーバーレイで表示することもできます。 NailThumbの使い方 NailThumbの基本的な使い方は、サムネイル用のコ... 続きを読む

ウェブ制作者がチェックしておきたいアイデア満載のUIを備えたウェブデザインのまとめ -2014年上半期 | コリス

2014/06/13 336 users ペルソナ 細部 シネマグラフ ナビゲーション レイアウト

うまくトレンドを取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 画像の一部だけ動くシネマグラフを使ったコンテンツ、ペルソナを使ったユーザー中心のレイアウトなど、最新のトレンド情報もお見逃しなく！ VOTD.tv シンプルですっきりしたデザインだけでも素敵ですが、ロゴ、ナビゲーションやサムネイルやコンテンツな... 続きを読む

WEBデザインに優れたサイトのサムネイルギャラリー ≪ サムネイルクラウド ≫ | ホームページのネタをお探しのデサイナーへ

2007/01/28 326 users 前々 枚数 差異 スクリーンショット タグクラウド

Webデザインのリンク集 デザインリンクデータベース の特徴に「スクリーンショットの多さ」というものがあると思っています。 Webデザインサイトのスクリーンショットのデータ量は、全部で 1.2 GB あります。 当然同じ枚数のサムネイルもありまして、他のWebデザインのショーケースとの大きな差異の一つです。 そこで、前々から考えていたネタ 「 サムネイルでタグクラウド 」 ってのを作ってみました。... 続きを読む

ライブ配信の研究により女性ストリーマーの方が「セルフポルノ化」が激しいことが判明、性的な服装の割合はなんと7割以上

2024/03/26 298 users 女性ストリーマー 服装 割合 判明 YouTube

YouTubeを見ている時に、料理やピアノ演奏など一般的な内容なのにもかかわらず、女性の胸の谷間が強調された動画のサムネイルを見つけて驚いた経験がある人は少なくないはず。人気ライブストリーミング配信プラットフォーム・Twitchで配信された約2000件のコンテンツを分析する研究により、女性の配信者は男性よりも自分... 続きを読む

[JS]複数行の異なる高さのブロックをそれぞれ同じ高さに揃えるスクリプト | コリス

2011/02/03 293 users div要素 コリス テキスト ボックス スクリプト

画像のサムネイルやテキストを配置したボックスなど、異なる高さのブロックが数多くあっても全ての高さを等しく揃えるスクリプトを紹介します。実装方法HTML画像やテキストを配置できるdiv要素を使用しています。 続きを読む

[JS]背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas | コリス

2011/05/22 277 users コリス jQuery jquery.js ウェブページ 実装

写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外... 続きを読む

【デザインまとめ】綺麗なデザインの管理画面　30選 | モノづくりブログ - 株式会社8bit

2015/03/12 262 users 株式会社8bit 管理画面 デザイン デザインまとめ 30選

以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけ以前記事にした「【デザインまとめ】綺麗なデザインの管理画面 40種類 」、時間が経ってリンク先が消えていたりしますね。 また綺麗なデザインの管理画面も追加したいと思います。 サムネイルだけで見ると、全部似たような... 続きを読む

PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」:phpspot開発日誌

2007/02/14 259 users thumbnail projects PHP サムネイル作成

Index of /projects/phpThumbnailer PHPで画像のサムネイルを超簡単に作る方法「phpThumbnailer」 PHP+GDな画像のサムネイル作成って結構面倒だったりしますが、配布されているThumbnail クラスを使えば超簡単にサムネイルが作れます。 配布パッケージ内に、class.Thumbnail.phpが含まれていて、次のようなサンプルプログラムで簡単に画... 続きを読む

どんどん簡単になっていく！最近見かけるアニメーションを伴ったさまざまなUIが実装できるスクリプト -LayerJS | コリス

2018/05/18 250 users モーダル コリス アコーディオン パララックスエフェクト ほか

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに... 続きを読む