画像表示を高速化してサイトパフォーマンスを向上させる5つのTIPS
[対象: 中〜上級] ウェブサイトのパフォーマンアップ、平たく言うとページ表示の高速化は多くの読者さんにとって興味がある分野のようです。 僕も同じでスピードアップのためにいろいろ調べています。 そこでここまでの収穫として、今日は、画像ファイルの表示を高速化してサイトのパフォーマンスを向上するTIPSを5つ紹介します。 一応、簡単に実装できそうなものから順に並べてあります。 画像ファイル表示を高速化してサイトのパフォーマンスを向上させる5つのTIPS 1. 画像のファイルサイズの縮小 いちばん簡単にできて効果が期待できるのは画像のファイルサイズを小さくすることです。 画像編集ソフトを使ってサイズを縮小できますが、画質を損ねることなく小さくすることは普通の人にはさじ加減が難しいところです。 そんなときはツールを使いましょう。 画像のファイル縮小ツールはたくさん出回っていますが、インストールする
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
無料で商用利用できてクレジット表示も不要の画像素材検索サイト「タダピク」
仕事上で使用する画像はウェブ上で見つけにくく、いい画像だな、と思っても商用利用ができなかったりクレジット表記が必要だったりする場合もあります。そんな時に便利なのが横断検索サイト「タダピク」で、海外や日本の計24の画像検索サイトから商用利用OK・クレジット表示不要の画像素材を横断検索することが可能です。 タダピク（tadapic） - 商用利用OK・クレジット表示も不要の画像素材検索エンジン http://www.tadapic.com/ トップページの検索欄にキーワード「子猫」を記入し、検索ボタンを押すと…… こんな感じで子猫の画像が表示されます。 気になる画像をクリック。 すると、画像元のサイトに飛びます。 なお、検索対象は「画像」なので、写真だけでなくイラストも一緒に検索されます。 検索時にはイラストやアマチュアカメラマンによる写真素材サイト足成の写真を除外したり、日本のサイトに絞り込
DVDをmp4やflvに変換する方法
プライベートで作ったDVDの内容の一部をmp4やflvなどの動画ファイルとして取り出したいケースや、YouTubeにアップロードしたいケースがあると思います。 ということで、DVDに含まれるVOBファイル（映像・音声・字幕などをひとつのオブジェクトとして格納することができるデータ形式）をmp4やflvに変換あるいはトリミングする方法を紹介します。 またVOBファイルは1GB単位で分割されており、抽出したい動画が分断されているケースがあるので、VOBを結合して1つの動画ファイルに変換する方法も紹介します。 このエントリーではWindows Vistaを使っています。また、いくつか試したフリーソフトの中で一番良好な結果を得られた「Any Video Converter」を利用します。 Any Video Converter このフリーソフトは「VOB 変換」などをキーワードにしてみつけました。
WEB屋にとって便利なジェネレーター色々！最近のオススメも、昔から使ってきた物もまとめてご紹介！ | バンクーバーのうぇぶ屋
WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ
Googleトレンドの使い方
Googleトレンドが、Insights for SearchとGoogleトレンドの統合により、2012年9月にリニューアルされました。 Googleトレンド ということで、基本的な使い方も含めて各機能について紹介します。 リニューアルに関する参考記事： Insights into what the world is searching for -- the new Google Trends Insights for SearchとGoogleトレンドの統合 １．使い方 Google検索と同様、トレンドを調べたいキーワードをフォームに入力します。 新しい検索結果画面は次のようになっています。グラフ類はHTML5ベースのものに変更されているようです。 グラフのA～Gはニュースのヘッドラインで、点線は今後の予測です。それぞれチェックボックスで表示・非表示を切り替えられます。 A～Gの部分を
アンテナサイトは米Yahoo!のPipesを利用すると便利だよ | soplog(そぷログ)
「RSSフィード指定するだけ！たった10分でアンテナサイトを作る方法 56docブログ」を見て、本エントリーを起こしました。 RSSをサイトに出力する際に「Google Ajax Feed API」を使用する方が多いようですが、複数のRSSのソートがうまく出来なかったり、キャッシュや取得タイミングの関係でうまく表示されなかったり、どうも動作が安定していない印象があります。 上記のような悩みがある場合、米Yahoo!の「Pipes」がとても便利です。 Pipesって何さ 米Yahoo!のサービスで、RSSやXMLやJSONなどを統合したりソートしたり色々弄ることができます。 利用には米Yahoo!のユーザー登録が必要です。 2007年に公開されたサービスですが、ちょこちょこ機能が追加されてはいるものの、レイアウトなどは一切変わっておらず、当時からサービスとして完成されていたことが伺えます。
[私的まとめ] Web開発お役立ちツールを紹介10選
個人的に使っているサービスやオンラインツール 有名どころのサービス・ツールが多いのですが、よくお世話になっているので感謝などなどを込めてずらっと紹介します。かなりノンジャンルなチョイスですが、まんま自分のブックマークから選出しているのでご容赦ください。 HiFi Regex Tester - Live JavaScript Regular Expression Tester 正規表現の結果をリアルタイムにチェックしなが記述できるツール。簡単な正規表現は、これでチェックしながら記述することが多いです。 RegExr こちらはFLASHベース。マッチングだけでなく、リプレイスにも対応し、ユーザーが登録したregexpなどを確認できます。高機能気味。 JS Minify!! - ありんく tech-tools JSを最小限のファイルサイズに圧縮してくれます。難読化とも言われる処理ですね。 CSS
![[私的まとめ] Web開発お役立ちツールを紹介10選](https://cdn-ak-scissors.b.st-hatena.com/image/square/2183e9bbc25dbbdb50624f0d9497aa7861959398/height=288;version=1;width=512/https%3A%2F%2Fhavelog.aho.mu%2Fogp-default.jpg)
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
『Chrome Developer Tools』の裏ワザまとめ | IDEA*IDEA
ドットインストール代表のライフハックブログ
Best Casino jQuery Plugins: Example ohne Steuer
ViewerDecember 9 Viewew is an awesome jQuery image viewing plugin for photo galleries. Created by Fengyuan Chen Download Home Example View more → video-extendDecember 7 Video Extend is a jQuery plugin to create advanced video controls like jump to and chapters to videos Created by andchir Download Home Example View more → Casino pagination-jsDecember 5 Pagination-js is a Casino ohne Steuer jQuery
Sublime Text 2に登録できるCSSのスニペット集が配布されてます - かちびと.net
テキストエディタはSublime Text 2 が最高に自分に馴染むので去年、正式 に乗り換えたんですが、Sublime Text 2に登録出来るスニペットのCSSのが 沢山配布されていたのでご紹介。 テキストエディタの個人の好みはOSと同じくらい布教活動が盛んな、宗教染みた部分が垣間見えるので、正直言って心底ウザい言葉にするだけで不快に感じる方もいるかもと思ってからTwitterで言ったり記事にしたりとかにはしないようにしてるんですけど・・・（宗教が悪いと言ってるわけじゃないですよ。押し付け感や比較対象を貶す行為が嫌なだけです。） 折角なのでスニペットの紹介ついでに簡単にご紹介します。あ、もちろんWindows版もMac版もあります。僕はWindowsユーザーなのでその目線で書いていきますね。 エディタは1に起動スピード、2に使いやすさ、カスタマイズ性もあると嬉しい、といった視点で選ぶの
ウェブデザインのインスピレーションを受けられそうなギャラリーサイト | バニデザノート
最近のウェブサイトのデザインってどんなの？と気になったり アイデアやインスピレーションを受けたいときに見たいサイトをいくつか紹介します。 ■日本語サイト S5-Style 検索したときに的確に抽出できる印象。キレイめからシンプルまで。RSSも読みやすい。 Web Design Clip 大手系、キレイ系が多い感じ。 WONDER BOOKMARKS シンプル系、かわいい系、工夫凝らし系がおおい感じ。 ■海外サイト Web Creme シンプルで、おしゃれなサイトが多いです。 Web Design File いわゆる「ザ☆海外サイト」なデザインをクリップ。 日本サイトではあまり見ないようなシンプルでダイナミックな工夫を凝らしたサイトがたくさんあります。 ■Pinterest Pinterest search results for web design Pinterestでweb+desig
複数のJavaScriptファイルを簡単にマージできるオンラインサービス「JMerge」
ウェブサイトのパフォーマンスを向上させるテクニックの1つに、HTTPリクエスト数を減らす方法があります。 複数のJavaScriptファイルを1つにまとめるのもその1つですが、複数のファイルを1つにまとめる作業はちょっと面倒です。 が、本エントリーで紹介するオンラインサービス「JMerge」を利用すれば、ウェブサイトで利用している複数のJavaScriptファイルを簡単にマージすることができます。 JMerge ページ内にマージしたくないJavaScriptファイルがある場合も、簡単に除外できます。 使い方 フォームの「URL:」に、ウェブサイトのURLを入力して「Continue」をクリック。 ウェブサイトで使われているJavaScriptファイルを上から順番に検索し、一覧として表示します。ここに表示されているファイルがマージ候補になります。 表示されたURLをクリックすれば、マージした
ドット柄やストライプ柄などの背景画像をウェブ上で作成できるサイト
背景画像は様々な素材サイトで提供されていますが、どうもしっくりこないときってありますよね。こんなときはこれから紹介するサイトと使って自分で作ってみましょう。
How to Create a Website Using Only iPad
2013年11月28日 Webサイト制作, 便利ツール 病院の待合室で何時間も待たされ、「暇だしWebサイトでも作ろっかなー」なんて思った事はありませんか？きっとあまりないと思いますが、今年にはいっていろいろあった私はそんな機会がたくさんあったので、いくつかのiPadアプリを使って作ってみました。作ったHTMLテンプレートは無料配布しています！そうです、アレ、iPadで作ったものだったのです。ふふ。 ↑私が10年以上利用している会計ソフト！ あると便利なスタイラスペン スタイラスペンはiPadなどのタブレットで使えるペンです。iPadを使ってお絵かきしたい人は持っているとなにかと便利。カナダのボクシングデーで$5位になっていたのでノリで買ったのがこのコ。ちょっとメーカーは覚えていないのですが、よくある無難なタイプの物ですね。書き心地は悪くないのですが、ペン先が太いので、細かい字や絵は書きづ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
NameBright - Coming Soon
CSS3の制作をぐっと楽にする厳選20のオンラインツール
IDEA * IDEA
