タグ

2008年9月23日のブックマーク (19件)

  • Firefox3がtransformをサポート - Web Directions East - wde - builder by ZDNet Japan

    といっても少し、まだ先の話だ。ただし、確実にtransformをFirefox3はサポートする。ただ、そもそもtransformとはなんぞやと思ってる方も多いとおもうので少し紹介しよう。transformとは主にボックスに対してscale(拡大/縮小)、skew(斜めへの傾き)、translate(移動)、rotate(回転)、とそれぞれ指定ができる。これはマウスをのせた状態(hover)に対しても指定が可能。いままでは、このプロパティに関してはwebkit系のみがサポートをしていたが遂にmozillaもサポートサポートを始めたようだ。ただし、minefieldというプロトタイプのみだ。このプロトタイプは以下のURLからダウンロードすることができる。 minefield http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/lates

  • 8 CSS Techniques for Charting Data

    President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There are many ways you can present nu

    8 CSS Techniques for Charting Data
  • 効果的なウェブサイトに対する意識のギャップ

    「効果的なウェブサイトって?」というのは単純な質問ではあるものの、視点や役割によって意見が違いそうです。この抽象的な質問に関してレポートにまとめている文書を見つけました。オンラインラーニングやウェブ上のクリエイティビティの推進のために様々な活動をしている NPO 団体 IDEA が Factors that improve online experience というレポートをまとめています。NPO, ウェブサイト制作会社, 利用者の3つのブループに分けて「効果的なウェブサイトの要素は何か」という質問に応えてもらったそうです。詳しい調査結果と解説が書かれた PDF も同ページでダウンロードすることが出来ます。 作る側と利用者とのギャップというのは未だにあるみたいですね。今回の調査で大きく分けて 8 つの特徴が見つかったみたいなので以下にまとめておきます。自分も改めて意識しなければならないなと

    効果的なウェブサイトに対する意識のギャップ
  • boogiesbc

    Designerii grafici par să folosească Photoshop în cea mai mare parte a vieții lor, fiind un progam de editare profesional ce le permite să creeze […]

  • Web Design Color Trends for Fall 2008 - The Web Squeeze

    This article will show you exactly what Fall 2008 colors are “in” for fashion, furniture and accessories and how to incorporate those into your new web designs. This season we have 10 new shades of color that have been chosen to be the “hot” new colors for Fall of 2008! Some of them will fit into a broad array of markets. Others will be more suitable for niche markets. By familiarizing yourself wi

  • 立体的でクールなアプリ用アイコン集「170 dock icons」:phpspot開発日誌

    170 dock icons - by =adrenn on deviantART 立体的でクールなアプリ用アイコン集「170 dock icons」 次のような、ブラウザやオフィスなどのアプリアイコンが公開されています。 斜めからみた感じが表現されておりなかなかクールです。 ライセンスはクリエイティブコモンズ3とのこと。 関連エントリ グラスに入った面白いソーシャルアイコン集「Cheers」 リアルで美しいPSD付きアイコンセット「DelliPack」

  • 正規表現の機能の覚書き

    はじめに「はじめての正規表現」がホッテントリ入りしていますが、 導入としては、何に使うのかがわかりやすくて良いのではないかと思います。 あれを見て、基機能をまとめてみたくなったので、正規表現の基的な機能について書いてみます。 (正規表現が初めてという人は「はじめての正規表現」を先に見たほうがいいと思います。) 例では「検索」か「置換」をするものとして話を進めていきます。 (「はじめての正規表現」が実例を中心にしたのに対して、こちらは機能を中心に書きます) 正規表現は、プログラミング言語やその他のツールなど、それぞれで微妙な違い(方言)があるので、その点には注意が必要です。 (表記法が違ったり、ここに紹介する機能がサポートされていなかったり、逆に紹介していない機能をサポートしていたりする場合があります) メタ文字とリテラル文字正規表現には、メタ文字とリテラル文字というものがあります。 メ

    正規表現の機能の覚書き
  • 日食時に地球がどのようになっているのか衛星から撮影された写真

    皆既日といえば月と太陽が重なり太陽の光が遮られしまって、一時的に暗くなる現象ですが、この日が起こっている時、地球が宇宙からどのように見えるのか撮影された写真。 地上から見ても幻想的な日ですが、宇宙から見てみてると非常に壮大で、自然の偉大さをつくづく感じさせられます。 写真は以下より。 APOD: 2004 September 26 - Looking Back on an Eclipsed Earth NASA - Crew Experiences a Total Solar Eclipse これが、日時に衛星から撮影された写真。 この写真は1999年8月11日に、国際宇宙ステーション「ミール」から撮影された写真。太陽が月に隠れている部分が大きな影になっています。この影は時速2000キロで移動していたとのこと。 他にも近距離で撮影されたものもあり、日によって発生している影の大きさ

    日食時に地球がどのようになっているのか衛星から撮影された写真
  • 雑記帳:「ライオン犬」が人気者に 青森・鰺ケ沢 - 毎日jp(毎日新聞)

    海に面した青森県鰺ケ沢(あじがさわ)町で、名物のイカ焼き店を経営する菊谷節子さん(65)が飼っている秋田犬とみられる「わさお」(雄、推定1歳)が人気者になっている。 菊谷さんが昨年11月、捨てられているのを見つけて連れ帰った。白く長い毛並みに細い目と、純粋の秋田犬には珍しい風ぼう。一見ライオンに似ているが、獣医が秋田犬と判断した。旅行者のブログで紹介されると一躍、注目されるようになった。 観光客からは「癒やされる」と評判。イカ焼きの売り上げ増につながり、「拾ってあげた恩返しかも」と菊谷さんも目を細めている。【塚弘毅】

    blanc2005
    blanc2005 2008/09/23
    もうすっかり「わさお」になってしまったのね...。結局元の名前は何だったんだろう...↓レオ?/わさおったら、ちょっと見ぬ間に凛々しくなって(感涙)/推定1歳?
  • Stanford Engineering Everywhere Life after reading Startup

    7月4日はアメリカの独立記念日で、会社の元ディレクターの家にBBQに行った。コンピューター関連の人が多く、よく大学の話になる。若者と自分の会話: 若者: メジャーはコンピューター・サイエンスですか? 自分: いいえ。機械工学です。 若者: 大学時代にコンピューターに関連することをなにか学んだのですか? 自分: パスカル(PASCAL)とフォートラン(FORTRAN)を少し。 若者: 何ですかそれ? 自分: パスカルとフォートランに付いて説明を始める。 えーーーー、知らないんだ。PASCALとFORTRAN。。。。。。 多分、7、8歳の年の差があると思うのだが、今時の人はPASCALとかFORTRANとか知らないんだ。時代の流れの速さを感じた。

    Stanford Engineering Everywhere Life after reading Startup
  • なんと無料です!スタンフォード大学のオンラインコース | ライフハッカー・ジャパン

    ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」

    なんと無料です!スタンフォード大学のオンラインコース | ライフハッカー・ジャパン
  • Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ - GIGAZINE

    Adobe Illustratorは確かに便利なすばらしいソフトですが、機能が豊富であるがゆえに操作が複雑になっており、単純作業を繰り返していると死にたくなってきます。人間はもっとクリエイティブな方に集中すればいいのであり、プログラムに自動でやらせた方がいいことは自動でやらせましょう。そんなときに便利なのが、さまざまな作業を自動でしてくれる「スクリプト」、というわけ。 今回はそんな作業にいつか役立つ、知っていればそのうち使うであろうスクリプトを揃えてみました。 Illustratorの作業を自動化する便利なスクリプトは以下から。 10 Free and Extremely Useful Illustrator Scripts | Vectips すべてのパスを閉じる/すべての選択したパスを閉じる「Close All Paths / Close All Selected Paths」 テキス

    Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ - GIGAZINE
  • 名刺1枚でデジタル一眼の室内撮影を格段に美しくする方法 - キャズムを超えろ!

    デジタル一眼レフカメラを買ったはものの、室内で撮影すると「いかにもシロウト」って感じの写真になってきれいに撮れない...とお悩みの方へ。勿論、BESTな解決方法は角度調整可能な外付けフラッシュ+明るいレンズ、であることは言うまでもない。でもそんな高価なアイテム買えないよー or 外付けフラッシュはでかいから持ち歩けなくて不便...というときは、この"名刺ディフューザー兼バウンサー"を試してみてほしい。 まず、名刺など白くて分厚い紙を用意し、下図のようにアクセサリーシュー*1に刺さるようはさみやカッターでカットする。 次に図のようにアクセサリーシューに突っ込む。 以上終わり。完成するとこんな感じ。 で、コレをつけると何が起こるかというと、一部の光は白い紙面で反射され、天井を明るく照らす。つまり、外付けフラッシュにおけるバウンス撮影と同じような効果を得ることができるというわけだ。さらに、厚紙を

    名刺1枚でデジタル一眼の室内撮影を格段に美しくする方法 - キャズムを超えろ!
  • 100 Best Photoshop Text Effects Tutorials

    100 Best Photoshop Text Effects Tutorials
  • jQueryで作る“Amazon風”インターフェイス (1/5)

    「最近、どこでよく買い物していますか?」――こう聞かれて「Amazon!」と答える方も少なくないかもしれません(特に誌読者であれば)。当初は書店の店頭で入手が難しい書籍の購入などに重宝していたAmazonですが、取扱商品が増えた今では、ペットボトルの水からパソコンまで何でも買える便利なECサイトとして、ネット利用者の生活に定着しました。 もっとも、Webサイトを作る立場から見ると、Amazonの魅力は品揃えやサービスだけではありません。Webサイトのデザイン面からAmazonを見ても優れた点は多数あり、実際、国内外の非常に多くのECサイトがAmazonをお手にしたUIを採用しています。今回は、「Amazon.co.jp」を参考にさせてもらいましょう。 今回のお手サイト:『Amazon.co.jp』 米アマゾン・ドットコムの日法人アマゾンジャパンが2000年から運営するECサイト。現

    jQueryで作る“Amazon風”インターフェイス (1/5)
  • [CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート

    CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。

  • MOONGIFT: » 要チェック!テーブルからグラフを生成するJavaScriptライブラリ「Bluff」:オープンソースを毎日紹介

    ※ 画像は公式サイトのデモより これは面白い発想だ。Web上でグラフを作成、表示するライブラリは数多く存在する。その際に使う方式としては、基準になる点をXY軸それぞれに対して追加し、描画するという方式だ。これはプログラム言語にとっては簡単な方式かも知れない。 JavaScriptだけで画像グラフを生成する だが、使い慣れている表計算ソフトウェアの場合はどうだろう。はじめに表があり、そこからデータを読み取ってグラフを描くようになっている。その慣れた方式を使えるのがこちらのライブラリだ。 今回紹介するオープンソース・ソフトウェアはBluff、グラフ描画ライブラリだ。 BluffはJavaScriptのライブラリで、画像形式(PNG)のグラフを生成する。棒グラフ、円グラフ、エリアグラフ、折れ線グラフなど様々なグラフ形式をサポートしている。背景色を変えたり、複数のデータを描画できるなど多機能なライ

    MOONGIFT: » 要チェック!テーブルからグラフを生成するJavaScriptライブラリ「Bluff」:オープンソースを毎日紹介
  • よりよく働くために心がけるべき10のポイント  | ライフハッカー・ジャパン

    ここに書かれた言葉がすごく好きなんです。 フィスクリさんとウェイスさんが、いかに制作よりも日々の行いをよくするのが大切だと心がけているかが伝わり、すごく心をひきつけるというか...。ものづくりをしていると、いいものを作り出すためにスタジオにこもり制作をし続ける、という状態になるのは簡単なんです。それに対して、日々の行いを良くしていくのは難しい。 彼らの言葉は、いかによいものを作るかではなく、どういう状態に自分をもっていけばいいものを作られるか、ということなんです。 写真にあるのが、その言葉です。以下、その和訳。 ■よりよく働くために心がけるべき10のポイント 1. 一度に一つのことをやる 2. 問題が何かを理解する 3. 人の話を聞けるようになる 4. 質問できるようになる 5. ナンセンスとセンスを区別する 6. 変化は避けられないものだと受け入れる 7. ミスを認める 8. シンプルに

    よりよく働くために心がけるべき10のポイント  | ライフハッカー・ジャパン
  • 自分は引き際の良さ、時機の見極めができてないなと感じる人のための3つの処方箋: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 「自分は粘り強さ、継続性が足りないなと感じる人のための3つの処方箋」に続いて、こちらもご要望があったので、いい機会なので自分の考えをまとめてみようか、と。 引き際の見極めができるようになるための3つのポイントとはいえ、まずは「粘り強さ、継続性」がない人は「引き際の良さ、見極め」もできないんだと思うんですよね。つまり、タイミングが読めないんです。どこで引くか/引かずに続けるかというタイミングというものが見えない。なので、イヤになっちゃってやめるか、いつまでもグズグズ引き延ばすか、いずれかになってしまうのでしょう。 しかも、その時点で辞めやすければ辞めるし、辞めにくければ辞めないというだけ。いずれにしても、あんまり自分の意志じゃないんですね。引き際も継続性もあったもんじゃない。