ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
サンプルデザインでわかりやすく見る。プロデザイナーが使うセオリー10のこと。 | Maka-veli.com
Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。 グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、
サークルKサンクス、「iTunes Card」をお得に買えるキャンペーンを6月9日から開始
サークル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. 会員登録 クー
使える.htaccessテクニック１０個:phpspot開発日誌
10 useful .htaccess snippets to have in your toolbox | CatsWhoCode.com 使える.htaccessテクニックが１０個紹介されていて便利そうなのでご紹介です。 紹介されている内容は以下のとおり サイトのURLで www があったら取る設定 画像への直リンクを防ぐ WordPressのフィードをフィードバーナーに３０１リダイレクト FeedBurnerならAdSenseを貼れたりします 特定のファイルを強制ダウンロードさせるようヘッダーにContent-Disposition attachment と mimeを設定する phpの設定もある程度は.htaccessでも出来る例 アクセスした際の拡張子を消す .html なしでもアクセス可能にする mimeタイプとユーザエージェントによってコンテンツをgzip圧縮する設定 デフォ
ヒートマップが描画できるHTML5 canvasベースのJSライブラリ「heatmap.js」:phpspot開発日誌
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」:phpspot開発日誌
ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」 2011年06月02日- jQuery illuminate - Tony Lea ボタン等を光らせて目立たせ、分り易くすることが出来るjQueryプラグイン「jQuery illuminate」。 あんまりギラギラするのはチカチカしてうっとうしいものになってしまいそうですが、このプラグインで実装すれば、まるでイルミネーションのように穏やかに光らせられるので、注目を集めたいような部分に適用すると使い勝手の向上につながるのかも。 動作ムービーは以下を参照してみてください。実際にブラウザで見てみたい方はサイトにアクセスしてみましょう。 このエフェクトが、必要ライブラリを読み込んだ後、$('#button').illuminate(); だけで出来ちゃいます。 オプションで強さや、ス
Google +1 をウェブサイトに表示
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
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
衝撃が走ったキャッチコピー : まめ速
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が
高度なエフェクトも簡単にかけられるオンライン画像編集サイト「iPiccy」
オンライン上で画像編集できるサービスといえば、Googleが買収した「picnik」が主流ですが、picnikでは多機能過ぎて、何が出来るのかいまいち理解しきれないということもあるはず。 そこで今回は、もっとカンタンにオンライン上で高度な画像の加工ができるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 多彩な画像編集ができるオンライン画像編集サイト「iPiccy」 「iPiccy」は、難しいエフェクトも簡単にかけることができるオンライン画像編集サービス。 Photoshopにあるようなレイヤー機能も備えていて、エフェクトをかけた画像をさらに編集することも可能になっています。 画像加工機能が豊富 ↑切り抜きやリサイズ、カラーバランスなどの画像加工機能も充実。ボカシやフレーム
無料版Dropboxと有料版Evernoteで仕事用のファイルを管理するワザ - 日経トレンディネット
【告知】本連載「クラウド調査隊」を、皆さんと一緒に盛り上げていく新企画が始まりました！ コミュニティサイト「300万人編集会議」にてスタート。ぜひ参加してください！（詳細は記事の最後にも） クラウドサービスの代表格、オンラインメモサービス「Evernote」（エバーノート）とオンラインストレージ「Dropbox」（ドロップボックス）。今回は、2つの定番サービスを組み合わせて、仕事で利用しているファイルを全てクラウド上で保管する環境を整えてみたい。 2つの定番サービスを上手く組み合わせられないか考えたのは、Dropboxの容量に悩んだからだ。有料サービスに申し込んで100GBにまで増やしてみたものの、増える一方のファイルを保存しておくには力不足。運用コストもかかるため2GBの無料版へと戻した。 保存容量は大幅に減ってしまうが、そこは創意工夫で何とでもなる。例えば、Dropbox上に保存するの
[JS]スムーズなアニメーションで横スクロールコンテンツを作成するスクリプト -X-Rhyme.js
水平方向に長いコンテンツをスムーズなアニメーションで横スクロールさせるjQueryのプラグインを紹介します。 X-Rhyme.js [ad#ad-2] デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ：「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('.horizontal_items_container').xrhyme({ navigationSelector : '.anchor a', anchorMode : true, wheelSpeed : 0.7, animationTime
ブラウザのスタイルをリセットするスタイルシート -Normalize CSS
Normalize CSS [ad#ad-2] Normalize CSSの主な特徴 Normalize CSSの対応ブラウザ Normalize CSSのデモ Normalize CSSの使い方 Normalize CSSの主な特徴 Normalize CSSは、他のリセット用スタイルシートとは一味違った特徴を備えています。 有用なデフォルトはそのまま 多くのリセット用スタイルシートは異なり、有用なデフォルトのスタイルは維持します。 スタイルの正常化 さまざまな種類のエレメントのスタイルを正常化します。 バグの修正 各ブラウザごとの異なるスタイルやバグを修正します。 ユーザビリティの改善 ほんのわずかな改良でユーザビリティを改善します。 コードの説明 各コードには詳細な説明があります。 Normalize CSSの対応ブラウザ 対応ブラウザは下記の通りです。 Chrome Firefox
最高の自分を引き出す「自己催眠」のかけ方 9ステップ : earth in us.
最高の自分を引き出す「自己催眠」のかけ方 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さんが、自身の経験から、不用品を整理して捨てるコツを紹介しています。 ポイントは、不要品をリサイクルショップに売ったり、寄付したり、廃棄するなどして処分する前に、これらの品々にそもそもいくら使ったのか？ を計算すること。こうすれば、不要品の実際の価値を知った上で、売ったりあげたりできます。また、より大きなメリットとして、この金額を肝に銘じておけば、必要のないものをつい買いたくなる自分を冷静に戒めることができ、モノを買うときに購入の是
冗談みたいな足の長さを持つ「タテガミオオカミ」の写真いろいろ : らばQ
冗談みたいな足の長さを持つ「タテガミオオカミ」の写真いろいろ 明らかに比率がおかしいこの生き物、合成写真だと疑うかもしれませんが、南米に生息する「タテガミオオカミ」という動物だそうです。 まるで犬と鹿を足したような、奇妙な姿をご覧ください。 タテガミオオカミは体長122.5〜132cm、体重20〜23kgで、生息地はアルゼンチン北部、パラグアイ、ブラジル中部以南、ペルー南東部、ボリビア東部に分布しています。 低木が点在する草原、沼沢地などに生息することから、茂みの中を歩くのに適した長い足となったようです。（タテガミオオカミ - Wikipedia） 茂みにいると、ちょっと細身のキツネかオオカミに見えますが…。 全身が見えると、この通り驚きの足の長さ。 座っていると、ただの犬という感じ。 でも、立ち上がると長い足が邪魔します。 水を飲んでいるとき。 この角度で地に足が付くって、キリンみたいで
Twitter / フォローボタン
あなたのWEBサイトにフォローボタンを追加して、訪問者とのつながりをさらに深めるとともに、ずっと続く関係を築きましょう。
WordPressでCMSを作るなら絶対に覚えておきたいプラグインいろいろ | Web活メモ帳
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
Design works｜新デザインオンラインカジノ 日本語対応
Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日本語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、
レトロな雰囲気を演出する多色利用のシームレスなパターン素材まとめ「40 Awesome Multi-Colored Seamless Patterns」
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ページを開く
だめ人間13か条 : 2chコピペ保存道場
Photoshop VIP ☞ 新しく公開された真似したくなるすごいPhotoshopチュートリアルまとめ 2011年5月度
町田はけっこう九州だ :: デイリーポータルZ
Engadget | Technology News & Reviews
punksteady.com
クリエイティブ業界専門の求人サービス [CINRA.JOB]
新着記事
IDEA * IDEA
フリーフォントのダウンロードサイト「フォントAC」
TechCrunch | Startup and Technology News
not found
転職・退職代行マガジン -
域名到期-域名续费提醒