SVGやJPG等の画像の最適化、JSON/JS/TS/CSSなどのフォーマット、カラーコード変換などフロントエンド開発をサポートするツールをページ移動せずに使えるWebアプリ・「Frontend Toolkit」
画像のファイルサイズを最大70％減らせて複数ファイルも一括処理も可能なフリーソフト「PNGoo」
PNG画像を最大70％圧縮できたり、透過処理したPNG画像も透過処理を残したまま圧縮できたり、複数PNG画像を一括で処理したりもできるファイル圧縮ツールが「PNGoo」です。無料でブラウザ上からファイルサイズを圧縮できる「TinyPNG」や「Kraken.io」でも使われている「pngquant」というコマンドラインツールを使用したフリーソフトで、ブラウザ上で処理を行うわけではないのでインターネットに接続していなくてもいつでもPC上で画像を圧縮できてしまいます。 pngquant — lossy PNG compressor http://pngquant.org/ ◆PNGooを使ってみた 「PNGoo」をインストールするには、上記リンクからpngquantの公式ページへ飛び、「PNGoo」と書かれたリンクをクリック。 すると「PNGoo.0.1.1.zip」というファイルがダウンロード
【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ
【ブログ術】表示速度アップ！SNSソーシャルボタン後読み設定で高速化 【ブログ術】FacebookのOGP設定をプラグインなしで設置する方法 【WordPressプラグイン】複数ソーシャルボタンを記事前後に並べて設置 私が現在このブログで利用しているソーシャルボタンは、自分でも利用している5種類です。ツイッター、Facebook、はてなブックマーク、Google+、Pocketです。 なおWordPressを利用している方は、次の高速化についてのまとめ記事も参考にしてみてください。 ソーシャルボタンを3段階でまとめる そもそも、ソーシャルボタンをまとめるとはどういう意味なのかを3段階で説明します。 同じソーシャルボタンのスクリプトを1つにまとめる 全てのソーシャルボタンのスクリプトを1箇所にまとめる 全てのソーシャルボタンを1つのスクリプトにまとめる ただし同じボタン（例えばツイッターボタ
無料で画像のファイルサイズを減らして軽量化してくれる「Kraken.io」
ウェブサイトを作成する際、転送料金のかかるサーバでは転送量を減らすためにファイルの圧縮は重要で、閲覧者にとってもファイル容量が減れば読込速度がアップするわけですが、ブラウザ上でファイルを複数選択してアップロードするだけであっという間にファイルサイズを減らしてくれるサービスが「Kraken.io」です。 Web Interface · Kraken.io https://kraken.io/web-interface 画像を圧縮する際はまず、ファイルをアップロードするかURLを貼り付けるかを選択、不可逆圧縮か否かを選択後、ファイルをPC上から選択するかブラウザ上にドラッグ＆ドロップします。今回はファイルを選択してアップロード。 ファイルは複数選択が可能ですが、ファイル1つにつき1MBまでという制限があります。 しばらくすると、選択した複数ファイルがアップロードされ、圧縮された結果が表示されま
複数のJavaScriptファイルを簡単にマージできるオンラインサービス「JMerge」
ウェブサイトのパフォーマンスを向上させるテクニックの1つに、HTTPリクエスト数を減らす方法があります。 複数のJavaScriptファイルを1つにまとめるのもその1つですが、複数のファイルを1つにまとめる作業はちょっと面倒です。 が、本エントリーで紹介するオンラインサービス「JMerge」を利用すれば、ウェブサイトで利用している複数のJavaScriptファイルを簡単にマージすることができます。 JMerge ページ内にマージしたくないJavaScriptファイルがある場合も、簡単に除外できます。 使い方 フォームの「URL:」に、ウェブサイトのURLを入力して「Continue」をクリック。 ウェブサイトで使われているJavaScriptファイルを上から順番に検索し、一覧として表示します。ここに表示されているファイルがマージ候補になります。 表示されたURLをクリックすれば、マージした
タブで切り替え可能な地図をGoogleMapで実装する為のjQueryコードサンプル
勉強用にメモ。タブで複数のGoogleMap をjQueryで切り替え可能にするコード です。わりと簡単なコードでユーザーに とって使いやすい地図を実装出来るの でちょっと覚えておきたい。仕組みは 結構単純です。 以前、普通のタブで同じように切り替えるようにしたんですが、複数の地図を全部読み込んでしまうのでちょっと微妙だったんですが、これなら切り替え時に読み込んで表示するので表示スピードに対する影響を軽減できます。 Sample 例えば複数店舗があっても一箇所に表示できますね。GoogleMapは便利なんですが、地味に重いのでこういうコードはちょっと覚えておきたいです。 /* Google Map Selector * Created: Jan 18th, 2011 by DynamicDrive.com. This notice must stay intact for usage *
JavaScriptとCSSファイルのHTTPリクエストを最小限にし圧縮・キャッシュする -BoxJSとBoxCSS
ウェブサイトで使用する複数のJavaScriptとCSSファイルのHTTPリクエストを少なくし、圧縮・キャッシュするサービスを紹介します。 [ad#ad-2] 複数のJSファイルをまとめる -BoxJS 複数のCSSファイルをまとめる -BoxCSS 複数のJSファイルをまとめる -BoxJS BoxJSは一つのJSファイル（box.js）を利用し、モジュール式のローディングシステムで複数のJSファイルをロードできます。 BoxJS BoxJSの使い方 最初に、box.js(1.4kb)を外部ファイルとして指定します。 <script src="http://www.boxjs.com/box.js"></script> ロードするJSファイルを指定します。 Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi
[AS3] ふたつの数値の最大値・最小値を得るにはMathクラスより条件演算子?:の方が速い
条件演算子に書替えた方が速いのは、大きくふたつ理由があると考えられます。第1は、Math.max()やMath.min()メソッドには、いくつでも引数が渡せることです。つまり、引数の数を確かめ、すべての大小を調べることが求められます。そのため、数値はふたつと決めて、それらの大小を比べる?:演算子の処理の方が速くなるのです。 任意の数の引数から最大値を返す関数は、たとえばつぎのスクリプト001のように定められます(不定数の引数定義については、「...(rest)パラメータ定義キーワード」参照)。しかし、この関数の処理は、引数を不定にしてしまったため、Math.max()メソッドと比べて決して速くありません(後掲テスト001参照)。 スクリプト001■任意の数の引数から最大値を取出す関数 function xMax(...values):Number { var nLength:uint =
![[AS3] ふたつの数値の最大値・最小値を得るにはMathクラスより条件演算子?:の方が速い](https://cdn-ak-scissors.b.st-hatena.com/image/square/a092edc21fa668dd8fd9d4117d5f1ea7812f16d6/height=288;version=1;width=512/http%3A%2F%2Ff-site.org%2Fogp_2013.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
