タグ

2012年1月5日のブックマーク (8件)

  • 【流行】 レスポンシブWebデザインについて思うこと 【誰得】 | soplog(そぷログ)

    レスポンシブWebデザイン、最近巷で賑わっているようですね。 私も自分なりに調べて使ってみましたが、巷で騒がれているような魅力や凄さは感じませんでした。 むしろ、この言葉に飛びついた社内の人間が「マルチ!低コスト!」とはしゃぎだすのが怖いくらいです。 私もちゃんと説明できるよう、備忘も兼ねて記事に残しておきます。 レスポンシブWebデザインとは PC・スマートフォン・タブレットなどの複数のデバイスに対して、HTML側はワンソースで対応した、デザイン・技術のことです。 Media Queries(メディアクエリ)を使う方法が一般的なようです。 (あまり触れられているのを見ませんが、PSPなどのゲーム機でもMedia Queriesは有効なのでしょうか?) 使用上のメリット 制作期間が短く済む 複数のデバイスにワンソースで対応できるので、別々に制作するよりは制作期間は短く済みます。 まぁ、ケー

    【流行】 レスポンシブWebデザインについて思うこと 【誰得】 | soplog(そぷログ)
    persee
    persee 2012/01/05
  • Temple — Design & Art Direction

    Temple is a design practice that works with clients in the cultural sectors and creates design-related products including fonts and apparel. Find out more about us, see our work or write to us at info@madebytemple.com.

    Temple — Design & Art Direction
    persee
    persee 2012/01/05
  • Webデザインの“ブブン”を集めたブブンデザインアーカイブ 公式サイト

    タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

    persee
    persee 2012/01/05
  • ウェブサイトで使用するものが一通り揃ったフリーのアイコン素材 -Primo

    各種アイコン、アロー、ショッピングカート、検索、クレジットカードなどウェブサイトで使用するものが一通り揃ったフリーのアイコン素材をWeb Designer Depotから紹介します。 200+ Free Exclusive Vector Icons: 'Primo' ※クリックで拡大画像 ダウンロードできるアイコン素材のフォーマットはAI, PNGで、PNGのサイズは48x48, 64x64, 128x128となっています。 アイコンの利用にあたっては、個人、商用ともに完全にフリーで利用できるとのことです。

    persee
    persee 2012/01/05
  • クリムト-接吻-(画像・壁紙)

    ゼツェッション(ウィーン分離派)最大の画家グスタフ・クリムトが残した傑作『接吻』。おそらく画家の最も著名な作品である作は、クリムトと恋人であったエミーリエ・フレーゲと最も良い関係であった頃に自身らをモデルにして、当時タブーとされていた題材である≪接吻≫を主題とし描いた作品で、1908年にウィーンで開催された総合芸術展≪クンストシャウ≫で、検閲を逃れ発表された作は熱狂的なまでに大好評を博し、クンストシャウ終了直後にオーストリア政府に買い上げるという、国が認めた名作であることのみならず、ファム・ファタル(運命の女)思想とエロス的表現を、クリムト独自の世界観による金箔を使用した、いわゆる黄金時代期において頂点を成す、最も優れた作品としても広く知られている。眩いばかりの黄金の中に溶け合う男と女は、非現実的でありながらも、極めて深い思想と官能性に満ちている。それは平面的に描かれる男性の纏う衣の装

    persee
    persee 2012/01/05
  • JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term

    Spatial Frequency Filtering by 2D-FFT これまでにJavaScriptHTML5 Canvas APIでいくつかの画像処理を試してきましたが、今回は二次元離散フーリエ変換(2D-DFT、実装上では2D-FFT)で得られた周波数スペクトルにハイパス/ローパスフィルタ(HPF/LPF)を適用します。 「フーリエ変換」は音声処理でよく耳にする単語かと思います。音声データをフーリエ変換してHTML5 Canvas上でビジュアライズするデモもたくさん公開されています(例: Visualizing an audio spectrum – MDN)。ただし、ここでは”音声”ではなく”画像”に対するフーリエ変換を行います。音声の場合はデータが一次元なので周波数は一つしか持っていませんが、画像の場合は水平/垂直方向の二つの周波数を持つことになります。なので画像データに対

    JavaScriptで2D-FFTによるハイパス/ローパスフィルタ – Rest Term
    persee
    persee 2012/01/05
    JSで高速フーリエ変換
  • 今すぐ既存JavaScriptコードをCoffeeScriptに置き換えたほうがいいと思う理由を6つほど - l4l

    最近お仕事で既存のJavaScriptプロダクトコードをCoffeeScriptで書き換えてるんですけど、まぁコードが簡潔になるわなるわで徐々にJavaScriptを受け付けない体になってる僕ですどうもこんにちは。 そんなわけで小難しい話なしで簡単に伝わりそうなCoffeeScript押しな理由を箇条書きで6つほどメモ。一人でもCoffeeScriptに興味持ってくれればコレ幸い。 前提の話 新しい言語を学ぶには学習コストが発生するわけなので、以下なケースのJavaScriptコードっていう文脈を背景に話します。 コード規模が数千行 コードのメンテナンス期間が長い(1年以上とか) 複数人での大規模開発 こういった場合、少しでもロジックを簡潔に書けることがコードの可読性とメンテナンス性に大きく寄与していくので、これから説明するとこだけでの導入でも学習コストを上回る恩恵が受けれるんじゃないかな

  • Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT

    JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev