『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
![新着記事](https://cdn-ak-scissors.b.st-hatena.com/image/square/7affdb54ec5644912b1c69f64277ee81356a6170/height=288;version=1;width=512/https%3A%2F%2Ff1zxujx2.user.webaccel.jp%2Fwp-content%2Fuploads%2F2011%2F09%2Flovely_package1.jpg)
ユニークだったのでご紹介。グローバル メニューに連動してアコーディオンが 連動して開閉するコンテンツを実装する jQueryプラグイン。使いどころはあまり 無さそうですけど、もしかしたら、とい うことで・・ IE6や7でも動いてくれます・・・が、tableに置き換える事でなんとか実装してるようです。少しチカチカするので使いどころに悩みますが・・ グローバルメニューにマウスを乗せると、下部のアコーディオンが開閉します。なかなかインパクトありますねー。 下層メニューも作れる。 IETesterによるIE6のキャプチャです。 こういうのも出来るそうな。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js'></script> <script
GUI デザインをする上で考えていることStocker.jp さんのところで [連載]Webデザイン入門(3:光とボタン) というWebデザイン初学者向けの連載が行われているのだけど,それに触発されて「自分だったら (こうする/こうしてる)」というのを実例を持って書いてみる. ここでいう UIデザインは GUI のスタイリングであって,実際にはデザインと呼ぶには領域が挟すぎるのだけど,おそらく多くの人が認識している"デザイン"と呼ぶものに合わせる.実際には DBモデル, API設計, URI設計, CallbackFunction まで実装して,はじめてデザインと呼べるものだと思う サマリー機能について把握すること 機能の記号化(ピクトグラム) ・ そのシルエットのデザイン 「押せそうな」アフォーダンス・「明暗」と「光沢」「質感」を切り離して考える 「押せそうな」アフォーダンス・「明暗」の
デザインに奥行きと世界観を与えてくれるパターン。一枚敷くだけでデザインのクオリティがグッとあがったりしますが、今日紹介するのは背景デザインに使える20のシームレスパターンを集めたエントリー「20 More Tileable and Seamless Pattern Sets (500+ Patterns)」。 Pattern Kit One 全部で20ものパターンが集められていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。 詳しくは以下 Photoshop Pattern Pack シンプルなグリッドや罫線の背景パターン。 Metal Mesh Patterns 重厚感のある金属素材のシームレスな背景パターン。業種業態によっては非常に使えるパターン。 Patterns パステルカラーのPOPなパターン。 上記の他にも様々なパターンが紹介されています。デザ
執筆した井上誠一郎氏ら共著者に敬服。お疲れさまでした。 パーフェクトJavaScript (PERFECT SERIES 4) 言語仕様のpart2(2〜7章)まで読みました。その後はパラパラっと流し読み。まずは言語仕様までの内容について雑感を述べます。 JSには既にサイ本と呼ばれるバイブルが存在しますが、サイ本は「仕様を淡々と解説している本」といった印象を持っています。対してパーフェクトJavaScriptは「仕様における用語を整理し、分かりやすくまとめて解説している本」といった印象でした。そして表紙がダサいです。ガラケーがのってます。サイ本に対してガラケー本といったところでしょうか。・・・って不名誉な名称だからやめとこうと思いましたが、パーフェクトJavaScriptと長いのでやっぱり使います。 対象読者 入門書ではないと「はじめに」で言い切っています。対象読者についてもそのページで言
■編集元:ニュース速報板より「【世界美少女探訪】 けしからんほど清純派!ベトナムの天使エリー・トラン・ハちゃんが可愛いすぎる」 1 名前:名無しさん@涙目です。(チベット自治区) :2011/10/01(土) 11:33:54.73 ID:1uPf+c4NP ?BRZ(10951) この世には、星の数ほどの美少女が存在する。夜空に輝く金星のように、ひときわ美しい女性のウワサは、海をまたいで世界に広がる。日本で言うなら佐々木希さんが代表格。彼女はただ「美しい」というだけで、世界中の熱い視線を集めているのである。 というわけで、金星のように輝く世界の有名美少女をお知らせするシリーズ『世界美少女探訪』第1回は、ベトナムの豊乳美少女エリー・トラン・ハ(Elly Tran Ha)ちゃんをご紹介したい。 ベトナムといえば美女が多い国として有名だが、なかでもエリー・トラン・ハちゃんの可愛さはダン
■編集元:ニュース速報板より「ウイルス対策ソフト「avast!」が自分自身をウイルスと判定」 1 名前:名無しさん@涙目です。(東日本) :2011/10/02(日) 15:14:30.16 ID:m+Ft8gW90 ?PLT(13131) 質問 先ほどアバストで完全なシステム検査をしていたところ、Win32:Malware-genを検出しましたが、検出場所がprogram fileの中のavast5フォルダからで、aswRunDll.exeが引っかかりました。これは、自身のファイルをウィルスやマルウェアと認識して検出したものなのでしょうか? 回答 avastフォルダ内のファイルということで、誤検知と考えて間違いないと思います。英語版フォーラムにも同様の報告が上がっていました。 http://forum.avast.com/index.php?topic=85886.0 av
CSS3の「変形・アニメーション関連」のプロパティは面白いですね。これらのプロパティの登場によって、CSSの持つ表現力が「どかーん」と拡大するように感じました。この記事では、WebKit Nightly Buildsでの表示を対象に、 CSS3で新たに定義されたプロパティを色々と使ったサンプルを作ったので、それを紹介したいと思います。 サンプルページは、CSS3のプロパティの練習として作っていたので、 表示の対象はこれらのプロパティを先行実装しているWebKitエンジンのブラウザーの中でも、 描写速度が激的に改善されている開発者向けのWebKit Nightly Buildsになります。 Safari4やGoogle Chromeでも見られますが、アニメーションはスムーズに再生されません。また、HTML5のaudio要素に対応していない場合は音が出力されないようです。非常に高負荷な処理が盛
2007年1月。私がブログを始めた同じ月にミャンマーの青年が個人でも商用でも無料で使えるFreeFlashTemplateというサイトをオープンさせました。Flashのテンプレートを無料で提供というスタイルですね。 とても素晴らしいソースとして、結構使われた人も居るかもしれません。ある程度広告収入と言う方法で軌道に乗せたNetDNAは、その一年後2008年に、FreeCSSTemplateというサイトも同時に発足。 そして現在。総テンプレート数が335個。 改めてこのサイトを見ると、かなり優れたものが多いので、だいぶ前に紹介した気がしないでもないのですが(他のブログでみただけかも)、再度ご紹介したいなと思います。 とりあえず使う前の注意 個人、商用問わず利用可能です。作品を複製、頒布、展示、実演することができます。二次的著作物を作成することができます。本作品を営利目的で利用することができま
■編集元:ニュース速報板より「これだけは入れておけ!っていうフリーソフト」 8 名前:名無しさん@涙目です。(鳥取県) :2011/09/29(木) 23:03:21.07 ID:sJTivbwh0 窓の手 続きを読む
日本の電気メーカーが iphone作れない理由:外資の人から見た視点 - Togetter http://togetter.com/li/193059 製品を薄く、軽く、そしてこれまでにあるのを付け加えるのは楽。 言ったら悪いけど、無難。 バカにでもできる製品開発。 だから、みんなそれをやって利益がでない。 iphone 見たいなのは超リスク。 それを会社を上げてつくるからinnovative な製品ができる なぜ他社は Apple のようなシンプルで魅力的なデザインの製品が作れないのか? この手の話が定期的にホッテントリに上がってくるので、 まとめながら考えてみます。 デザインは美的感覚じゃなくて、広義の設計や機能のデザインです。 「付加価値をあげるとは、付加機能を増やすことである」という昭和的価値観 エアコン設計にみる昭和的発想 - Chikirinの日記 http://d.haten
「恋活や婚活を始めてみたいけど、どのマッチングアプリを使えばいいのかわからない…」という人のために、数あるアプリからおすすめの5つを厳選して比較してみました。恋人探しに向いているものから真剣に婚活をするのにぴったりのアプリまで、多岐に渡りますね。 ではこれらのアプリについてさらに掘り下げてみていきましょう。 Pairs(ペアーズ) 会員数 800万人 男女比 6:4 マッチングアプリといえばペアーズ、というほど会員数が多く、国内最大手のアプリです。平均年齢は20代前後と比較的若いですが、その会員数の多さもあり実際は10代から50代まで幅広い年齢層の会員が活動しています。そのため、登録している人の目的も婚活から遊び相手探しまで様々。どんどん会員が増え続けているので、初心者が登録するにはまず間違いのないアプリだと言えるでしょう。 Pairs(ペアーズ)のメリット 1. コミュニティー数がかなり
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2011年10月01日20:09 by tkfire85 たった7つのチェックで完了!引越しで必要になる書類・手続きチェックリスト カテゴリ管理人 雑談 tkfire85 家を借りたくなったらposted with amazlet at 11.09.30長谷川 高 WAVE出版 売り上げランキング: 20221 Amazon.co.jp で詳細を見る 【関連記事】 ・楽天担当者が困るくらい、楽天カードを活用する方法 ・何故、若者は携帯のカメラ撮影のことを「写メール」というのか。 ・21世紀に生き抜くな人材・生き抜かない人材の13のタイプ。↓最新記事はこちらからご覧いただけます。 Blogで本を紹介しちゃいます。 引越しのシーズンではないですが、あえて引越しネタで書かせてもらいます。引越しをする際に決める事は色々とあります。まず賃貸の場合は物件探しです。不動産屋さんを何件も回ってやっと念願の
ママが子供の為に命がけになるのは当たり前です。 ところが、一般的に受け入れやすいのは「恐怖や危険」を声高に叫ぶ団体や意見が多いです。 TVでも週刊誌でも、「不安」を煽る方が世間の目を引きます。(本当は恐い**など) では、「政府や学者は嘘だ!」と言う意見に「嘘は無い」のか自分の目で確かめましたか? 今回はshosta5さんのお気に入りを、丸ごと使わせて頂きました。 続きを読む
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか?』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
DoCoMoのCSS、XHTMLにはクセがあります。注意すべき点をまとめてみました。 これに関してはいろいろなサイトで論じられていますが、既出のネタや仕様書の内容も含めなるべく広範囲に渡って情報を集めました。 他のキャリアについてはまた書くと思います。 特に気をつけるべき点を先にまとめると、こんな感じです。 ・CSSはインラインでしか記述できない。 ・XHTMLが必須でかつ適切なContent-Typeヘッダを吐く必要がある。 ・istyle属性は使えない。 ・MARQUEEタグは使えない。 ・object要素によるFlashの埋め込みはiモード対応XHTML1.1から。 ・TABLEタグはiモード対応XHTML2.0以降でないと使えない。 ・GPS用の属性lcsはiモード対応XHTML2.1以降でないと使えない。 (DoCoMoに限った話ではない内容も含まれています) CSSの名称、記述
ドコモ端末がついに外部CSSに対応したようです Tweet 2009/5/20 水曜日 matsui Posted in DoCoMo, ニュース | 3 Comments » 昨日発表されたドコモの新端末(iモードブラウザ2.0端末)では、とうとう外部CSSに対応したようです。 JavaScriptやCookie対応の影に隠れて触れられてなかったのですが、これはかなり大きな修正です。 ドコモのCSSはケータイサイト作成の上で、最大の懸念とも言ってよかったのでこれは嬉しいですね。 → NTT docomo 作ろうiモードコンテンツ iモードブラウザ2.0対応i-CSS2について [nttdocomo.co.jp] 外部CSSに加えて、もちろんヘッダ内に書くCSSにも対応しているようです。 これは昨日から新しく提供が開始された、iモードHTMLシミュレータII 8.2でも確認できます。 →
※お知らせ※ •2018年3月31日をもって、auの3Gケータイ向けの以下のサービスが終了となりました。 ・EZアプリ(B)の配信(ダウンロード・バージョンアップ) ・au世界サービス(旧:グローバルパスポート ※技術資料の中では「国際ローミング」と称しています) それに伴い、関連する技術情報を修正いたしました。 ・「公式コンテンツで提供するサービス」メニューおよびその配下の技術情報提供の終了 ・技術情報資料『【EZweb 全般】EZweb コンテンツ制作ガイド』の修正 •「WEBページ」メニュー配下にある「SHA-2対応ケータイアップデートについて」の項目を 「【EZweb全般】EZブラウザ搭載機のSHA-2対応について」に改称し、本文中の関連する記述も修正しました。
最近発売されているドコモの機種(FOMA)のブラウザにはたいてい iモードHTMLとiモードXHTMLの両方に対応したモードが搭載されています。 例えば、最新のハイエンド機種FOMA 904iでは、ドコモの技術情報の端末スペック表を見ると、 iモードHTMLはバージョン7.0、iモードXHTMLは2.1に対応していることが分かります。 これは、携帯電話が機能向上するのと並行して、 携帯に対応したHTMLもバージョンアップを繰り返すためです。 このi-HTMLとi-XHTMLの違いは、多くはHTMLタグで指定できる属性やCSSの対応状況になりますが、簡単に言ってしまえば、i-XHTMLのほうがより豊かな表現が可能になっていると解釈しても間違いではないでしょう。 さて、携帯サイトを作成する際のポイントについてふれますが、 多くの方が勘違いされているのは、 ドコモの機種が割と新しい機種、つまりX
以前、このブログで携帯絵文字変換スクリプトを配布しましたが、 今回はその改良版です。今まで、こちらの携帯絵文字変換スクリプトを使用していた方で、 どうやっても動作しないよ!と悩んでいた方はこちらに変えてみてください。 改良点は以下の通り。 ・もちろん全3キャリア対応 (ただしドコモはiモードHTML4.0以上の機種に限る) ・PHPとSSI両方に対応 ・安定動作のため、Unicode数値参照方式(&#x\\\\;)に変更 ・PHPは4と5で動作 ・PCで閲覧した場合にも絵文字が表示される ・ドコモの絵文字を基準とするのはそのまま 以前の携帯絵文字変換スクリプトはドコモの絵文字においてShift-JISの2バイトコードを 絵文字の変換テーブルに用いていたため、サーバー環境によっては文字化けが起きたり、 XHTMLとHTMLで動作が異なったりしていましたが、今回は全キャリアが対応している Un
そもそもwidthは ・縦:portlaitモード(320px)約1/3 ・横:landscapeモード(480px)約1/2 (1)metaタグにviewportを使う <meta name="viewport" content="[プロパティ]=[値](, [プロパティ]=[値])"> initial-scale 倍率の初期値 乗数で指定(例:120%の場合は1.2) minimum-scale 倍率の最小値 乗数で指定 maximum-scale 倍率の最大値 乗数で指定 user-scalable 拡大縮小の可否 (ye/no) <meta name="viewport" content="width=device-width" /> デバイスにあわせる(スクロール分の余白ができてしまう) <meta name="viewport" content="width=320; init
前回のエントリで、ラウンドアバウトの変換シートを使いiPhone専用の外部CSSファイルを使うことができると説明しました。 今回はiPhone向けにデザインや操作性を改善するCSSプロパティについて、少し詳しく説明していきます。 1. bodyの余白を作らない まず下の画像を見てください。iPhoneでは左に余白ができてタブメニューに折り返しが発生しています。ラウンドアバウトは横幅320ピクセルのiPhoneの画面サイズに合わせ、画像を縮小している(大きさは正しい)のですが、iPhoneのMobile Safariではブラウザ表示領域とコンテンツの間に数ピクセルの余白ができるため、このように見えてしまっています。 この余白はbody要素の余白サイズを0にして調整できます。一口に「余白」といってもmarginとpaddingとありますが、Mobile Safariについてはmarginの設定
iPhone用のスタイルシートを別途用意する場合 下記のようにall.cssというスクリーン用のスタイルシートを、 pc.cssとiphone.cssに分けて下記のように設定することで、iPhone用のhtmlを作らずにiPhone用のレイアウトを用意することが出来ます。 media="screen and (min-device-width: 481px)"> media="only screen and (max-device-width: 480px)"> if IEの部分は、IEがmedia="screen and "を読み込めないため、IE用に再度外部CSSを宣言しています。 既存のスタイルシート内にiPhone用のスタイルを追加する 一方、外部スタイルシートを分けずに、またはhtml内にスタイルを宣言している場合にそれを生かしてiPhone用のスタイルを宣言することが出来ます。
お客様の設定により、お客様情報が「非表示」となっております。お客様情報を表示するにはdアカウントでログインしてください。 お客様情報表示についてへ お客様情報表示についてへ
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く