カテゴリー: Web

  • 写真・映像のことを学べるWebサイト「Shuffle」

    写真・映像のことを学べるWebサイト「Shuffle」

    Shuffle by COMMERCIAL PHOTO

    写真・映像のことを学べるクリエイティブな情報サイト『Shuffle』を紹介します。

    Shuffleは玄光社が出している雑誌「コマーシャルフォト」が運営する写真・映像のプロフェッショナルに向けたサイトです。

    • 新製品のことを紹介している「プロ機材」
    • ライティングやストロボなどの撮影の基礎になることが学べる「フォトテクニック」
    • Photoshopの新機能や実践的な使いこなしなどが学べる「ソフトウェア」
    • 写真の未来を考える「写真学」
    • イベントやセミナーの情報が「イベント情報」

    の5つのコンテンツから出来ています。

    写真・映像のことを今より詳しく学びたい方は、一度見てみてください。

    Shuffle

  • 5,000以上のアイコンが利用できるWebサービス「アイコンマーケット」

    5,000以上のアイコンが利用できるWebサービス「アイコンマーケット」

    アイコンマーケット

    Webデザインをする際にあると便利なアイコンですが、新しく作るとなるとそこそこ時間のかかるものです。そこで5,000以上ものアイコンを利用することができるWebサービス『アイコンマーケット』を紹介。

    アイコンマーケットは年間¥8,400で様々な種類のアイコンがダウンロードし放題となっているサイトで、上手く使うと多くのデザインを手がけているWebデザイナーの方にはもってこいかもしれません。

    忙しいときの時間の短縮になるかもしれないので、1度見ておいても良いかもしてません。

  • Francfranc Online Shopリニューアル

    Francfranc Online Shopリニューアル

    Francfranc Online Shop

    オシャレなインテリア・雑貨を取り扱っているFrancfranc。そのOnline ShopであるFrancfranc Online Shopがリニューアルしていたのでご紹介します。

    リニューアルのポイント

    リニューアルのポイント!

    今回のリニューアルのポイントは以下の5つだそうです。

    1. COLOR SEARCH
    2. 発送日を大幅短縮
    3. 組み立てサービス
    4. ラッピングサービス
    5. 商品入荷告知メール

    右脳系検索機能

    今回のリニューアルのポイントの中で僕が最も気になる追加機能が右脳系検索機能『COLOR SEARCH(カラーサーチ)』です。

    右脳系検索機能『COLOR SEARCH(カラーサーチ)』

    カラー別に色々なアイテムを見ることができ、使用する場所やアイテムのカテゴリで絞り込みもできるみたいです。

    実店舗では何かとお世話になっているのですが、 Online Shopの方ではまだ買い物をしたことがなかったので、この機会にCOLOR SEARCHを使って何か見つけることができると嬉しいです。

  • Twitterをブログに表示する方法

    このブログにも現在、Twitterでの最新の発言を表示させているのですが、その方法とTwitter活用術の場所がわかりづらかったのでメモ的なエントリーになります。

    Twitterの最新の発言の表示方法

    以下のコードをTwitterの発言を表示させたい場所に挿入します。

    [html]
    <ul id="twitter_update_list"></ul>
    [/html]

    そして、次のコードを</body>よりも手前に挿入しておきます。

    [javascript]
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/you2u.json?callback=twitterCallback2&amp;count=1"></script>
    [/javascript]

    解説

    • you2u.jsonのyou2uの部分は各自Twitterのユーザーネームに置き換えてください。
    • この場合だと、最新の発言を1つだけ表示させるようになっているので例えば最新の5件を表示させたい場合はcount=1の部分をcount=5に書き換えてください。

    以上の方法でTwitterの発言をサイトの表示することができるようになります。
    CSSでのスタイリングも可能なところが良いですね。

    表示方法その2

    次の方法でも同じようにTwitterの発言をサイトに表示させるコードを取得することができます。

    1. Twitter / あなたのサイトにウィジットを貼りましょう!にアクセスして「Other」を選択後、「続く」クリックします。
    2. HTMLウィジェットを選択後「続く」クリック。
    3. Number of tweetsで表示件数、タイトル名及びタイトルの有無を決定後、生成されたコードをTwitterの発言を表示させたい場所に挿入します。

    Twitter活用術

    他にもTwitter活用術には「ツイートボタン」や「ウィジェット」、「Twitterボタン」といったものもあります。

    ツイートボタンはこのブログでも取り入れを検討中です。

  • HTML5で作られたアニメーションの美しいポートフォリオサイト

    HTML5で作られたアニメーションの美しいポートフォリオサイト

    S5-Style

    HTML5で作られたアニメーションの美しいポートフォリオサイトのご紹介。

    Webデザイナーのshogo Tabuchiさんという方のポートフォリオサイトです。
    Processing.jsというJavascriptのライブラリを使った背景のアニメーションがBGMとあわせて美しいです。BGMはサウンドデザイナーのSatoshi Yoshitake (cubesato)さんが担当されているそうです。