画質を保ちつつ極限までファイルサイズ減量できるWebツール『PNG Minimizer』 『PNG Minimizer』はPNGフォーマットの画像を画質を極力保ちながらファイルサイズを小さく圧縮してくれるWebツール。 使い方は最大5MBまでの画像をアップロードし、変換された画像をダウンロードするだけです。 （入力画像はPNG以外にBMP／ICO／ GIF／JPGの各フォーマットに対応していますが、すべてPNGフォーマットで出力されます） 仕組みとしては以前紹介した『TinyPNG』と同様に画像に使われている色の数を少なくすることで全体のファイルサイズを小さくするというものです。 試しに前回と同じ画像を使って試したところ、256色で実に71%のファイルサイズ削減が実現できました。 上のように拡大してみるとグラデーションの具合や輪郭のシャギーなどアラが目立ちますが、通常サイズで見る分にはあま

容量無制限で2台以内の端末の同期であれば無料で使用できるEye-Fi(世界初の無線LAN内蔵SDカードを発売した企業)の提供するクラウドフォトストレージが「Circ」です。今回はそのβ版を利用することができたので、登録方法から写真のインポートの仕方などをチェックしてみることにしました。 Circ | Plus https://www.getcirc.com/plus まずは、「Circ」がどんな感じで動作するのかというのをAndroidスマートフォンで撮影した写真が次々とPCソフトやブラウザ上で同期されていく様子を撮影した以下のムービーで実感してみてください。 「Circ」を使ってAndroidとWindows、ブラウザー間でデータを同期する様子 - YouTube ◆β版への登録方法 まずは、アカウントを登録するために「Circ」のページにアクセスして「GET CIRC FOR FREE

オンラインストレージサービスであるDropboxのフォルダを自分のホームページとして使用できるサービスが「Site44」です。Dropboxのアカウントを持っていれば簡単にWebサイトの作成ができます。 Webサイトの作成方法については以下から。 site44 - absurdly simple web hosting http://www.site44.com/ 上記サイトにある「Sign in with Dropbox to get started ≫」をクリック。 Dropboxのアカウントにひも付いているメールアドレスとパスワードを入力して、「サインイン」をクリック。 「許可」をクリック。 以下のページが表示されたら、Webサイトを作成するので、「Create a new website ≫」をクリック。 Webサイトのドメイン名を設定するので、「.site44.com」の前に入れ

ドットインストール代表のライフハックブログ

導入 iOS 開発者のみなさん、こんにちは。 このブログでは主にチュートリアルだったりフレームワークの紹介みたいなことを書いてきました。 そこで、たまには中級者向けのエントリを書いて「Xcode バリバリ使って、ビシバシ Objective-C 書いてますよ」アピールします。 iOS 開発をはじめて一通り Framework は理解したけど Xcode 使いこなせてる感が足りない方、夢にまで EXC_BAD_ACCESS が出てくる方に参考になる記事となればと思います。 といっても Xcode はマッシブな IDE なので、4つのデバッグツールに分けて「あれ、それ知らなかった！便利じゃん！」な方法を紹介します。 ブレークポイント デバッグには切っても切れない関係ですね。アプリを実行中に指定した行で処理を中断し、そこからステップ実行で細かいデバッグを可能にしてくれます。 ショートカットキー

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

ブログの記事の文字数は多い方がSEO的に良いのか？という話題はよくあります。何文字以上だから良いということはないというのが、専門家の意見です。 「何文字だからいい」、「何文字だからダメ」という問題ではないですよね。 あなたが伝えたいことを伝えるのに必要な分だけ書いてください。 via: SEOに最適な記事の文字数は何文字？ 長い記事でも内容が無ければ、検索上位での表示は難しいです。短い記事でも有用な情報があれば、上位表示できます。検索ランキングは、文字数だけでなく、被リンク数やソーシャルでの話題度なども考慮されるからでしょう。 しかし、私は文字数が多い方がSEO的に良い傾向にあると感じています。記事数を稼ぐために記事を小分けにするような事はしない方が良いでしょう。 記事数よりも文字数 一記事当たりの文字数が多くなると、単語数が増えます。欲しい情報にたどりつくためには、複数のキーワードで検索

いままで何回も書きましたが・・・Facebookの広告があまりにひどすぎる。2000万人近い日本人が利用しているんだから、被害者もけっこういるんじゃないか。そしてなにより、完全放置で対処策を全くとらないFacebookには心から怒りを覚える。 出てくる広告の大半が中国人の偽物ショップで、いくら表示させないようにしても際限なく出てくる。いままで50以上表示を止めて通報したが、それでも際限なく出てくる。偽物を偽物として販売するなら買う方にも責任があるが、全て｢本物」「正規品」としているから間違いなく詐欺! プラダ シャネル ヴィトン グッチ エルメス レイバン アグー オークリー モンクレール モンスターヘッドホン 書ききれないわ・・ このうち、プラダはメールしたら本国に連絡するとの回答。エルメスはGoogle+に書き込んでやったが無視(見てないっぽい)、ヴィトンはメールしても無視。まあ、日本

4つのリサイズ設定が保存できるので、決まった処理をする場合に設定変更をする手間が省くことができ、操作はドラッグ＆ドロップで簡単に実行できるフリーソフトが「VarieDrop」です。出力フォーマットはGIF・BMP・PNG・JPEG・GIF・TIFFで、Windows XP・Vista・7・8上で起動可能となっています。 ダウンロード、インストール、設定・操作方法については以下から。 Software - Vieas Web http://www.vieas.com/en/soft.html 上記サイト中段のVarieDrop項目にある「EXE」をクリック。「ZIP」も選択できます。 ダウンロードしたインストーラーを実行。 「OK」をクリック 「次へ」をクリック 上にチェックを入れて、「次へ」をクリック 「次へ」をクリック 「次へ」をクリック 「次へ」をクリック 「インストール」をクリック

WebページをPCで閲覧時、文字を選択した時の色（いわゆる「反転状態」）はデフォルトで決まっておりますが、それを変更するCSSの小ネタをメモ。 特にスタイルシートが設定されていないWebページにて文字を選択すると、こんな感じになりますね。（↑はSafari） これの色を変更してみましょう。 適宜、スタイルシートに↓を記述します。 [css] ::selection { background: #e9580f; /*背景色*/ color: #fff; /*文字色*/ } ::-moz-selection { background: #e9580f; /*背景色*/ color: #fff; /*文字色*/ } [/css] こんだけ。 すると 文字を選択した時このように色が適応されます:) すんごい簡単なのでやってみたい方はどぞ。 関連：角丸にドロップシャドウ、グラデーションにアニメーショ

第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます！ 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね？ 右上にあるボタンをちょちょっと。 本題 余談はさておき、本題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の

レスポンシブに対応したクールなカレンダーライブリーを見つけたのでご紹介。 jQueryプラグインなので、簡単に組み込む事が出来ますよ。 ↑画面のようなカレンダーを表示します。 jQeury UIのようにフォームをクリックした際に表示したりする他に、 常に表示させて置くことも簡単に出来ました。 これはかなり使えそうです。 使い方も簡単でjQueryとPickadate.jsを読み込んだ後に、以下の処理を追加するだけでした。 $('.datepicker').pickadate(); オプションがすごく豊富 オプション設定が非常に豊富で、細かな気遣いが感じられます。 ↑年と月をプルダウンで選択する事も $( '.datepicker' ).pickadate({ monthSelector: true, yearSelector: true }) ↑指定した範囲のみ選択する事も可能です。 $(

TOP  >  Design , Photoshop  >  さまざまな都市を表現できるPhotoshopブラシまとめ「24 Sets Of Free City Brushes For Photoshop」 人々が暮らす都市の風景はデザインに取り入れられることも多く、イラストやシルエットなどの素材ををチェックしている方も多いのではないでしょうか？そんな中今回紹介するのが、都市を表現できるPhotoshopブラシをまとめた「24 Sets Of Free City Brushes For Photoshop」です。 City Scapes 2 – NYC Edition by ~tiffcali06 on deviantART シルエット素材からイラスト、画像など、表現力の広がるPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご

Chrome拡張機能には多くのスクリーンショット機能を持ったものがあります。その中でも今回は、ただ単にスクリーンショットを撮って画像を加工できるだけでなく、サイトのブックマークや共有機能を持ったものをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! スクリーンショットを撮って整理できる「Clipular」 「Clipular」は開いたページのスクリーンショットを撮って、画像を編集/整理しておけるChromeアプリと拡張機能。 画像加工することも可能で、その画像をすぐさまURLと共にFacebookへ共有する機能も持っています。 Alt + C でスピードスクリーンショット ↑Alt + CまたはChrome拡張機能を使ってボタンを押すと、 ↑範囲選択画面になります。 ↑範囲指定はサイ