新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
レスポンシブWEBデザインのデザイン・設計上の注意点 | Web制作 | | SRE BLOG | SRE BLOG
レスポンシブWEBデザインはその特徴から、レイアウトの自由度が低いと言われています。どのようなデザインにするのかは悩ましい問題とも言えるでしょう。 そこで今回は前回のレスポンシブWEBデザインの基本に続き、実際の事例とともにデザインや設計における注意点を紹介していきます。 １、各デバイスのサイズを把握しましょう！ レスポンシブWEBデザインの最大の特徴はなんと言っても、色々な端末から見れるということ。設計する前に端末のサイズを把握していなければ、始まりません。 参考までに主要なディスプレイサイズを図にしてみました。 ユーザーがいつどんな環境でサイトを見るのか、考えてみることが大切ですね。 ２、よく使うブレークポイントはこれだ！ どの画面サイズでも見やすいサイトになるよう適切なブレークポイントを設定しましょう。 ちなみにSRE BLOGでは1160,1080,1024,985,960,940
HTMLにおけるimg要素のalt属性
HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基本 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
iOS 7のアイコンデザイン、どうなんでしょう？
期待大！ だっただけに、若干肩透かしも。 iOS 7、デベロッパー向けのβ版はすでに使える状態になっています。今回はiOS 6まで責任者を務めたスコット・フォーストール氏に代わり、ジョナサン・アイヴ氏が指揮をとって｢フラットなデザイン｣に一新されました。これについて好き嫌いは人によって人によって違うと思いますが、デザイナーのイアン・ストーム・テイラーさんは、｢アイコンがちょっと...｣と批判的です。どこがどう問題なんでしょうか？ 以下、テイラーさんのブログから許可を得て米Gizmodoに転載された内容です。 ｢子供っぽい。｣iOS 7について、僕が初めて聞いた反応がこれでした。僕も正直、初めてiOS 7を見たときはちょっと｢えぇぇ｣って感じでした。僕はシンプルさを愛するデザイナーとして、ジョナサン・アイヴ氏の新鮮でクリーンなiOSを楽しみにしていたんです。でも、発表されたアイコンはまるで急
floatを解除する手法のclearfix と 次世代のレイアウトの話
floatを解除する手法のclearfix と 次世代のレイアウトの話 2013-06-20 / 2013-06-30 2011年にclearfixについて記事を書きましたが、Micro clearfixなどの新しい手法も出てきました。 記事を書いてから2年が経ち、色々思うところも出てきたので、改めてclearfixについて書きます。 floatを解除するには CSSでレイアウトの構築を行う際に、よくfloatプロパティが用いられます。 しかしfloatを使用すると、「親の背景が表示されない」「下の段のレイアウトが崩れる」などのトラブルが起こりやすくなります。 floatプロパティの特性 親の背景が表示されない理由は、floatプロパティを指定しているボックスが浮動化し、通常のボックスのフローから外されることが原因です。 通常フローから外されたボックスは、親のボックスの高さを認識できなくな
Twitterへ投稿されるURLのリンク先を選べるようになります - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき、ありがとうございます。 はてなブックマークは、2013年3月21日にブックマークのコメント一覧ページをリニューアルしました。また、5月15日には、コメント一覧ページにおいてコメントがファーストビューに表示されるよう、コメントの位置を上へ上げるレイアウト変更を行いました。 これらの改善の結果、ブックマークのコメント一覧ページのページビューは、昨秋と比較して約30％上昇し、滞在時間は約18％長くなりました。はてなブックマークでは、ユーザーの皆様のコメントには、ブックマークされるページと同様、インターネット上の情報として高い価値があると考えています。 今回、はてなブックマークのコメント一覧ページの価値を、より多くのインターネットユーザーの方々に知っていただくため、はてなブックマークと連携しているTwitterアカウントへ投稿されるURLのリンク先を、ブッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した![[デザイン]グラデーションを使う理由、不自然なグラデーションについて徹底的に分析した](https://cdn-ak-scissors.b.st-hatena.com/image/square/232c41c1ad9ba1ab348c9a84db4d1d95780fb78b/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F06%2Fdesign-gradation-color-01-150x150.png)
iOS7のUIが詰まったPSD「iOS7 GUI PSD」:phpspot開発日誌