Cut storage size, bandwidth and costs. Always keep the quality of your media files
![JPEGmini | Leading JPEG Compressor & Image Size Reducer](https://cdn-ak-scissors.b.st-hatena.com/image/square/a58121e9f111dd39cb6661d784898457006885de/height=288;version=1;width=512/https%3A%2F%2Fframerusercontent.com%2Fimages%2FVFe9e0FIXN8mfTpZnXSobrGgKY.png)
jQueryのプラグインを使えば、画像に様々な効果を加えたり、アニメーションさせて表示させたりいろんなことができます。 そんなプラグインは出揃った感がありますが、今回とてもユニークなプラグインを見つけたのでご紹介したいと思います。 「銀はがし」ができるプラグイン! 銀はがしといえば、皆さんご存知の宝くじなどでよくあるスクラッチカードがありますが、これと同じようなことをjQueryでできるようにしてくれるプラグイン「wScratchPad」です。 「wScratchPad」を使えば、画像をマスクした状態で表示しておき、マウスで削っていくと徐々に中の画像を見せるようなことができます。 簡単にスクラッチカードを削る間隔を味わうことができますよw デモページにアクセスすると試すことができます。 最初はマスクされて画像が何も表示されていません。 マウスで削っていくと隠れている画像が見えてきます。 用
ヘタな画像ビューアーより使いやすいFinderですがいつからか画像サイズを表示させなくなってしまって困っていました。メニューから「表示」→「表示オプションを表示」(⌘+J)で「項目を表示」にチェックを入れれば画像のサイズも表示されるはずなのです。 画面上部のメニューから辿ってね そして「項目の情報を表示」 それがいつしか表示されなくなりまして、以前にクリーンインストールしたのですがそれでもうまくいってませんでした。もう迷宮入りかと思いましたがこの記事を見て試してみたところ大成功!ありがとうございます! そこでもう一度システム環境設定ペインに入ってSpotlightのプライバシーの項目で全てのボリュームを設定して、さらにもう一度それを解除してみた。メタデータファイルをTerminalなどで削除してSpotlightをリセットする方法があるが、もっと簡単にこの方法でメタデータを初期化できること
OSXはいろいろ判らないことがまだある。 この画像のサイズ表示がメタデータに依存していたというのも今回はじめて知った。 それに最初の設定変更の時になぜSpotlightは2分で作業を完了してしまったのかは未だに判らない。 外付けディスクで起動した時の設定が、内蔵ディスクで起動したシステムに残っていたのも謎だ。 (この設定は外付けディスクの"~/Library/Preferences/"にplistファイルとして残るはずだ) いろいろ謎を残したが、結果的にはちゃんと動くようになったのでまぁ結果オーライということで。 「ちゃんと動いているシステムは、それ以上問題の原因究明をして変な操作をするな」 というコンピュータを扱う上での鉄則もあることだし・・・ anchor Secondary Trackpad ClickというintelMac用のバイナリを 間違ってOSXにインストールしてしまった結果
こんにちは、飯塚です。 ウェブ上にはたくさんのデータがあふれています。その中から「自分の欲しいデータだけ」を「自動」でかき集めることができたら素敵じゃないですか? そこで今回は UT Startup Gym の「ウェブから情報をあつめる」で取り上げた内容をもとに、たった10行(正確には 9 行)のコードでひたすら「アイドル水着画像」を集める方法を紹介します。言語は PHP です! まずは結果から はい、これが今日の目標です。 さっそくコード書く mac ユーザはさっそくプリインストールされているターミナル.app を起動して、 $ emacs crawler.phpと入力して Enter(もちろん他のエディタでも OK)。頑張って下のコード(青色のコメント部分は写さなくていいです)を写経してください。 <?php $url = "http://matome.naver.jp/odai/21
追記: C言語版書いた! 僕が参加していたUT Startup Gymの大先生である@tushuheiさんが、たった10行のコードでひたすらアイドル水着画像をあつめるという刺激的なエントリを書いておられたので、対抗したくなった _人人人人人 人人人人人人人_ >Rubyなら3行で書けるっ!<  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^ ̄ require 'open-uri' url = "http://matome.naver.jp/odai/2135350364969742801" open(url).read.scan(%r{<img src=".+".*?class="MTMItemThumb".*?/>}) {|m| puts m} 終わり! 後はターミナルで $ ruby crawler.rb > photos.html $ open photos.htmlぐははは! Ruby素
imgタグは画像のパスやalt属性のテキストなど、意外とファイルサイズを膨らませる原因となりやすかったりします。 SEOを意識してHTMLを最適化させる場合、HTMLのファイルサイズ軽減も一つの目標となります。その目標を達成するためにも、文書構造上「なくても文書として困らない画像」はHTMLのimgタグではなく、CSSのbackgroundプロパティなどで表示させましょう。 なんでimgタグをHTMLから削るの? HTMLではなくCSSで表示させるべき画像 なんでimgタグをHTMLから削るの? imgタグをHTMLに設置する場合、表示させる画像のパス(URI)や代替テキスト(alt属性)の設定など、意外と文字数を食うタグだったりします。 特に画像が大量に表示される商品一覧ページなどのHTMLを見ていただくと、imgタグだけでけっこうなボリュームがあるのがわかると思います。 文字数はそのま
2012年08月12日08:47 カテゴリおもしろ画像 【bokete】ボケての画像ください【おもしろ画像50枚】 【関連まとめ】【ボケて】こういう画像ください【おもしろ画像116枚】 【関連まとめ】【ボケて】こういう画像ください【おもしろ画像116枚】 1. 名無しのモモンガ 2012年07月17日 11:22 vipより面白くてワロタwww 2. 名無しのモモンガ 2012年07月17日 12:05 これいいわー 3. 名無しのモモンガ 2012年07月17日 12:52 わろた 4. 名無しのモモンガ 2012年07月17日 20:11 ボケてのページ重すぎて閲覧に時間がかかりすぎる。 5. 名無しのモモンガ 2012年07月17日 21:24 いやー笑った 6. 名無しのモモンガ 2012年07月20日 00:45 この発想、どうやったら出てくるのか わりと本気で知りたい。 7.
CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と
画像を使ってリッチでフレキシブルに伸び縮みするボタンやフレームを作る時みなさんはどうしているでしょうか。 従来の方法だと デザイナーさんが画像を9分割 マークアップで頑張って再現する というハードワークを強いられていましたが、 昨今のモバイル開発環境では、それ、もう要らない苦労らしいですよ。 CSS3 の border-image を使うと、9 slice(9 patch)を CSS だけで実現可能です。 用意するものは、9つに分割する前のボタン画像です。 画像を用意したら、http://border-image.com のジェネレーターを使い border-image 用のCSSを生成します。 -webkit-border-image: url(img/btn.9.png) 27 24 30 25 round; とすると、 Android Browser 2.3.3 iPhone 4S
jQueryを使ったWordpress用の画像拡大表示プラグインをまとめました。 画像をクリックすると背景が暗くなって画像が浮かび上がってくるような表示になるアレです。 Lightbox系プラグインなんても呼ばれてます。 このプラグイン、同じようなのがいっぱいリリースされていてそれぞれ動作や内容が違うし結構数も多い・・・。 ということでここに各プラグインのスクリーンショット画像付きでまとめてみました。 導入したサイトもリンクしてあるので実際のアクションを見ながら比較できます。 比較に当たって、以下のプラグインは導入に至りませんでした。 また、個別に「rel=」で指定しないといけないものは除外しました(過去の画像すべてにつけないといけないため)。 Auto Thickbox 動作はとても軽く良かったのですが、カスタム出来なかったこととポップアップ動作があまりキレイでなかったため除外しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く