『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー&カルーセルプラグイン、チャート&グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。 グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン(線がある/ない、かかわらず) は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
サークルKサンクスが、「iTunes Card」をお得に購入できる恒例のキャンペーンを、6月9日(木)より期間限定で開催します。[source: サークルKサンクス ] 同コンビニチェーンの会員制度「KARUWAZA CLUB」の特典として開催するもので、キャンペーンに参加するには入会が前提となります。 1,500円 > 1,300円 (割引率 約13.3%) 3,000円 > 2,600円 (割引率 約13.3%) 2011年6月9日〜6月29日まで クーポンは店舗内に設置されている端末『カルワザステーション』で発券。iTunesカード1枚につきクーポン1枚が必要となります。 iTunesで、iPhone・iPod touch・iPad向けのアプリ・音楽・映画の購入などで出費が多い方は、この機会にストックしておくのが得策かもしてません。 クーポン発券の方法 Step 1. 会員登録 クー
10 useful .htaccess snippets to have in your toolbox | CatsWhoCode.com 使える.htaccessテクニックが10個紹介されていて便利そうなのでご紹介です。 紹介されている内容は以下のとおり サイトのURLで www があったら取る設定 画像への直リンクを防ぐ WordPressのフィードをフィードバーナーに301リダイレクト FeedBurnerならAdSenseを貼れたりします 特定のファイルを強制ダウンロードさせるようヘッダーにContent-Disposition attachment と mimeを設定する phpの設定もある程度は.htaccessでも出来る例 アクセスした際の拡張子を消す .html なしでもアクセス可能にする mimeタイプとユーザエージェントによってコンテンツをgzip圧縮する設定 デフォ
heatmap.js | HTML5 Canvas Heatmap Library ヒートマップが描画できるHTML5 canvasベースのJSライブラリ「heatmap.js」。 ユーザのマウス位置をヒートマップという形で表示してサイトの利用方法を解析する方法がありますが、そのヒートマップを描画できるライブラリが公開されています。 取得されたデータを元にヒートマップを描画できるのは当然ながら、マウスを動かしてリアルタイムにブラウザに描画されるデモも一見の価値があります サイト上の以下のボタンを押しましょう。 リアルタイムでヒートマップが描画されます。Chromeだととってもなめらか アクセス解析的な利用はモチロンのこと、何か他のものにも使ってみると面白い効果が得られたりするのかも。 関連エントリ クリック位置のヒートマップを作成できるオープンソースやサービス色々
5/25(水)に、サイバーエージェント様と勉強会を開催いたしました。 そのときにクックパッドエンジニアが使用した発表資料を公開いたしますので ぜひご覧くださいませ。 当日お忙しい中お集まりくださった皆様、Ustreamでご覧になった皆様、どうもありがとうございました! ●成田一生 [slideshare id=8150494&doc=20110525tofu-110530080429-phpapp02] ●菅原元気 [slideshare id=8120106&doc=random-110527001900-phpapp01] ●濱崎健吾 [slideshare id=8107056&doc=110525amepad-110526022442-phpapp02] Ustreamはこちらからご覧ください。 クックパッドでは、これからもこのようなイベントを不定期に開催予定です。 こちらのブログ
ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」 2011年06月02日- jQuery illuminate - Tony Lea ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」。 あんまりギラギラするのはチカチカしてうっとうしいものになってしまいそうですが、このプラグインで実装すれば、まるでイルミネーションのように穏やかに光らせられるので、注目を集めたいような部分に適用すると使い勝手の向上につながるのかも。 動作ムービーは以下を参照してみてください。実際にブラウザで見てみたい方はサイトにアクセスしてみましょう。 このエフェクトが、必要ライブラリを読み込んだ後、$('#button').illuminate(); だけで出来ちゃいます。 オプションで強さや、ス
Documentation You can add and customize the +1 button to meet the needs of your website, such as modifying the button size and load technique. By adding the +1 button to your website, you allow your users to recommend your content to their circles and drive traffic to your site. The +1 button can also improve the time spent on your site by providing recommendations for further reading. Use of the
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
1:以下、名無しにかわりましてVIPがお送りします:2011/05/31(火) 23:50:39.67ID:05/KS2090 にわかだが、糸井重里の 「おちこんだりもしたけれど、私はげんきです。」 落ち込んだり「も」で映画のストーリーを臭わせてるのがいい 5:以下、名無しにかわりましてVIPがお送りします:2011/05/31(火) 23:53:37.41ID:EhKorvesP 全てのRPGを過去にする 【ファンタシースターユニバース】 7:以下、名無しにかわりましてVIPがお送りします:2011/05/31(火) 23:54:08.10ID:+kMI4mkL0 最後の一撃は、切ない 【ワンダと巨像】 47:以下、名無しにかわりましてVIPがお送りします:2011/06/01(水) 00:07:01.90ID:vnL8m6Nn0 >>7 はえーよ 8:以下、名無しにかわりましてVIPが
オンライン上で画像編集できるサービスといえば、Googleが買収した「picnik」が主流ですが、picnikでは多機能過ぎて、何が出来るのかいまいち理解しきれないということもあるはず。 そこで今回は、もっとカンタンにオンライン上で高度な画像の加工ができるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 多彩な画像編集ができるオンライン画像編集サイト「iPiccy」 「iPiccy」は、難しいエフェクトも簡単にかけることができるオンライン画像編集サービス。 Photoshopにあるようなレイヤー機能も備えていて、エフェクトをかけた画像をさらに編集することも可能になっています。 画像加工機能が豊富 ↑切り抜きやリサイズ、カラーバランスなどの画像加工機能も充実。ボカシやフレーム
【告知】本連載「クラウド調査隊」を、皆さんと一緒に盛り上げていく新企画が始まりました! コミュニティサイト「300万人編集会議」にてスタート。ぜひ参加してください!(詳細は記事の最後にも) クラウドサービスの代表格、オンラインメモサービス「Evernote」(エバーノート)とオンラインストレージ「Dropbox」(ドロップボックス)。今回は、2つの定番サービスを組み合わせて、仕事で利用しているファイルを全てクラウド上で保管する環境を整えてみたい。 2つの定番サービスを上手く組み合わせられないか考えたのは、Dropboxの容量に悩んだからだ。有料サービスに申し込んで100GBにまで増やしてみたものの、増える一方のファイルを保存しておくには力不足。運用コストもかかるため2GBの無料版へと戻した。 保存容量は大幅に減ってしまうが、そこは創意工夫で何とでもなる。例えば、Dropbox上に保存するの
水平方向に長いコンテンツをスムーズなアニメーションで横スクロールさせるjQueryのプラグインを紹介します。 X-Rhyme.js [ad#ad-2] デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ:「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('.horizontal_items_container').xrhyme({ navigationSelector : '.anchor a', anchorMode : true, wheelSpeed : 0.7, animationTime
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
最高の自分を引き出す「自己催眠」のかけ方 9ステップ http://www.earthinus.com/2011/06/self-hypnosys.html
2011年06月02日 オススメの文房具サイトあげれ! Tweet 0コメント |2011年06月02日 00:00|文房具|サイトまとめ|Editタグ :ステーショナリーサイト紹介 >http://toki.2ch.net/test/read.cgi/stationery/1121009752/ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 1 :_ねん_くみ なまえ_____:05/07/11 00:35 ID:BbekFFEm 愚痴やアラシまみれのクソスレを追うのはもう飽きた! メーカー、販売店、個人マニア、インプレサイト、etc… 文具ジャンルはもちろん、玉石混交有象無象問わず、 もまいらのオススメサイトをあげれ! 原則ホメ進行なので、直リン上等でひとつ。 44 :_ねん_くみ なまえ_____:05/08/22 22:25 ID:??? http://www
モノをできるだけ減らせば、お金の節約になり、シンプルな生活が送れます。必要なものとそうでないものを仕分け、不要なものは捨てるのが整理整頓の基本ですが、捨ててしまう前に、あるプロセスを加えると、今後の生活の改善に役立つそうです。 Photo by David Boyle. マネー系ブログメディア「Get Rich Slowly」では、読者のClaire Brownさんが、自身の経験から、不用品を整理して捨てるコツを紹介しています。 ポイントは、不要品をリサイクルショップに売ったり、寄付したり、廃棄するなどして処分する前に、これらの品々にそもそもいくら使ったのか? を計算すること。こうすれば、不要品の実際の価値を知った上で、売ったりあげたりできます。また、より大きなメリットとして、この金額を肝に銘じておけば、必要のないものをつい買いたくなる自分を冷静に戒めることができ、モノを買うときに購入の是
冗談みたいな足の長さを持つ「タテガミオオカミ」の写真いろいろ 明らかに比率がおかしいこの生き物、合成写真だと疑うかもしれませんが、南米に生息する「タテガミオオカミ」という動物だそうです。 まるで犬と鹿を足したような、奇妙な姿をご覧ください。 タテガミオオカミは体長122.5〜132cm、体重20〜23kgで、生息地はアルゼンチン北部、パラグアイ、ブラジル中部以南、ペルー南東部、ボリビア東部に分布しています。 低木が点在する草原、沼沢地などに生息することから、茂みの中を歩くのに適した長い足となったようです。(タテガミオオカミ - Wikipedia) 茂みにいると、ちょっと細身のキツネかオオカミに見えますが…。 全身が見えると、この通り驚きの足の長さ。 座っていると、ただの犬という感じ。 でも、立ち上がると長い足が邪魔します。 水を飲んでいるとき。 この角度で地に足が付くって、キリンみたいで
あなたのWEBサイトにフォローボタンを追加して、訪問者とのつながりをさらに深めるとともに、ずっと続く関係を築きましょう。
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
TOP > Design > レトロな雰囲気を演出する多色利用のシームレスなパターン素材まとめ「40 Awesome Multi-Colored Seamless Patterns」 さまざまなシーンで利用されるデザインパターンには、各年代の特徴を感じさせる独特な色やオブジェクトを活用した物も多く見られます。そんな中から今回は、懐かしさと可愛らしさを感じるレトロテイストのパターン素材をまとめた「40 Awesome Multi-Colored Seamless Patterns」を紹介したいと思います。 Pattern / halcyon :: COLOURlovers レトロなパターン素材の中から、シームレスで利用できる素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Pattern / Cuddle At
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く