Photoshop VIP ☞ Webデザイン制作を楽にしてくれるPhotoshop無料PSD素材72個まとめ『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
The evolution of the web
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
コンテンツのコピペが一般化してきている理由
彼らは、自分が他から見つけた情報を、自分のフィールドに持ち込み、自身がメディアとして紹介します。 他の人が作成したイラストでも、それが面白ければ一度ダウンロードして、自身のメディアに再アップロードします。もちろん、役に立つとおもったテキストも、そのままコピー、ペーストします。 なぜこのような事が頻繁に普通に起きちゃってるんでしょうか。 小さなソーシャルから、大きなソーシャルへ これまでmixiやGREE、モバゲーといった囲まれたソーシャルネットワークの中にいた報道精神たっぷりのユーザーが、今まさに外に飛び出してきた形になりつつあります。 Twitterというおもちゃを手に入れたり、mixiページと言っただれでもアクセス可能なツールを手に入れた民衆報道陣は、何かを少し間違えたまま、とにかく他人のモノを手軽に盗み、そして手軽に見せ合っている。 小中学の間でも問題視されている。ネット上のテキスト
著作権放棄・シンプル・軽量で、iPhoneなどにもレイアウトを調整できるレスポンシブWebデザイン対応のHTML5フレームワーク・Fluid Baseline Grid
なかなか凄いフレームワークがあったので 反射的にメモ。パブリックドメインという のが何より太っ腹ですねー。自由に使用で きて、シンプルで汎用的、しかも軽量で iPhoneやiPadにもレイアウトを自動調整 するレスポンシブWebデザイン対応のHTML5 フレームワークです。 これ、凄く良い感じです。いいもの全部詰め込んだ、みたいなソフトウェアですね・・・ちゃんと使いこなせるようになりたいかも。 Media Queriesを使ったレスポンシブWebデザイン対応のCSSフレームワークです。3カラム構成で組めるようにもしてあります。マークアップはHTML5+CSS3ですが、jsを使ってIEにも対応してくれています。 以下にざっと特徴を。 著作権放棄(パブリックドメイン)軽量(CSSは9kb)ベースライングリッドに揃済みグリッドレイアウト対応iPhoneやiPadなどにも自動でレイアウトを調整HT
[CSS]あなたのウェブページにキーフレームを使ったアニメーションをちょこっと適用するチュートリアルのまとめ
キーフレームを使ったCSS3アニメーションの入門として、ウェブページにちょっとしたアニメーションを適用するチュートリアルを紹介します。 Enhance Your Sites with CSS3 Animations デモページ [ad#ad-2] 下記は各ポイントの意訳です。 CSS3アニメーションとは アニメーションでドロップダウンするヘッダ 透過PNGを使ったカラーアニメーション 回転するローディングのアニメーション フォームのエラーをアニメーションで強調 フォームのエラーをアニメーションで強調:その2 CSS3アニメーションとは CSS3アニメーションはエレメントに異なる見た目を順に適用するステータスから構成されています。これらのステータスを定義するにはキーフレームを使って、アニメーションの持続時間をセットします。インターバルはパーセントを使って定義し、それぞれにCSSのスタイルを指
ウェブデザインにおけるヴィジュアルのバランスを実現する5つの方法とその要因
エレメント同士を水平に配置したり、垂直に配置したり、またそれが対称だったり非対称だったりなど、ウェブデザインでヴィジュアルのバランスを実現する5つの方法とバランスに大きな影響を与える5つの要素を紹介します。 Developing Balance in Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに バランスの5つのタイプ バランスの5つのプロパティ はじめに もしあなたのウェブサイトのデザインがヴィジュアル的にバランスがとれていないなら、あなたのサイトは混乱に陥っているようにユーザーは感じるものです。そして、心地悪く感じさせるでしょう。 あなたのデザインは魅力的であり、ユーザーにリラックスして見回してもらえるようにするべきです。それを達成する最も良い方法はヴィジュアルのバランスです。 ヴィジュアルのバランスとは、デザインエレメントのバランスをとるだ
ページをレトロ風に演出する、刺繍のステッチがかわいいリボンのPSD素材
ソーシャルボタンも揃ってます [ad#ad-2] ダウンロードできるPSD素材はレイヤーが保持されているので、テキストなど変更できます。 利用にあたっては個人でも商用でも無料で、どうぞ自由に修正して使用してください、とのことです。 詳しくはダウンロードファイルの「license-README-FIRST.txt」を参照ください。
[JS]地味なフォームを簡単にかわいらしいデザインにする -Ideal Forms
画像を一切使用せず、既存のフォームをかわいらしいデザインに変更するjQueryのプラグインを紹介します。 チェックボックスのチェックも画像ではないですよ。 Ideal Forms デモ [ad#ad-2] Ideal Formsのデモ フォームの外観は画像は使用せずスタイルシートでデザインされているので、自分用のカラーに変更することも可能です。 デモでは、3つのスタイルが用意されています。 スタイル：Comix Ideal Formsの主な特徴 フォームに美しい外観を与える軽量（14Kb）のスクリプト。 カスタマイズも簡単で、非常に使いやすいです。 画像は必要なく、スタイルシートでデザインを適用しています。 [ad#ad-2] Ideal Formsの実装 ファイルのアップロード 以下の2つをフォルダごとアップロードします。 css/idealForms js/idealForms.js
ドメインも無料｜無料でビジネスwebサイトを15分で作れる波が襲ってきた
制作にかかるコストを極限までスリム化したビジネスサイト作成ツール。 「みんなのビジネスオンライン」 なんとドメインも1年間無料というふとっぱら。 制作→Googleの広告であるアドワーズの利用を促すものではないかと。 襲ってきたと書きましたが、それほど危惧するほどのモノでもないような気がします。 結局誰かの手が必要な気がします 無料で制作と言うものに凄く夢がありますが、現実問題そんな簡単そうではなさそうで。 これまでも結局webサイトは、作成も重要ですが、作成後の運営のほうがはるかに重要であると言う事を書いてきました。 実際にwebサイトには、つくるまえ、つくるとき、つくったあと、という3つのステップの説明がされています。 本当に簡単に説明されていますが、これこそがサイト作成前にめちゃくちゃ考える事であって、web屋とweb屋じゃない人との、埋める事のできない溝じゃないかと思います。なので
ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」:phpspot開発日誌
Mercury Editor - Home ページを直接編集できるHTML5ベースのWYSIWYGエディタ「Mercury Editor」。 起動するとページの上部にツールバーが現れて、ページをそのままWYSIWYGで編集することが可能です。 リンクや動画、画像、テーブルなどの挿入、テキストフォーマットがツールバーから行え、そのまま保存することが出来る仕組みのよう。 編集画面。ページ内のコンテンツ領域のみを編集させることが出来ます。 サーバに保存するにはサーバ側での保存処理が必要みたいで、ここら辺はRailsを使って動かすみたいです。 対応ブラウザは以下。 Chrome 10+ Safari 5+ Firefox 4+ 関連エントリ 軽量でデザインが良いWYSIWYGエディタ実装jQueryプラグイン「CLEditor」 まだまだあったJavaScript製のWYSIWYGエディタコンプリ
ブログのアクセスアップに役立つSEOツール２３選（完全版）
そもそもSEOツールで何を調べるの？ ツールの紹介の前に「そもそもSEOツールで何を調べるのか」を少し説明したいと思います。 SEOツールは５つの目的で使い分けます。 自分のサイト分析 ライバルサイトの分析 検索順位のチェック キーワード選定 ブログの改善方法 自分のサイト分析 SEO対策をする最初のステップは、自分のサイトの現状を知ることです。 自分のサイト分析をするには、SEOツールを使って次の8つの情報を入手します。 訪問者数 ユニークの訪問者数 PV数 平均滞在時間 直帰率 離脱率 アクセス数が多い時間帯 コンバージョン率 特に注目したいのは、PV数・平均滞在時間・直帰率・離脱率・コンバージョン率です。 PV数が多くても、直帰率や離脱率が高い場合は、読者を引きつけることができていません。 1人あたりのPV数・平均滞在時間が大きくなればなるほど、より多くの記事が読まれ、よりコンバージ
MacでWebデザイン、あると便利なアプリ48＋2 | gaspanik weblog
最近Webデザイン系のいろいろなセミナーやイベントに出ると、MacBookなんとかを持ってる方を多く見かけます。で、これからWebデザイナーになりたいなとか、これからMacに変えちゃおうかな？と思ってる皆さんに向けて、Macを使ってWeb制作とかする時にあると便利なアプリをまとめてみました。 「Web制作といえば、AdobeのCreative Suite」みたいな人も多いでしょうが、サブスクリプションプランが始まったとはいえ、いきなりウン十万もソフト含め投資できないこともありますからね（会社が買ってくれるならいいですｗ）。別にそれがなくても、他で代用すれば仕事はできるから大丈夫です。 いま現在MacでWeb制作をしている皆さんには定番なのも多く含まれますが、ちょうどこないだLionデビューして環境整備がてらまとめたので、最後まで流し読むと「え？何それ」みたいなのがあるかもです。 今回は各種
まったくのゼロから、Webデザイナーになる方法 - ウェブデザイナーになるには
この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」（2015年3月） 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ（行動プラン）をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ１ 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは
Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
FFFTP開発終了で大騒ぎしている人たちへ - OR6 blog
最初に断っておきますが、FFFTP自体は良いアプリケーションソフトウェアだったと思います。UIがWindowsのエクスプローラに倣っていると同時にエクスプローラとはひと目で見分けがつくデザインだったので、使いやすかったはずです。 ぼくもインターネットをはじめたごく最初の頃に使っていました。ほどなくしてWindows自体を使わなくなったので、それ以来触ることはなくなったわけなのですが。 FFFTPは何故開発終了したのか開発者は「開発を継続するためのモチベーションが維持できなくなった」と述べているそうですが、まあ当たり前だと思います。 FFFTPが動作するWindowsとFFFTPが扱うプロトコルであるFTP自体がオワコンだからです。前者については幾ばくかの反論の余地もあるでしょうが、後者については異論は認めません。 「終わった」プロトコルのためのソフトウェアを作り続けるというのは、プログラマ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
フリーのWEBサイトテンプレートをダウンロードできる１５サイト:phpspot開発日誌
css-eblog.com
あっという間に無料でスマートフォンサイトが作れる「DudaMobile」 | ライフハッカー・ジャパン
http://designaholic.cc/2011/08/15-1.html
