タグ

2011年5月9日のブックマーク (5件)

  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    warriorking
    warriorking 2011/05/09
    Photoshop Vip » Webデザインに便利な要ダウンロードのPhotoshop無料デザインPSD素材50個まとめ
  • WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」:phpspot開発日誌

    WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」 2011年05月09日- Awkward Showcase ? A jQuery Plugin | Awkward Group - A Digital Agency WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」。 divの中に複数のdivを並べて初期化することで簡単にコンテンツスライダーを作れます。 1つのコンテンツにはHTMLが入れられ、ツールチップ表示用の機能なんかも同梱されています。 初期化も次のように簡単。コンテンツのサイズ等をオプションとして渡せます。 $("#showcase").awShowcase({ content_width: 700, content_height: 470 }); デモページはこちら

    warriorking
    warriorking 2011/05/09
    WEB上で動くプレゼンテーションを作る際に便利なjQueryプラグイン「Awkward Showcase」:phpspot開発日誌
  • [JS]ページ内のリンクを印刷時にQRコードにして配置するスクリプト -printQr

    ウェブページを印刷する際、ページ内に配置されたリンクをページ下部にQRコードとして配置するスクリプトを紹介します。 ページをPDFで印刷したキャプチャ ※分割印刷には「iPrint」を使用してます。詳しい説明は「不必要な箇所は印刷しない!必要なページだけ印刷(割付印刷も)ができるフリーソフト -iPrint」をどうぞ。 printQrの実装 printQrの実装は簡単で、既存のページにも簡単に実装できます。 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして、指定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="jquery.printqr.min.js"></script> JavaScript すべてのa要素を抽出す

    warriorking
    warriorking 2011/05/09
    ページ内のリンクを印刷時にQRコードにして配置するスクリプト -printQr | コリス
  • 数分で簡単にできる、写真画像をミニチュア風のチルトシフトにするPhotoshopのチュートリアル | コリス

    元の画像 Stock photo: Observation Point 写真画像にミニチュア風のチルトシフトのエフェクトを適用する方法 Step 1 まずは、写真の選別です。 写真はどのタイプのものでも構いませんが、できるだけ高い位置から撮影している写真がいいです。 元となる画像 Step 2 フォーカスのポイントを指定します。 クイックマスクモード[Q]にし、グラデーションツール[G]を選択します。前景がブラック、背景がホワイトであることを確認してください。使用するグラデーションは反射したタイプを使用します。 グラデーションツールでフォーカスのポイント選択します。

    warriorking
    warriorking 2011/05/09
    数分で簡単にできる、写真画像をミニチュア風のチルトシフトにするPhotoshopのチュートリアル | コリス
  • IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について

    IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記・注意:下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8  HTML 4.01+EUC-JP  HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8  XHTML 1.0+

    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について
    warriorking
    warriorking 2011/05/09
    IE9ヤバイ。IE9の文字間隔・互換モード・DOCTYPE宣言について