タグ

小技に関するsuzuken83のブックマーク (38)

  • PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com

    ウェブ上で使用される画像ファイルのフォーマットには、主にJPEG、GIF、PNGという3種類の圧縮形式があり、この中で可逆圧縮かつフルカラー、つまり元画像の画質を見た目上一切劣化させることなくファイルサイズを縮小できるのがPNGですが、欠点は高画質な分ファイルサイズが大きくなってしまいがちなこと。 このため、フルカラーのPNGをウェブ上で使用する場合は専用ツール(有名なものではAzConvPNGなど)を使用してファイルサイズの最適化を行い、画質を劣化せずにできる限りサイズを落とした上でサーバーにアップロードされることがよくありますが、それでも削減できるファイルサイズは良くて1割といったところでしょう。 実は、一般にはほとんど知られていませんが、この他にもフルカラーPNGを画質劣化なしに、さらに大幅にファイルサイズを削減できる裏技的な方法が存在します。やり方は少し面倒ですが、うまく使えば非常

    PNGの画質を劣化せず極限までファイルサイズを落とす、たった1つの方法 | フリーソフトラボ.com
  • IDEA * IDEA

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

    IDEA * IDEA
  • パフォーマンス改善やセキュリティに役立つ.htaccessの設定 | コリス

    ウェブサイトのパフォーマンスの改善やSEOセキュリティに役立つ.htaccessの設定を紹介します。 17 Useful Htaccess Tricks and Tips 備考:Apache チュートリアル: .htaccess ファイル、Apache コア機能 [ad#ad-2] .htaccessの設定:パフォーマンスやSEO関連 .htaccessの設定:セキュリティ関連 .htaccessの設定:パフォーマンスやSEO関連 .htaccessでタイムゾーンを設定 .htaccessでタイムゾーンを設定します。 例:東京 SetEnv TZ JST-9 もしくは、 SetEnv TZ Asia/Tokyo .htaccessで301リダイレクトを設定 .htaccessで301リダイレクト(永続的なリダイレクト)を設定します。 例:旧ファイル(old.html)、新ファイル(new

  • Ywcafe.net

    Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Credit Card Application Health Insurance 10 Best Mutual Funds Accident Lawyers song lyrics Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy

  • モバイルサイトで使われる画像の容量を落とす方法 : LINE Corporation ディレクターブログ

    はじめまして!モバイルサイトのデザインをしている、まどかです。 今回はモバイルサイトで使われる画像の容量の落とし方についてお話ししたいと思います。 みなさんはモバイルサイトを見る時に、なかなか開かなくてイライラしたことはありませんか? ユーザーのみなさんに「ストレスを感じることなくサイトを見てもらう」ことを私たちは常に考えています。 そのためには、いかに画像をキレイに容量を減らすかが大事です。 PC 用の画像を用意する場合は Photoshop で用意するだけで大丈夫なことが多いですが、モバイルサイトではそうはいきません。 Photoshop で容量を減らしてもキレイにはできないからです。 容量の減らす方法は2つあります。 ・psdデータを Fireworks を使って減色する方法 ・最初から Photoshop の鉛筆ツールを使ってドットで描いていく方法。 イラストを描いたものや写真、デ

  • | ^^ |秒刊SUNDAY | 知らないと損をするWeb制作で便利なショートカット表一覧集

    2008年09月08日 知らないと損をするWeb制作で便利なショートカット表一覧集 Webデザイナーになる為には、まず色の基礎知識、フォトショやイラレなどの使い方、コーディング方法・・・様々ありますが、そんなときに役立つチート表のサイトがこちら。 ※ごめんなさい、全部英語です・・・。でもショートカットを知るだけなら差し障りは無いかな。 ◆Photoshop:ショートカットチート表 ■http://morris-photographics.com/photoshop/shortcuts/#pscs3 →全塗り、レイヤー統合は良く使う。 ※リンク先にCS2とCS3用のPDFがあるので落とすべし。英語わかんねーYO!とか気にすんな! ◆Photoshop:レイヤーパレットキーショートカット ■http://livedocs.adobe.com/en_US/Photoshop/10.0/he

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2019 GMO Internet, Inc. All Rights Reserved.

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
  • [228621]SWF ファイルのキャッシュを防ぐ方法

    Web ブラウザのキャッシュ 他のドキュメン同様、SWF ファイルはユーザーのローカル上のハードディスクにキャッシュされます。次に要求があったときにネットワーク上からダウンロードするかわりに、Web ブラウザはキャッシュからファイルをダウンロードした場合、SWF ファイルの内容がほとんど更新されないムービーであればいいですが、常に新しい内容・情報が更新されるムービーでは望ましくありません。 次の方法を使用して、Web ブラウザのキャッシュに期限を設定する、またはブラウザでページにアクセスする度に再度ネットワーク上からダウンロードさせることが出来ます。 メモ: 以下の MATA タグの設定をサポートしていないブラウザでは動作しません。 SWF ファイルがアクセス毎にダウンロードされる 3 つの方法 1. Expires ヘッダーを使用します。キャッシュされたドキュメントがブラウザキャ

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2019 GMO Internet, Inc. All Rights Reserved.

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
  • flair4 blog - MoiveClipをボタンにする時の小技

    AS2でもAS3でも MovieClipをボタンとして扱う事は少なくない。 色々と話を聞いてみると、けっこうな人数の人たちが律儀に RollOver や RollOut のイベントを定義して、画像を切り替えているらしい。 実はわざわざイベントを定義しなくても ラベル名を書くだけで簡単な画像の切り替えられる方法があったりする。 よくやるのが、AS2だと MC.onPress = function(){ gotoAndStop("press"); // なんかの処理. } MC.onRollOver = function(){ gotoAndStop("over") } MC.onRollOut = function(){ gotoAndStop("normal") } というコードによって画像をスクリプトで切り替える方法。 でもこれは実は、press, over, norma

  • 第1回 プラグインを見つけよう | gihyo.jp

    はじめに この連載では、プログラムはあまり知らないという方に向け、今話題のJavascriptライブラリの一つであるjQueryのプラグインを用いた、ワンランク上のWebサイト制作方法を解説します。 第1回では「プラグインをどのように見つけるか」について、その方法を紹介していきます。今後も増加の傾向にあるjQueryプラグイン。インターネットの海の中から自分に必要なプラグインを効率よく探すテクニックは、jQueryを使いこなす上での重要なポイントとなるはずです。 jQueryプラグインの見つけ方 インターネットの海から必要なプラグインを探す方法は、ざっと次の3パターンに分けることができます。 検索エンジンで探す リスティングサイト/ブログから探す RSS/ML購読など 当然、それぞれの探索方法は一長一短であり、以下にそれぞれの方法に対し、詳しく紹介していくことにします。 検索エンジンで探す

    第1回 プラグインを見つけよう | gihyo.jp
  • Making ListBox with CSS

    Aug, 2005Hedger Wang Recently, I had received a request from a mail by someone that asked me if I can add multiple="yes" to the problem which I fixed in Fix the bug with z-Index issue of SELECT lists in Internet Explorer The question somehow interested me because I didn`t want to make a fake <select /> to fix the z-index bug instead of making <select /> better. Furthermore, I would like to add an

    suzuken83
    suzuken83 2008/08/20
    クールなリストボックス、チェックボックスの作り方
  • 画像の下にテキストが回りこまないレイアウト | ヨモツネット

    概要 画像の横にテキストがあるようなレイアウトですがテキストが画像の下に回りこまないという CSS の書き方です。float を使うと、画像の下部にテキストが流れ込みますが、この方法は、画像の下にはテキストは流れ込みません。 さらに、画像の大きさは自由に設定できて、スタイルの使い回しが可能なレイアウトです。(画像が配置されるスペースの横幅は画像のサイズにフィットします。) これにより、画像のサイズごとに class 属性を設定したりスタイルを作る必要がありません。 また、画像がない場合でも画像分が詰められて表示されます。 これを応用すれば柔軟に対応できるコンポーネントをつくることができます。 動作確認用の demo 動作確認用の demo (左右逆版) 説明 display プロパティに table や table-cell を設定して実現します。構造を table 要素に置き換えて考えて

  • 第5回 読ませるためのコピーを書こう | gihyo.jp

    コピーライティングは、サイトパフォーマンスを大きく左右する作業要素の一つです。 書店でを選ぶとき、棚の橋から順に中身をチェックしていく人はそう多くはいないでしょう。大半の人は、のタイトルやオビに書かれたキャッチフレーズを見て、何か感じたものだけを手に取る筈です。 Webのユーザーも、外部で見たページタイトルやアンカーテキストを判断材料にしてそのページを訪問するか否かを決め、ページに訪問した後は冒頭の概要文や個々の見出しを流し読みして、文を読むか否かを決める傾向があります。つまり、コピーのでき映え次第で、サイトのアクセス数やページの定着率が大きく変化する訳です。 「コピーライティング」というと、どうしてもフレーズの美しさを追求することに意識を向けがちですが、まずは、説明の"目次"としてきちんと機能させる、ユーザーの好奇心をくすぐるといった、文を読ませるための工夫に注力しましょう。 見

    第5回 読ませるためのコピーを書こう | gihyo.jp
  • ワイヤーフレームのようなラインを描くPhotoshopのチュートリアル | コリス

    TUTORIAL MANUALのエントリーから、ワイヤーフレームのようなラインを描くPhotoshopのチュートリアルの紹介です。

  • [08/07/30]たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法

    最近はメモリを2Gバイトとか4Gバイトとかを最初から搭載するPCも結構多くなってきましたね。 Photoshop CS2/CS3を使用していてメモリを多く積んでいる人にお得な情報をお知らせしたいと思います。 なんと、たった1文字ファイル名を変更するだけでPhotoshopの動作が高速化されてしまうのです。 Photoshop CS2/CS3ユーザーでメモリが1Gバイト以上ある方(※)の変更すべきファイルは「~大きいタイル.8BX」または「~大きいタイル.plugin」です。 このファイル名の先頭についている「~」を消すだけです。 たったこれだけ。 簡単に速度アップができる技(で前の状態に戻すのも簡単)なので、是非試してみてくださいね。 ※Adobeのドキュメントでは「1Gバイト以上」と書かれていますがOSにWindows Vistaを使用されている方は現実的には1.5~2Gバイト以上搭載し

    [08/07/30]たった1文字ファイル名を変更するだけでPhotoshopを高速化させる方法
  • http://foobar.onthehead.org/tag/illustrator%7Cphotoshop

    suzuken83
    suzuken83 2008/07/31
    Illustrator、操作方法色々
  • アイコンやサムネイルの横にタイトルと概要文があるような時。

    とりあえず、暑いっす。えぇ。 ここ最近の暑さにやられ気味なhirasawaです。そんなやられ気味な状況なので、HappyLifeも夏っぽくしてみました。 あと、弊社のベトナム事業部の女性マネージャーがブログを開始しました。 ベトナムに興味がある方や女性マネージャーに興味がある方、更新率も高いので、ぜひに。 さて、そろそろ題に。 こんな感じで、アイコンとかサムネイルがあってその横にタイトルと概要文があるような、そんなデザインってよく見かけるかと。 今回は、これの組み方の一つとしてサンプルを用意してみました。 サンプルの確認は以下より。 サンプルを見る こういうデザインの場合、どうやって組もうか結構悩むんです。 何に悩むって、この画像をどうやってマークアップするか。 今まで多かったパターンは、基的には定義リストを選んで、ddに入れたりしてましたが、コレだとリンクを画像とdtに張る必要があっ

    アイコンやサムネイルの横にタイトルと概要文があるような時。
  • ウェブページでpdfをリンクするときのちょっと便利な小技 - 血統の森 はてな

    ウェブブラウザで開くと何かと不便な向きもあるpdfですが*1、ちょっと幸せになれるかもしれない小技を見つけたので紹介。 pdfを開く際にページを指定するなんて芸当ができる。 例えば、2ページ目を開きたいなら、URLのあとに#で区切って、page=2と記述すればいい。 http://www.jitec.ipa.go.jp/1_01mosikomi/20a_annaisho/20a_all.pdf#page=2 (IPA*2) とまあ、少なくともAcrobat Readerのプラグインが入っているなら、2ページ目が開く。 また、ズームを指定することができる。例えば50%にしたいなら、zoom=50とする。 http://www.jitec.ipa.go.jp/1_01mosikomi/20a_annaisho/20a_all.pdf#zoom=50 2ページ目かつ、ズームを50%としたいなら、

    ウェブページでpdfをリンクするときのちょっと便利な小技 - 血統の森 はてな
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知