タグ

webデザインとWEBデザインに関するupranのブックマーク (275)

  • 無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類

    ネット上には時として「こんな高品質なものが無料でよいのか?」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1:FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2:FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3:

    無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類
  • ウェブ配色ツール Ver2.0

    的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています(ただしフォントは変更出来ません)。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

    ウェブ配色ツール Ver2.0
  • 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」:phpspot開発日誌

    高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 2010年08月11日- Zoom.it 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」。 こういうものを実現するライブラリ等はありましたが、Zoom.itはサイトにURLを貼りつけて送信するだけで、インスタントに実現でき、更に自サイトに埋めこむことだって出来ます。 大きなサイズの画像をうまく指定のサイズに収めつつ、拡大もさせたいという場合にかなり使えそうです。 コントロールボタンが右下に表示されるのでここで拡大・縮小が可能 めいっぱい拡大してこんな感じ。来の美しさは損なわれません。 使い方によっては非常に便利に使えそうですね。 以下に実際に埋め込んでみました。

    upran
    upran 2010/08/11
    これは素晴らしいいいいい
  • ベクター画像を大量に無料配布するサイトのまとめ | 日刊ウェブログ式

    ベクター形式の画像は拡大しても画質が劣化しないので、大サイズの画像やポスターの作成の際に便利です。そんなベクター素材を配布するサイトを資料集としてまとめてみました。よろしければご参考に。 Vecteezy ベクター画像配布サイトの定番 Official Site QVectors 膨大にあります Official Site Vecter Junky 10000のベクター素材が投稿されている Official Site ClipartLab EPS ベクター形式のクリップアートが膨大に配布されている Official Site Vector Valley 少数で高品質。オススメ Official Site 123Freevectors カテゴリーから探せるベクター素材サイト Official Site DragonArtz Designs 名刺、クリップアート、背景など高品質なベクター画像が

  • ネットの売上を激増させるための101の秘訣 » SEO Japan

    コピーブロガーからインターネットでの売上を増やすために役立つと思われるアドバイスを101紹介。ちょっとしたティップスが満載できっと誰にとっても参考になる点があるのでは? — SEO Japan もしあなたがオンラインでお金を儲けようとしているのなら、遅かれ早かれ直視しなければならないのが、コンバージョンだ。その手ごわいトピックとは、同じトラフィック数からもっと多くの購入者を獲得するにはどうすればいいのか、ということになる。 コンバージョンが手ごわいたった1つの理由は、あなたが道を踏み外す可能性がある箇所がたくさんあることだ。その多くはそんなに修正が難しいものではないが、1000ある小さな問題のたった1つが、来あるべきコンバージョンを邪魔することがあるのだ。 今私は1000個の戦略を持っているわけではないが、まずあなたが手始めにできる101のことを教えることができる。 小さいものから大きな

    ネットの売上を激増させるための101の秘訣 » SEO Japan
  • 「これから携帯サイト作成」お役立ちサイト集 2010年version - Feel Like A Fallinstar

    このブログは引用メインのまとめブログではないんですが、たまたま携帯サイトを個人的に1個作ることになったので、こんなエントリーを。 何だかんだ言っても、日の携帯電話ってしばらくは生き延びる(+普通に利用目的によってはスマートフォンより上)わけで、一度まとめておくと便利かな、ということで。 モバイルの利用状況とか、マーケ系 さすがに2010年のものばっかりはムリなので、ここ数年以内のもの中心で。 あんまり沢山見ても訳分からないので、絞りました。 携帯電話におけるインターネットおよび検索エンジンの利用状況(インデックス) 個人的にはもう少しGoogleが多いのかと思っていましたが、携帯でもYahooの方が多いんですね。 モバイルユーザー傾向DATABOX 2010年5月版 アクセス解析ソフトMyRTのデータが元になっていて、若干偏がありそう。 画像対応とか、ディスプレイサイズとか、最低限見てお

  • 新着記事

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

    新着記事
  • 男の異業種転職ウェブメディア-OREPICA-

    男の異業種転職メディア「OREPICA(オレピカ)」は、未経験だけど今と異なる業界に転職を考えている人向けの転職情報メディアです。 「今と違う業界に転職したい」「自分のスキルで活躍できる業界はどこか」など、新しい未来へ踏み出すきっかけとなるメディアを目指します。

    男の異業種転職ウェブメディア-OREPICA-
  • 文字要素に対して変形や加工を直接施しビジュアルとして文字を見せる処理 - MdN Design Interactive

    文字自体に変形や加工の処理を加えることで、タイトルを印象的に見せられる場合がある。たとえばSAMPLE10のようにタイトル全体に大胆なパースを付ければ、勢いあるイメージを表現可能だ。また、SAMPLE11では、一文字ごとにサイズやフォントを変え、さらに加工を施すことで、タイトル全体をグラフィカルな印象に仕上げている。

    文字要素に対して変形や加工を直接施しビジュアルとして文字を見せる処理 - MdN Design Interactive
  • たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE

    IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。

  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

  • 60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog

    当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ

    60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
  • Photoshop Vip » オシャレデザインの極太フリーフォント、31個あつめました。

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

    Photoshop Vip » オシャレデザインの極太フリーフォント、31個あつめました。
  • カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン

    相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」

    カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
  • Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ

    暗黙知(あんもくち、Tacit Knowing)は、ハンガリーの哲学者・社会学者マイケル・ポランニー(Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、(全体的・部分的に)言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基的なところだけ

    Webユーザインターフェースの "暗黙知" を意識していますか? : LINE Corporation ディレクターブログ
  • 竹取 JS

    画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには? とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意! やや動作が重いです! うまく変換できなかったときは、画面をダブ

  • ワンパターンなウェブデザインから抜け出すための10のヒント

    10 Great Tips to Boost Creativity [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブサイトをデザインするとき、ワンパターンに陥ってしまうことは簡単です。デザイナーは自分が何が得意であるか知っており、それを強みにして常用してしまう傾向があります。しかしながら、通常とは異なる視点をとることで、創造的なアプローチを新しい限界へとおし上げることができます。 創造力をアップさせることはウェブデザインの現在のトレンドを学び、何がそれを成功させたかを理解し、そしてあなた自身のユニークなスタイルを使ってそれらのテクニックを実行することから始めます。 あなたの創造力をあふれ出るようにするために、ここに考慮に入れるべき10のヒントがあります。 1. カラーを考えてみる サイトをゼロから作成する時や修正する時、コンセプトを強くするためにカラーの知識を深め

  • 新着記事

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

    新着記事
  • [JS]GIF以外の画像でもアニメーションさせることができるスクリプト -Canimate

    GIFアニメーションの色数やFPSの制約を受けずに、複数の画像からアニメーションを作成できるスクリプトを紹介します。 Canimate デモ 上記のデモで使用している画像のフォーマットはPNGで、GIFでは叶わない美しいアニメーションとなっています。 利用できる画像のフォーマットに制限はなく、どんなタイプの画像でも利用が可能です。 また、FPS(1秒あたりのフレーム数)、フレームのトータル数も指定でき、アニメーションのスピードを調整することも可能です。

  • 新着記事

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

    新着記事