[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか
外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">
[FLA]サムネイル画像をグルグル回転させるフリーのフラッシュ素材
サムネイル画像をマウスに合わせてグルグル回転させる、オープンソースのフラッシュ素材をRoy Tanck's weblogから紹介します。 Photo widget, floating thumbnails for your website ※バナナ画像のリンクは//coliss.com、花は無し サムネイル画像の変更やリンクの設定にフラッシュの知識は必要無く、「photowidget.xml」のテキストを編集するだけです。 <textarea name="code" class="html" cols="60" rows="5"> <image href="//coliss.com/" target="_blank">banana.jpg</image> <image>test.jpg</image> </textarea>
![[FLA]サムネイル画像をグルグル回転させるフリーのフラッシュ素材](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
ライフハッカー読者が選ぶ画像編集ソフトベスト5 | ライフハッカー・ジャパン
写真を撮って、写真屋さんに出して、受け取ったらアルバムに整理して...10年くらい前までは普通にやっていたことなのに、随分昔のことのように思えます。今や、デジカメで写真を撮るのは当たり前。アナログに写真を焼いていた時代には想像もできなかったほど、デジタル写真には色々な加工や編集ができるようになりました。 米lifehackerでは「あなたの好きな画像編集ソフトは？」という読者アンケートを取りました。プロユースからフリーのアプリまで、数ある画像編集ソフトの中から、栄えあるベスト5に選ばれたのはこちらです！ 1位 Adobe Photoshop (Windows／Mac, 有料) やはり、と言うべきでしょう。画像編集ソフトの王様『Adobe Photoshop』が堂々の1位です。 画像編集ソフトを語る上で、Photoshop抜きで語ることはできません。Photoshopが、デザイン業界において
ライフハックを使ってもプロダクティビティが上がらない7つの理由 | ライフハッカー・ジャパン
プロダクティビティを上げるためにキーボードショートカットや、インデックスカードを使ったりすることって、はっきり言ってそこまで効果的ではないですよね。MacとPC、Microsoft OutlookとGmail、iPhoneとBlackBerry、結局のところはインターネットやさまざまな機能という「誘惑」があるという意味では同じなのです。ライフハッカーではこれまで、仕事の能率を上げる方法を紹介してきましたが、元編集長のジーナは、どんな優れたツールを使っても、その人の考え方や行動パターンをが変えなかったら効果は望めないということに気がつきました。そして、私たちが陥りがちな行動パターンを7つ紹介しています。早速見ていきましょう。 注意力散漫 仕事をしなければいけないのはわかっているけれど、野球のスコアを気にしたり、「Facebook」で高校時代の友人の「壁」に書き込んだり、CDをiTunesに吸
クラスタリングの定番アルゴリズム「K-means法」をビジュアライズしてみた - てっく煮ブログ
集合知プログラミング を読んでいたら、K-means 法（K平均法）の説明が出てきました。K-means 法はクラスタリングを行うための定番のアルゴリズムらしいです。存在は知っていたんだけどいまいちピンときていなかったので、動作を理解するためにサンプルを作ってみました。クリックすると１ステップずつ動かすことができます。クラスタの数や点の数を変更して、RESET を押すと好きなパラメータで試すことができます。こうやって１ステップずつ確認しながら動かしてみると、意外に単純な仕組みなのが実感できました。K-means 法とはK平均法 - Wikipedia に詳しく書いてあるけど、もうすこしザックリと書くとこんなイメージになります。各点にランダムにクラスタを割り当てるクラスタの重心を計算する。点のクラスタを、一番近い重心のクラスタに変更する変化がなければ終了。変化がある限りは 2. に戻る。これ
フリーのベクターグラフィックが見つかるサイト10 – creamu
Tutorial Blogでフリーのベクターグラフィックが見つかるサイトが紹介されています。 ざっといくつかご紹介。 » QVectors 世界中のフリーのベクター画像が集まっている。投稿も可能。EPSフォーマットで配布されていて、ライセンスはCreative Commons » 123 Free Vectors 動物やビンテージといったカテゴリーでベクター画像を配布 » Free Vector Graphics.Net 抽象系やアイコン、自然系のグラフィックを配布。インタラクティブ性のあるサイトで、コメントやTips、ヒントを残せる » Vector Valley EPS,AI,CDR,SVGといった複数のフォーマットでグラフィックを配布しているサイト » Dezignus 22ページ以上にわたってクオリティーの高いベクターグラフィックを配布。壁紙やテクスチャ、Photoshopのブラシ
無料オンラインスキャン10選、PCの安全性をブラウザでチェック
PCの安全性は守りたいけれども、セキュリティソフトをインストールすることでマシンの動作が重くなるのは嫌だ――そんな人はまず、オンラインスキャンから試してみてはいかがだろう。ブラウザから手軽に利用できるのがオンラインスキャンのメリットだ。ここでは、無料で利用できるオンラインスキャンサービスを、利用画面とともに紹介する。なお、オンラインスキャンだけでは問題のあるファイルの駆除ができない場合もある。問題の有無をチェックしたうえで、セキュリティソフトを併用することをお勧めする。 シマンテックは「Symantec Security Check」において、コンピュータが認証されていないインターネット接続を許可していないかどうかをなどをチェックする「セキュリティスキャン」サービスと、ウイルスなどに感染していないかをチェックする「ウイルス検出」サービスを提供している。なお、利用するにはMicrosoft
ネットで時間を潰さないための読書リスト
いままでこのブログでとりあげてきた各種ブックガイドを以下にリンクしておきます。春は誰でも自分の能力以上に意欲的になるという、意欲のインフレ状態に陥りやすいですが、実は僕も性懲りもなくそうです。不思議ですね、もういい年しているのに、やはり新年度になると新たに何か新しいことを実現したくなるわけですから。 まず入り口（小学生レベルから高校生までの経済学の入門書） http://d.hatena.ne.jp/tanakahidetomi/20090214#p1 次は大学に入って経済学の基礎や議論の基礎を学ぶために（特定個人を誉めすぎだが 笑） http://d.hatena.ne.jp/tanakahidetomi/20081006#p1 ネットで無駄な時間を潰したり、断片的なネットの情報や断言にごまかされないためのブックリスト http://d.hatena.ne.jp/tanakahideto
セミナー資料公開「Extreme Search! 次世代検索エンジンSedueが実現する驚異のパフォーマンス」
2009年4月8日(水) 13:00〜15:30に開催されましたPreferred Infrastructureによる製品紹介セミナーの発表資料です。
iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」:phpspot開発日誌
gauge.js (javascript programmable gauge) iTunes風のあのクールな容量比率ゲージを実装できるJavaScript「gauge.js」 次のようなゲージを描画できるようです。 色はいろいろ選べてカラフルにすることも出来ます。colors指定で簡単指定 サイズも自由に調整可能なのでおき場所に困らないかも。(winth, height指定で直感的) Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+など殆どのメジャーブラウザで動作。 投票結果とか、サイトのアクセス解析の利用者比率なんかを表したりするのに使えそうですね。
DNS NOTIFYを受け取ってくれる無料のセカンダリDNSサービスと、NOTIFYを送るスクリプト - （ひ）メモ
個人所有のドメインのDNSサーバは、マスタは自宅サーバ(djbdns)でセカンダリはXNameの無料のセカンダリネームサーバのサービスを使っていました。 それなりに動いてくれていたXNameですが、不満な点が１つありました。それは、マスタを変更したときのゾーン情報の伝搬に時間がかかる点です。XNameは数台のセカンダリネームサーバを提供していて、伝搬速度はサーバによってもタイミングによってもばらばらですが、早いときは数十分、遅いときは5,6時間たってようやく更新されることもありました。 XNameもDNS NOTIFY受けてくれたらいいのになーなんて思いつつも、個人所有ドメインでそんなシビアなサービスもしてないので、ま、いっかーと思っていたんですが、先日、EveryDNS.netがダウンして巷でわーぎゃーわーぎゃーな騒ぎになったときに、ちょろっと調べてみたらいくつかDNS NOTIFYを受
商用でも無料で使えるアイコンパック『Web Injection』 – creamu
Tutorial9で、商用でも無料で使えるアイコンパックが配布されています。 This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed. このフリーアイコンパックは、個人利用、商用利用ともに利用可能。クレジット表記は不要。再配布は禁止。 とのことで、自由に使えるアイコンとなっていますね。 Midtone Design Studioにデザインを頼んで、26個のスタイリッシュなアイコンが完成したようです。48x48pxのpngフォーマット。デザイナーはJonatan Castro Fernándezさんとのことですね。 ぜひ使ってみてはいかがでしょうか？ » Free Icon
1枚の画像を切り出すテクニックCSS Sprite、便利ツール登場 | エンタープライズ | マイコミジャーナル
Chris Brainard - Web Developer Extraordinaire Webページに表示される画像をひとつの画像にまとめ、表示する際にCSSで切り出して使うテクニックがある。通称「CSS Sprite」と呼ばれるテクニックで、Ed Eliot氏およびStuart Colville氏が2007年9月28日(ドイツ時間)にCSS Sprite Generatorを公開してからとくに広がりを見せたテクニックだ。CSS Sprite Generatorは複数の画像を1枚の画像にするとともに、それぞれの画像にアクセスするためのCSSを生成する。CSS Spriteを実施するためのツールだ。 Sprite Creator 1.0動作画面 これと似ているが、逆に1枚の画像から特定の画像を取り出すCSSを作成するためのツールSprite Creator 1.0がChris Brain
賞金150万円、「新しい楽器」コンテスト：動画ギャラリー | WIRED VISION
前の記事 ハイテク路上生活の勧め：キャンピングカーをオフィスに 賞金150万円、「新しい楽器」コンテスト：動画ギャラリー 2009年4月10日 Eliot Van Buskirk ジョージア工科大学で、年次コンテスト『Guthman Musical Instrument Competition』の第1回が開催された。総額1万5000ドルの賞金を目当てに、ミュージシャンや発明家、工作マニアたちが創作楽器を持ち寄った。賞金の額は少ないものの、『X PRIZE』コンテストの音楽版といった趣だ。 [X PRIZEは、X PRIZE財団が主催する賞金総額1000万ドルのコンテスト。最初は民間宇宙船の開発を競うもの(日本語版記事)で、その後も次世代低燃費車コンテスト(日本語版記事)などを開催している] コンテストの模様 60人以上から応募があり、本選に残った25組がそれぞれ、驚くほどバラエティーに富ん
人生にやる気を与える24の名言:Garbagenews.com
デザイン系で色々と面白いネタを提供してくれるToxel.comだが、先日掲載された記事には少々意外さを感じると共に驚かされれた。モチベーション向上や勇気をつけてくれるような偉人たちの名言と称し、24の「やる気が出てくる名言」が並べられていたのだ。中には日本語訳されてすでに知られているものもあるが、せっかく目にしたこともあり、ここに翻訳してみることにした(【24 Motivational and Inspirational Quotes】)。 「物事がうまくいかないと思ったら、まず最初にあなたがこれまで何人の人を幸せにしてきたかを考えなさい」(H. Duane Black) 「成功とは目的ではなく過程である。成した事そのもの(プロセス)こそが大抵において結果よりも尊いことに他ならない」(Arthur Ashe Jr) 「成功への秘けつなど何も無い。準備、キツい努力、そして失敗から学んだことに
無料で読めるLinux本ベスト20 - YAMDAS現更新履歴
20 of the Best Free Linux Books - Part 1 - LinuxLinks News 最近では書籍がウェブに無料公開されることも珍しくなく、オープンソース関係だとそれが顕著なわけだが、その中から20冊チョイスされている。 Ubuntu Pocket Guide and Reference Two Bits (asin:0822342642) クリエイティブ・コモンズな本たちと来るべきイベントの話 The Linux Starter Pack The Easiest Linux Guide You'll Ever Read Producing Open Source Software (asin:0596007590) オープンソースソフトウェアの育て方（6月書籍版刊行予定） Introduction to Linux (asin:1596821124) Ba
あなたの履歴書を向こう5年間戦えるものにするために--今後必要な開発者スキル10選 - builder by ZDNet Japan
最近の経済の変化から、現在多くの開発者が短期的な仕事を探している。同時に、スキルを習得するために時間とエネルギーを投入するのであれば、そこから確実に最大の収入を生むことが重要だ。ここで紹介する10のスキルのリストは、あなたの履歴書を向こう5年間戦えるものにするために、今すぐ学ぶべきものだ。このリストはとても網羅的とは言えないし、カバーし切れていない業界の分野も非常に大きい（例えば、メインフレームの開発者はカバーされていない）。とはいえ、平均的な主流の開発に対しては、少なくともこれらのスキルの7つを学んでいれば間違いはないだろう。就職の面接で説得力を持って話せるというだけでなく、これらは実際に仕事でも役に立つ。 1: 「ビッグスリー」の1つを学ぶ（.NET、Java、PHP） 開発業界に（レッドモンドに隕石が落ちるというのに匹敵するような）劇的な変化が起きない限り、ほとんどの開発者は少なくと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
[CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates
ウェブサイト用やデスクトップ用のアイコン検索エンジン集