『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました。 レスポンシブwebデザイン エラスティックレイアウト リキッドレイアウト フレキシブルレイアウト 固定幅レイアウト グリッドレイアウト 可変グリッドレイアウト レスポンシブwebデザイン(Responsive Web Design) PCやスマートフォン、タブレット事に複数のデザインを制作するのではなく、 ディスプレイの幅に合わせてデザインを最適化する方法。 CSS3のMedia Queriesを利用してディスプレイサイズに応じてデザインを変更します。 メリット 一つのソースで複数デバイスに対応できるのでメンテナンスが容易です。 また今後デバイスの種類が増えてもそれに対応できます。 それぞれのデバイスに合わせた形で調整できるのでユーザーエクスペリエンスも高くなります。 デメリッ
Bootstrapは今風のWebアプリケーションを開発するのに最適なデザインパーツを提供するCSSテンプレート。 BootstrapはCSS製のオープンソース・ソフトウェア。ITエンジニアが苦手にするのがWebデザインだ。作るのは良いが、それを奇麗に配置していくのがとても難しい。Webサービスが流行るか否かに技術が及ぼす影響は良くて半分だろう。残りの半分以上は見た目にかかっている。 グリッド それもあって奇麗な画像を生成したり、何かのサービスを模したデザインに人気が集まったりする。Appleの作るデザインのような、今風なWebサイトを作る際にはBootstrapが便利そうだ。 BootstrapはTwitterの開発チームが作成したWebデザインテンプレートだ。単なるHTMLのみならず、色々な機能がおり混ざっている。複数カラムのグリッド、高さの揃った複数カラムのレイアウト、基本的なHTML
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左:オリジナル(3662KB)、右:JPEGmini(628KB) [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左:オリジナル、右:JPEGmini、見た目の品質を比較することができます。
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
最初に断っておきますが、FFFTP自体は良いアプリケーションソフトウェアだったと思います。UIがWindowsのエクスプローラに倣っていると同時にエクスプローラとはひと目で見分けがつくデザインだったので、使いやすかったはずです。 ぼくもインターネットをはじめたごく最初の頃に使っていました。ほどなくしてWindows自体を使わなくなったので、それ以来触ることはなくなったわけなのですが。 FFFTPは何故開発終了したのか開発者は「開発を継続するためのモチベーションが維持できなくなった」と述べているそうですが、まあ当たり前だと思います。 FFFTPが動作するWindowsとFFFTPが扱うプロトコルであるFTP自体がオワコンだからです。前者については幾ばくかの反論の余地もあるでしょうが、後者については異論は認めません。 「終わった」プロトコルのためのソフトウェアを作り続けるというのは、プログラマ
なんか以下の記事が面白そうだから続いていこうかと。 Webデザイナーの嫁が知るべき71のこと でも30とか超えると多すぎて読まないのでめっちゃ少なくしました。 ヘビーソーシャルネットワーカーの嫁が知るべき24のこと 1)自宅で静かにiPhoneをいじっているとても静かな旦那は、常に世間の迷惑など考えずに叫び続けている 2)ツイッターとFacebookで別人のケースがあるが、リアルでも別人の夫を見て、そのギャップを楽しむ余裕が必要 3)写真を夫が撮ったら、その瞬間Twitterで写真が公開されていますので、緊張感を持って行動しよう 4)夫はGPSで現在地を公開しながら生活している 5)家で全くしゃべらず、ネットでめちゃくちゃしゃべっている時は、本当はすごく寂しい時なのでやさしく声をかけて上げましょう 6)夫は仕事に出かけたはずなのに、めちゃくちゃTwitterでしゃべってても、仕事は何故か普
要点:たった3つのチェックを記事を公開する前に5分行うだけでその記事が大きく生まれ変わる事があります。そのチェックポイントを学んでみましょう。 ブログ記事には色んな記事があって、それぞれどんな方向性があるのかを吟味しながら記事を書かれていることだとおもう。 記事には「数字」を稼ぐという意味ではてなブックマーク向けの為の記事や、Twitterやfacebook受けするような大衆向けの記事、あるいはGoolgeから検索してもらう事で将来的に数字を稼ぐ記事などがあります。 今回はこうした点について考えてみましょう。 3つのポイント ポイント分けして考えるとそれぞれ3つのポイントがあります。 それは 口コミしやすいか最後まで読まれたか検索されやすいか この3点です。 これを検証する事で、その記事が持つ力を測定できるのではないかと考えました。 1)口コミしやすいか 口コミ率の高い記事というのは至極あ
GoogleMapのAPIと併せて使える700種のアイコンセット「Map Icons Collection」 2011年09月01日- Map Icons Collection | Google Maps Icons, Map Markers, Free POI Icons, GIS Symbols GoogleMapのAPIと併せて使える700種のアイコンセット「Map Icons Collection」 次のようないい感じのポインターアイコンが700種つまったアイコンセットが公開されています。 GoogleMapとアイコンを組み合わせて便利な機能をサイトに組み込むのに役立ちそうです。 Google Mapは今後もサイト作りにおいて使うケースが色々とありそうなので覚えておくと便利ですね 関連エントリ Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps
Webデザインにおけるメインのデザインツールとして多く使われているPhotoshopとFireworks。我々の業界内において、どちらの方がデザインツールとして便利か、という議論がよく行われますが、いずれか一つしか使いこなしていないユーザによる比較論ではあまり意味がないでしょう。日頃から使いなれているツールの方が使いやすい、と感じるに決まっているからです。ここで参考になるのは、両方のツールを同等に使った経験を持ち、かついずれにも過剰なこだわりや愛着を持ってないデザイナーの声なのではないでしょうか。 実は私自身はもともとPhotoshopでWebサイトのデザインを作っていました。しかし以前勤めていた会社でFireworksを使っていた人が多かったため、あるプロジェクトで一時的にFireworksを使ってみたところ、色々な面でFireworksの方が優れていると感じ、Fireworksに乗り換
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー(私)によるDTPデザイン注意書き:Webと
うちの兄貴がよくあるIT成金の1人なのだが、この前あったときに「兄貴は寄付とかしないの?」みたいな話をしたときに、日本の金持ちが多額の寄付をしたり金持ち増税を主張したりしない理由がわかった気がしたので、ここに書く。まあ参考例が兄貴とその経営者仲間だけなので、一般論として語るには無理がある気がしないでもないが、参考になれば。「いや、オレら"高貴"じゃねーし」ノブレス・オブリージュとかあるんじゃないの的なことを聞いた返答がこれ。直訳すると「高貴なる者の義務」なんだから、「高貴」じゃないオレとか関係なくない?と。逆に日本で「高貴」なのはどういう人かと聞くと、官僚、政治家、大企業の経営陣、大学教授、医者とかとのこと。ネット企業の社長が「高貴」とかギャグかよ、と。これ、ワタシ的には凄く腑に落ちた。もちろん普通に考えると「お金持ち」ってのはそれだけで現代に適用したところの「ノブレス」に該当するんだろう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く