タグ

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

  • 30 Metal Business Cards You Should Check Today

    Showcase section is a wide and vivid collection of all the things that matters to you and that add a creative value to your work. You can find articles ranging from Art, Advertisement, Logos, Typography, Portfolios or anything that has a creative impact, defined ideas, Solid Execution and unique enough to stand apart from the clutter.

    tunacook
    tunacook 2011/09/22
    横スクロールのWebサイト25
  • 魂々(有料版) - 攻略&美少女アプリ紹介 | 萌えドロイド

    あの伝奇ノベル完全版がついに登場!『魂々(こんこん)』☆同人ゲーム制作サークルFestivalのノベルゲー マーケットを検索していたら、あの伝奇ノベルアプリ『魂々(こんこんと読む)』の完全版がリリースされていましたので早速レビューさせて頂きます。無料版をプレイ後から、いつ完全版がリリースされかマジで楽しみにしていましたよ! この『魂々』の無料版は、2010年萌えアプリランキングの「ノベル部門」で1位の作品。グラフィック、サウンドともに良くできており僕が知っているAndroidのノベル系アプリの中では完成度が高く、プレイヤーを独自の世界観にグイグイ引っ張ってくれる。ヘッドホンを装着し、夜にお布団の中でまたーりプレイをオススメする。 完全版は有料なので、無料版をプレイしたことが無い方は、こちらの無料版レビューより一度お試しでプレイしよう。 完成度の高いノベルゲーム、世界観を楽しもう マーケット

    魂々(有料版) - 攻略&美少女アプリ紹介 | 萌えドロイド
  • JustVector Social Icons 1.5

    ⬇ Download icons (.zip) These 150 monochrome social icons are designed with simplicity in mind. Provided in vector format, they are fully editable and scale to any size smoothly. They are completely free, even for commercial use, redistribution or remixing (see License). FormatThe original artwork in vector format is provided in .AI (CS3+) and .EPS (editable in Adobe Illustrator, Freehand, CorelDR

    JustVector Social Icons 1.5
  • Photoshopの切り抜き、選択範囲いろいろ:で、結局どれがいいの?

    Photoshop の切り抜き、選択範囲をつくるいくつかの方法をまとめてみました。記事では Photoshop CS5 を基準にしていますが、それ以外のバージョンの方は抽出フィルタなどで CS5 の機能を代替えできると思います。 Photoshop の切り抜き、みなさんどんな風にしてますか?今回紹介する切り抜きは、定番みたいなものだと思うんですけど、私の近くに Photoshop 達人がいないので聞く事もできず、もっといい方法無いのかなーなんて思ったりもしてます。この記事を読んでくれた人で、「こうした方がいいよー」とかあったらコメントいただけると嬉しいです! また、私は今 Photoshop CS5 を使っているので、それを基準にしています。CS4 以前を使っている人は、選択範囲の調整の代わりに抽出プラグイン(フィルター → 抽出)で代替えしてみてくださいね(注意:Web 用の切り抜きを前

  • ベジェ曲線が慣れてきた人の為のillustratorの使い方 - kojika17

    ベジェ曲線が慣れてきたけど、「アンカーが多い」「時間がかかる」。 春なので、そんな人の為の記事を書いてみました。 ベジェ曲線の基 ベジェ曲線の基は、@WebDesignRecipeさんが分かりやすい記事を書いて下さっています。 おさらいで読んでおいた方がいいかもしれません。 Illustrator(Photoshop) のペンツールできれいなパス、ベジェ曲線を描くためのコツ(私流) ハンドルとアンカーと曲線の関係 一般的に、アンカーをなるべく減らせば、いい曲線ができると言われています。 しかし私は、ハンドルをうまく扱えることで、いい曲線ができると思っています。 不要に思えるところでもアンカーは必要ですし、減らしすぎはよくありません。 円を3つ書いてみました。 次のアンカーとハンドルは以下のようになっています。 アンカーが2点でもハンドルを調整するれば、円を描くことができます。 ただし正

    ベジェ曲線が慣れてきた人の為のillustratorの使い方 - kojika17
  • 【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました! | HTML5でサイトをつくろう

    HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました! ウェブ・ページのフォームではテキスト入力フィールドやチェックボックスなどのユーザーインターフェースを使用しますが、HTML5ではユーザーインターフェースがさらに追加されたことで注目されています。 特にinput要素ではさまざまなtype属性が追加されました。今回は新たに追加されたtype属性をソースをみながら表示を確認していきたいと思います。 HTML5でinput要素に追加されたtype属性 下記に各属性ごとの特徴をピックアップし、現状で対応しているブラウザの画面キャプチャを掲載しました。だだし、現状(※2011年9月)の対応状況になります。 search 『type=”search”』の主な特徴 1行テキストの入力フィールドで表示され検索向けであることを表します。 input要素の

    【HTML5 フォーム】formタグのinput要素に新たに追加された13のtype属性をまとめました! | HTML5でサイトをつくろう
  • レスポンシブwebデザインで制作する時のポイント

    先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 (一部の図はセミナーの資料を元に作成してます。) 始めに:スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ(0からスマートフォンサイト用に構築) jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ

    レスポンシブwebデザインで制作する時のポイント
  • Google Code Archive - Long-term storage for Google Code Project Hosting.

    Code Archive Skip to content Google About Google Privacy Terms

    tunacook
    tunacook 2011/09/22
    ソースコードをきれいに見せるjs
  • caraldo.net - it転職 リソースおよび情報

    caraldo.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、caraldo.netが全てとなります。あなたがお探しの内容が見つかることを願っています!

  • 心に残ったベストiPhoneアプリランキング70個 5App総まとめ #5app

    ここ数日で流行った#5appのまとめです。 5appとは、それぞれの人生に影響を及ぼしたiPhoneアプリのベスト5を、記事にして、Twitterにハッシュタグ#5appをつけて流すと言うお祭り。 大量に投下されたエントリーから無作為に42エントリーを選び、そのなかで紹介されているアプリで、いったいどれが一番多くの人に影響あたえているのかと言うのを調べてみました。 また、アプリに対してこめられたコメントも抽出し、アプリの評価基準の対象として付け加えてあります。 これらをランキング化しましたので、是非のiPhone人生の楽しみを増やしてみてください。 はじめに この記事では、各エントリーのアプリにこめられた想いの一部のみを抜粋しています。 しかし、作業中OSがクラッシュして、誰のコメントかを全て管理しきれなくなり、それぞれのコメントがどのブロガーというの表記出来なくなってしまいました。申し訳

    心に残ったベストiPhoneアプリランキング70個 5App総まとめ #5app
  • 台風一過の空がヤバい Twitterにアップされた空の写真「台風15号」× 15選:DDN JAPAN

    DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中

    台風一過の空がヤバい Twitterにアップされた空の写真「台風15号」× 15選:DDN JAPAN
  • フリーランスがいきなり入院したら~5つの自己防衛策

    原因不明で突然ネフローゼ症候群になり、一ヶ月もの入院を強いられることになった。ここ数ヶ月間、鬼のように忙しく体調を気遣っている余裕がなく、結果が最悪の事態に。会社員なら、同僚に迷惑をかけるだろうが同じポジションの人に引き継ぎをして病欠をすればなんとかなるだろう。手厚い保険もあるかもしれない。だから「これを機会に休養を」てな感じで治療に専念できるかもしれないが、フリーランスは悲惨である。状況をここに記して誰かの役に立てば、、 1)同程度の能力の同業者の知り合いを作っておくべし 最も困るのが進行中の仕事である。僕の場合、不幸中の幸い、どうしても他人には引き継げない佳境の仕事が3だけしか残っていなかった。主だったものは病気が発覚する直前に納品、あるいはロケが始まる前だったこと。ロケ前の仕事は制作会社に連絡し、涙を飲んで「申し訳ないですが、、、」と事情を説明して途中降板させてもらった。が、これが

  • ウェブデザインにおけるヴィジュアルのバランスを実現する5つの方法とその要因

    エレメント同士を水平に配置したり、垂直に配置したり、またそれが対称だったり非対称だったりなど、ウェブデザインでヴィジュアルのバランスを実現する5つの方法とバランスに大きな影響を与える5つの要素を紹介します。 Developing Balance in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに バランスの5つのタイプ バランスの5つのプロパティ はじめに もしあなたのウェブサイトのデザインがヴィジュアル的にバランスがとれていないなら、あなたのサイトは混乱に陥っているようにユーザーは感じるものです。そして、心地悪く感じさせるでしょう。 あなたのデザインは魅力的であり、ユーザーにリラックスして見回してもらえるようにするべきです。それを達成する最も良い方法はヴィジュアルのバランスです。 ヴィジュアルのバランスとは、デザインエレメントのバランスをとるだ

  • Downloads - zen-coding - Project Hosting on Google Code

    Code Archive Skip to content Google About Google Privacy Terms

    tunacook
    tunacook 2011/09/22
    Zen-Codingのチートシート(PDF版)
  • フリーフォントのダウンロードサイト「フォントAC」

    フォントACのフォントは、すべてフリーダウンロードできます。 メールアドレスとパスワードを登録するだけで、すぐにフォントのダウンロードができます。日フォント英語フォント、手書きフォントイラストフォント、顔文字フォント、毛筆フォントなど、様々なフォントがすべてフリーでダウンロード可能です。商用利用もOKなので、チラシやポスター、WEBサイトなどの広告、ポストカードや年賀状などにもご利用いただけます。クレジット表記や許可も必要ありません。※再配布はご遠慮下さい。

  • 15+ Inspirational Examples of Website Redesign

    One of the best ways to survey the evolution of Web design over a number of years is to compare different versions of websites. In other words, by comparing redesigned websites to their earlier incarnations, we become informed about new technologies, design trends, and other things that emerged in the time between the two designs and the impact of these things on Web design. In fact, the redesign

    15+ Inspirational Examples of Website Redesign
    tunacook
    tunacook 2011/09/22
    Webサイトのリニューアル例 15以上
  • MooToolsドキュメント カテゴリー「MooTools」 | 高橋文樹.com

    MooToolsは中級から上級のJavaScript開発者のために設計された軽量で、モジュール化された、オブジェクト志向のJavaScriptフレームワークです。これを使えば、エレガントで、きちんとした裏付けのある、一貫したAPIにより、パワフルに、柔軟に、そしてクロス・ブラウザなコードを書くことができます。 MooToolsのコードは標準準拠しており、どんな警告も出しません。拡張性のあるコーディングと、わかりやすい変数名:ブラウズしやすく、わかりやすい。 オープンソース・ライセンス MooToolsはオープンソースMITライセンスの元にリリースされています。つまり、あなたはどんな状況でもこれを使用し、修正することができるのです。

    tunacook
    tunacook 2011/09/22
    jQueryの公式もこのぐらいすっきりした日本語サイトが欲しいな……
  • mootools.jsでアコーディオンメニューを設置

    スライドメニューの設置方法はこれまで色々紹介してきましたが、今回また違う方法を紹介します。今回は「mootools.js」というJavaScriptライブラリを利用します。比較的軽快に動いていると思います。 information 「mootools」は公式サイトでダウンロードしてください。 ⇒ http://mootools.net/ 比較的簡単にできていてスタイルシートも少ないのでカスタマイズもしやすいかと思います。 body <p class="accToggler">メニュー1</p> <p class="accContent"> メニュー1の内容 </p> <p class="accToggler">メニュー2</p> <p class="accContent"> メニュー2の内容 </p> <p class="accToggler">メニュー3</p> <p class="ac

    mootools.jsでアコーディオンメニューを設置
    tunacook
    tunacook 2011/09/22
    mootoolsはあまり見てこなかったなー……どんなのがあるか調べてみるか