写真の一部がちょっとだけ動く、シネマグラフを使ったサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、マラガの海の贈り物ことディレクターのSEKOです。 梅雨は嫌ですね。急に大雨が降ったり、雷が発生したりと自然の恐ろしさを日々感じております。 ところで皆さん、シネマグラフという言葉を聞いたことはございますか？ Web系であればご存知の方も多いと思いますが、念のため簡単に説明させていただきますと「画像の一部分のみがアニメーションで動いている画像」です。 そうは言ってもイメージしづらいと思いますので、まずは実際のシネマグラフをご覧ください。 出典： Arte em GIFs – Embrulha https://www.embrulha.com/arte-em-gifs/※現在は閉鎖されています。 New York Fashion Week – Cinemagraphs https://cinemagraphs.com/nyfw/ Fashion Editorial – Cinem
殺意の波動に目覚めたシリーズ貼ってく
【ニュース】【悲報】「HUNTER×HUNTER」 連載再開はガセｗｗｗｗｗｗｗｗｗｗ317 users 【政治/経済】「同姓同名の犯罪で迷惑だから変えて」在日韓国人の文炳洙、3年で5回も通名変更し630万円詐取276 users 【テレビ/芸能】【動画】魔女の宅急便実写版、空飛ぶキキ本編映像解禁！これは・・・(´・ω・｀)205 users 【ネット/技術】iPhoneのやつsiriにタイマー3分って言ってみろｗｗｗｗｗｗｗｗｗｗ267 users 【ゲーム】【画像】このおもちゃ持って遊んでた奴ｗｗｗｗｗｗｗｗ310 users 【アニメ】【悲報】冬アニメが酷い…7153 users 【漫画/書籍】【速報】「HUNTER×HUNTER」 連載再開！！！！！！！！！！！！！！！！！6167 users 【画像まとめ】【画像】外人「この発明には日本人もだんまりだなｗｗｗHAHA
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
PNG軽量化の減色と圧縮について | GREE Engineering
このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。（この記事では減色アルゴリズムについての説明は省略します。） テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 （パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
MdN Design｜総合情報サイト
iPhone 4はiPhone 3GSと同じ画面サイズのまま、2倍の解像度となった。 Androidでは機種により異なるが、1.5倍のものが多い。 同じ画面サイズで表示できるピクセル数が増えたため、細かい文字もくっきりとして読みやすくなった。 しかし、コンテンツの1pxをデバイス上の1pxとしてそのまま表示すると、全体的に小さく表示されてしまうことになる。 そこで、WebKitをベースとしたブラウザには「devicePixelRatio」というプロパティが用意されている【1】。 devicePixelRatioとは、直訳すると「デバイスのピクセル比率」で、コンテンツの1pxを実際のデバイス上で何pxとして描画するかを示すものである。 【1】スマートフォンのdevicePixelRatioと解像度の一例
ウェブテクノロジ、ソーシャルゲーム用画像圧縮ツール『OPTPiX imesta 7 for Mobile & Social』を発売 | gamebiz
ウェブテクノロジ、ソーシャルゲーム用画像圧縮ツール『OPTPiX imesta 7 for Mobile & Social』を発売 画像ソリューションプロバイダのウェブテクノロジ・コムは、3月上旬より、スマートフォンアプリ・ソーシャルコンテンツの制作に役立つ機能を集約した画像圧縮ツール『OPTPiX imesta 7 for Mobile & Social』の発売を開始する。価格は、1ライセンスあたり月間2万9800円（税込）。 この製品では、画質を維持したまま画像を圧縮するツール。従来の「OPTPiX imesta 7」シリーズの中核機能である減色機能を強化し、PNG画像のさらなる縮小に加え、3Dポリゴンを利用したリッチコンテンツ向けに汎用テクスチャ形式の圧縮機能を搭載した。iPhoneやAndroidを問わず、GPUの性能を最大限に発揮するゲーム素材を制作することができるという。 同社
Pinterest
Discover recipes, home ideas, style inspiration and other ideas to try.
フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」:phpspot開発日誌
PhotoShow フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」 オープンソースソフトウェアです。UIが次のように新しめの物になっています。 アルバムページ ギャラリーページ。 画像のMETA情報なんかもでます 管理画面もなかなかナウなインタフェース。ドラッグ＆ドロップによるアップロードができるようです カッコいい管理画面のギャラリーを作りたい場合の１つの選択肢としていかがでしょうか 関連エントリ 洗練されたUIのギャラリーサイト「Ui Parade」 これは新しい、回転する円形のイメージギャラリー実装サンプル PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 ギャラリー等を面白く見せられるjQueryプラグイン「Minimit」
【画像あり】福島の男児が通知表を見てショックを受けている様子を晒される : 暇人＼(^o^)／速報 - ライブドアブログ
【画像あり】福島の男児が通知表を見てショックを受けている様子を晒される Tweet 1：名無しさん＠涙目です。(住吉大社)：2011/12/28(水) 09:25:25.28 ID:ibI6b5ao0 福島市の小中学校で終業式…短い冬休み１週間だけ 東京電力福島第１原発事故の影響で児童生徒の転出が続く福島市で、例年より遅い公立小中学校の 終業式が２７日、開かれた。夏休みを１週間延ばした結果、授業時間を確保するため３学期の 始業式を来年１月４日と早め、冬休みは７日間に大幅短縮された。 市立福島第二小学校は２学期中に１９人が転出。冬休み中にも１人が転校するが、１人戻ってくるという。 終業式では、１年生の中村碧人君（７）が全校生の前で「大好きな友達とたくさんお別れしたけど、 友達も僕たちのことを思い出してくれると思います」と話した。 教室で通知表をもらった１年生の斎藤航君（７）は「算数を頑張った
JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」:phpspot開発日誌
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
PHPを使って画像をアップしてjQueryで切り抜くチュートリアル:phpspot開発日誌
Image Upload and Cropping with PHP and Jquery PHPを使って画像をアップしてjQueryで切り抜くチュートリアルとデモが公開されています。 配布されているプログラムをダウンロードしてプロトタイプとして使って開発効率を高める事もできますし、単に学習用に使うこともできそうです。 実際のサービスで使うにはセキュリティの問題がないかどうかをちゃんとチェックして使いましょう デモページはこちら 関連エントリ PHPでWEBサイトのスクリーンショットを作成するチュートリアル PHPでAmazon SESを使うチュートリアル PHPとGDを使ってCaptchaを自作するチュートリアル
世紀の大発見か!? 山形で、小っさい釣り人が発見される!?
世紀の大発見か!? 山形で、小っさい釣り人が発見される!?2010.12.29 11:00518,698 あれ!? これはハタハタを釣りに、山形県酒田市の酒田北港にに集まった釣り人たちの写真です。おわかり頂けましたでしょうか？ なんということでしょう、小っさいおっさんが混ざっています。 驚きました。 でも実はこれ、遠近法の魔法。非常にわかりやすい図解がありました。 なるほど、面白いですね。本当に小さい人じゃなくて少し残念ですが。 ところでこの図解、上手すぎだとは思いませんか？ なんと実はこの図解を描かれた方は、『機動警察パトレイバー』や『鉄腕バーディー』で有名な漫画家の、ゆうきまさみさんなのです。それも驚き。 ゆうきまさみさんによると、 図解してくれという人がいたので。これで分かるかな。絵で描くときには気をつけなきゃいけない構図だよね、これ。 とのこと。なるほどです。色々と納得させられまし
PHPで画像編集·PHP Image Editor MOONGIFT
PHP Image EditorはWebベースの簡易画像編集ソフトウェアです。 PHP Image EditorはPHP製のオープンソース・ソフトウェア。様々なアプリケーションがWeb化している。メールやカレンダーと言ったWebとの親和性の高いものに対する需要は高く、ついでWeb上で扱うリソースに対してWebアプリケーション化が進められている。 リサイズ Web上で最も多いリソースはテキストだろう。ついで画像、動画と続いていく。テキストについては様々なツールが存在する。そして画像についてはPHP Image Editorが便利に使えそうだ。 PHP Image EditorはPHPとGDを使ってローカルまたはオンラインの画像を取得し、加工することができる。画像のリサイズや画像の回転、一部の切り抜き、コントラストや輝度の調整などがビジュアル的にできる。切り抜きも範囲をマウス指定できるのが便利
画像ディレクトリから自動で読み込むPHPのフォトギャラリー – creamu
86509412/ Brand X Pictures/ Thinkstock PHPでフォトギャラリーが作りたい。 そんなときにおすすめなのが、『Automatically Generate a Photo Gallery from a Directory of Images: Updated』。画像ディレクトリから自動で読み込むPHPのフォトギャラリーです。 特定のディレクトリに画像を置くと、PHPでループして表示してくれるようですね。ソースがシンプルになっていて、CSSを編集すれば自分なりのレイアウトができると思います。 デモは以下から。 View Demo 一度見てみてください。 Automatically Generate a Photo Gallery from a Directory of Images: Updated 今日はある決断をしました。記念日ですね。さらにがんばって
[CSS]サイズがばらばらで無指定の画像を一定サイズで表示するスタイルシート
画像を大量に配置するECサイトなどに便利そうな、スタイルシートのテクニックをCSSplayから紹介します。 CSS play - F.a.S.T - Fit and Shrink Technique デモ サイズはばらばらで、しかもサイズの指定をおこなっていない画像を一定の幅と高さのボックスにアスペクト比を維持したまま真ん中に表示します。 上記のキャプチャはスケールを変えているので、ぜひ元サイトのデモをご確認ください。 対応ブラウザはIE7/8, Fx, Op, Safari(PC), Chromeなど主要なブラウザのほとんどで動作します。 IE6では画像の元サイズで表示されてしまい、しかもボックスの真ん中には表示されない、とのことです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://design-spice.com/2012/06/13/responsive-web-design-image/
JPEGmini | Leading JPEG Compressor & Image Size Reducer
YouTube人気急上昇
GIF画像にさまざまなアニメーション効果を加えられる『LooGix』 | 100SHIKI
