PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール（有名なものではAzConvPNGなど）を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常
長期間の使用で重くなったFirefoxを一瞬で軽くする方法
1.Firefoxのデータが保存されているディレクトリを開く（たとえばWindows7なら、下記ディレクトリ）。 C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\適当な文字列.default 2.そして、以下のsqliteファイルを削除する（削除が怖いならリネームや他の場所に移動させておくと良い）。 places.sqlite おしまい。 長期間Firefoxを使っていると、キャッシュがたまってどんどん遅くなってきてしまいます（これはFirefoxの仕様です）。特にplaces.sqliteファイルはどんどん肥大化していき、数MB〜数十MBまで膨れあがっていきます。こうなってしまうと、インストール初期の頃に比べて、Firefoxのパフォーマンスは相当落ちています。そこで、places.sqliteファイルを削除し、すっきりクリ
携帯サイトを作る時に役立ちそうな情報まとめ - かちびと.net
ちょっと必要に迫られたのでメモ。 どうもTwitterやってるとiPhoneや Androidなどのスマートフォンの 話題ばかりなので忘れそうですが、 携帯サイトはビジネスには必須 ですので備忘録として記事に。 以前にも何度かまとめ記事が話題に上がっているので今更感も否めませんが自分のブログにあったほうが探しやすいのでメモします。 予備知識 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント ファーストビューの重要性、色の大事さ、リンク操作に関して記載されています。 モバイルサイト構築前に知っておきたいユーザビリティ10のポイント 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 サンプルを元に解説してくれているので分かりやすいです。 携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 携帯サイトの作り方 5年前の情報なので参考程度に。今は随
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/97e3e19565e2c3b64992f8c4fa7c88a5c19dd907/height=288;version=1;width=512/https%3A%2F%2Fp1-dd40651e.imageflux.jp%2Fr%2F2014%2F03%2F07%2F17%2F20140307170056_53197cb86ffd4.jpg)
秋冬おしゃれの必需品！もう悩まない「マフラー・ストールの巻き方」 - はてなブックマークニュース
秋冬のおしゃれの楽しみといえばマフラーやストール。最近はいろんな素材や大きさのものが出てきている分、「巻き方が分からない！」と悩むことも多いはず。またスーツやコートなど、服装に合わせた巻き方も気になりますよね。そこで今回は、はてなブックマークでも注目を集めている「マフラー・ストールの巻き方」についてのエントリーを集めました。 タイプ別巻き方 まずはマフラー・ストールのタイプ別に様々な巻き方を紹介しているエントリーです。同じマフラーでも巻き方によってだいぶ印象が変わりますね。 マフラー・ストールの巻き方、今年はコレ！ - ［トレンドファッション］All About 毛糸と手織り糸のメーカーです。「可愛くマフラーまいちゃおう！」 【prastole】プラストール ストール,マフラーなど取り扱う代官山にあるストール専門店のネットショップ FAnet-- 冬のおしゃれはマフラー使いで決まる!! -
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
コマンドプロンプトでスタートアップの中を1つのバッチファイルにまとめる | 株式会社CONFRAGE
スタートアップフォルダ配下に実行ファイルのショートカットを作成しておくと、ウィンドウズ起動時に実行ファイルを実行することができます。 実行したいファイルが増えてくるとスタートアップフォルダ内が煩雑になってきます。 なのでショートカットを作成するのではなく、スタートアップフォルダに1つのバッチファイルを置いておき、ウィンドウズ起動時に実行したいプログラムができたらバッチファイル内に追加していきます。 そうすればスタートアップフォルダ内がすっきりします。 また、ネットワークドライブの割り当てを行ってる場合、ログオン時に再接続するよりも、スタートアップフォルダ内のバッチファイルでネットワークドライブの割り当てを行うこともできます。 バッチファイルの中身は以下のようにstartコマンドを使います。 start "MS Office" /D "C:¥Program Files¥Microsoft O
Mozilla Re-Mix: Firefoxのブックマークフォルダアイコンを変更する方法。
FirefoxやThunderbirdはWEBユーザーの必須アイテム。 初心者からヘビーユーザーまで使える！便利でクールなFirefox拡張機能（アドオン）の使い方やカスタマイズ、Mozilla関連情報をどうぞ。 Adobe 「Flash Player」を緊急アップデート。 by hoge (07/16) Adobe 「Flash Player」を緊急アップデート。 by H.I. (07/16) ウェブページから余計なコンテンツを排除して読みやすく表示できるFirefoxアドオン「Tranquility Reader」 by しんちゃん (07/11) YouTubeのHTML5動画に表示される広告をブロックしてくれるFirefoxアドオン「YouTube Advertisement Blocker」 by はち (06/17) ウェブページ上の不要なリンクを非表示にできるFirefox
Firefoxのアイコンを変更する | Hinemosu
最近は「Tete版Win32 Firefox私的ビルド」を愛用してるんだけど、そのままだとアイコンが地球だけでちょっと寂しいのよね。 調べてみたらFirefoxは割と簡単にアイコンを変更できるようなので、メモがてらにアイコンの変更方法を書いておきます。 Firefoxアイコン変更手順 Firefoxをインストールしたフォルダに移動。配下のchromeフォルダを開く chromeフォルダ内にiconsフォルダを作る。さらにiconsフォルダの中にdefaultフォルダを作る いま作ったフォルダ(chrome\icons\default)に使いたいアイコンを置く そのアイコンの名前を下記ファイル名に変える。 アイコンファイル名リストはこんな感じ。 main-window.ico CustomizeToolbarWindow.ico bookmark-window.ico downloadMan
入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」:phpspot開発日誌
ToggleVal :: jQuery Plugins by Aaron Kuzemchak 入力ボックスでクリックすると消えるデフォルト値を簡単実装「ToggleVal」。 入力ボックスにデフォルトでヒント値を入れておいてクリックすると消えるあの分かりやすいインタフェース。 実際に実装するとなると、ちょっと面倒ですが、ToggleValを使えば、メソッドを1回呼び出すだけで簡単に実装できます ↓↓↓↓クリックで消える↓↓↓↓ jQueryプラグインなので、以下のように使いやすくなっています。 $("input[name='name']").toggleVal( { option } ); 実装したくなった時、ちょっと面倒でまた今度、とならないようにこれを覚えておけばよさそう。
Gmailの機能を拡張して、もっと便利にする38のTips
Gmail: Google's approach to email TipsはWhite belt, Green belt, Blask belt, Gmail Masterの4つに分けられており、最後にそれ以外の便利な機能を紹介します。 白帯クラス White belt 1. スターを使用 スターは、重要なメールにつけると便利です。また、必ず返信する必要があるメールにつけるのもよいでしょう。 2. チャットで返信 メールで返信する前に、相手がオンラインか確認し、チャットで返信するとよりリアルタイムに返信でき、時間を短縮することができます。 3. ラベルでメールを整理 メッセージにラベルを設定し、メールを整理します。 カラフルなラベルを使用するには、Labsの「ラベルの色をカスタマイズ」をオンにします。 Labs 4. 受信トレイは「移動」でお掃除 受信トレイのメールは、「移動」を使って簡
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
FooBear を参考に Column UI でカスタマイズ - Hyperballad
foobar2000 （以下 f2k ）を、上の SS のようにするためのメモ。Panels UI 未使用、Columns UI 使用。FooBear という Panels UI という component 用の THEME を参考にしてます。 参考：FooBear by =lassekongo83 on deviantART Panels UI は自由度が高くて何でも出来るんですが、unicode に対応していないので日本語環境では Settings 画面を開いただけで foobar2000 ごと落ちたり不安定。 そんなわけで Panels UI をあまり使いたくなかったのでゴリ押しで Column UI で FooBear と似た感じに作ってみました。 ちなみに Panels UI については、こちらのサイトが詳しかったです。 foobar2000についてあれこれ - livedoor
勝手にしやがれ - 何度目かの foobar カスタマイズ
2008-04-20 06:26 何度目かの foobar カスタマイズ foobar2000 カスタマイズメモ。完全自分用なので、説明はしていません。一応細かい機能として、長いタイトルのものは一定の文字数を超えると省略されたり文字サイズが小さくなる、レイティングもつけられる、「オリジナルサウンドトラック」「ORIGINAL SOUNDTRACK」と表記されたものは Track info mod ではすべて「O.S.T.」表記になる……あたりかな。 以下にカスタマイズ用ソースを。 Layaut track info // PerTrack $puts(AlbumArtPath, $if($fileexists($replace(%path%,%filename_ext%,)cover.jpg), $replace(%path%,%filename_ext%,)cover.jpg, C:\P
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
JavaScriptを使わずCSSのみでシンプルなツールチップ実装:phpspot開発日誌
Easy CSS Tooltip | Kollermedia.at JavaScriptを使わずCSSのみでシンプルなツールチップ実装。 CSSの a:hover を応用して、次のようにシンプルなツールチップを実装するサンプル。 コードは以下のようにシンプルにかけます。 <html> <head> </head> <style> a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;} a.tooltip:hover span{display:inline; position:absolute; background:#fffff
よく使うコントロールパネルのアイテムを素早く起動できるようにする【Windows OS】
対象OS：Windows 2000 Professional／Windows XP Professional／Windows XP Home Edition、Windows 2000 Server／Windows 2000 Advanced Server コントロールパネルにはたくさんのアイテムがある 周知のとおりコントロールパネルは、Windowsシステムの各種環境設定などを行うアイテムをまとめたものだ。コントロールパネルに含まれる各種アイテムを使うことで、ウィンドウやボタン類などのGUI部品の表示方法を変更したり、システムの動作方法を変更したりできる。特に本サイトの読者のような熟練ユーザーなら、時と場合に応じてコントロールパネルのアイテムを使って必要な設定を変更し、最適な状態でWindowsを使えるように工夫しているに違いない。 例――［Windows］＋［Break］キーで［システム
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたのブログが10倍アクセスアップする文章テクニック - はてなこわい＞＜
http://www.designwalker.com/2009/03/form-design-2.html
