MdN Design｜総合情報サイト
text-shadowはその名のとおり、テキストに影をつけるプロパティだ。うまく使えば画像を使わずとも、テキストを際立たせることができる。運用の効率化や、テキストコピーができるなどメリットも多い。 基本的な指定方法は、テキストから影までの距離（縦、横）とぼかしサイズ、影の色を指定して調整する【1-1】。CSS3でよく使われる、-moz-や-webkit-などのベンダープレフィックスの記述は、textshadowでは必要ない。カンマで区切れば、1つの要素に対して複数の影を指定できる【1-2】。また、影の色はrgba（半透明）で指定することもできる。影を半透明にしておけば、どのような背景色でも自然になじませることができるので便利だ【1-3】。 【1-1】「ぼかしサイズ」と「影の色」は省略可能 【1-2】カンマ(,)区切りで複数指定できる。工夫次第で複雑な表現も可能だ 【1-3】カラーコードをr
こんなオフィスで働きたい！ 第2回Google(前編） - MdN Design Interactive
オフィス潜入リポート「こんなオフィスで働きたい！」 第2回 グーグル（前編） 後編はこちら ＞＞第2回 グーグル（後編） すでに私たちのインフラと化した強力な検索エンジンを皮切りに、Webメール、マップ、動画共有サイト、Webブラウザなど、幅広いオンラインサービスを提供してきたIT企業の雄、グーグル。日常的にイノベーションが巻き起こる自由で開放的なオフィスは、見晴らしのいい六本木ヒルズの26階。先ごろ移転したばかりの、このユニークな空間を訪れた。 ●グーグル株式会社 1998年9月、現製品部門担当社長ラリー・ペイジと現技術部門担当社長サーゲイ・ブリンの2人によって共同設立。現在は世界中に63カ所のオフィス、2万人以上のスタッフを擁する。提供するサービスには世界屈指のWeb検索機能をはじめ、Gmail、Google Earth、Google マップ、YouTube、Google ブックスなど
ソフトバンクWi-Fiスポットの月額が無料に－iPhoneユーザーらに向けキャンペーン - MdN Design Interactive
ソフトバンクモバイル株式会社は「ソフトバンクWi-Fiスポット」の月額使用料無料キャンペーンを6月1日に開始すると発表した。申し込み受付期間は2013年3月31日まで。 同サービスは、iPhoneおよびSoftBankスマートフォンのユーザーがソフトバンクWi-Fiスポットに申し込むと、申し込んでから2年間、月額使用料490円が無料になるキャンペーン。また、ソフトバンクWi-Fiスポットを利用可能な同社3G携帯電話向けサービス「ケータイWi-Fi」や、法人向けサービス「Wi-Fiアクセス for ビジネス」についても同キャンペーンを実施する。 ソフトバンクWi-Fiスポット ソフトバンクモバイル株式会社 問い合わせ：0800-919-0157 URL：http://mb.softbank.jp/mb/customer.html 2011/04/28
Google、Googleショッピングにショッピングリスト機能を追加 - MdN Design Interactive
グーグル株式会社は4月25日、同社公式ブログでGoogle ショッピングに、複数の商品で迷っているときに活用すると便利なショッピングリスト機能を追加したと発表している。 同機能は、ある商品を購入を検討している場合、Google ショッピングでその商品を検索し、表示された検索結果のなかから、気になるものだけでピックアップできる機能。検索した結果を「リスト表示」にすると各検索結果に「ショッピングリストに追加」という項目が追加されているので、それをクリックしてショッピングリストに追加していく。どれにしようか迷っている時に、気になるものを追加して、比較しながら調べて絞り込んでいくことができる機能だ。また、ショッピングリストに追加した商品を「共有する」にすると、友人と共有できる「ウィッシュリスト」に追加されるので、お互いに「ウィッシュリスト」を見ながら、相談したり、プレゼントしたりなどもできるだろう
MdN Design｜総合情報サイト
「IE7でページを拡大するとテキストとフォームが重なる」、「IE5やIE6の環境でAjaxがうまく通信してくれない」、「HTMLで確認すると外部画像が読み込まれない」など、Web制作で陥りやすいトラブルはよくある。そこで本特集では、Webデザイン、CSS、JavaScript、Flash、PHP、ディレクションのカテゴリーに分け、WEB制作全般で発生するトラブルと回避方法を紹介。Webデザイナーが陥りやすいトラブルを解決しよう。 Tweet Check 【お知らせ】「web creators」の公式ファンページがfacebookにできました。1/29発売のweb creators特別号「Webデザイン表現＆技法の新・スタンダード」の情報をはじめ、Webデザインに関する最新情報・Web関連ニュースがたっぷり！ くわしくはこちらでチェックしてください! また、「MdN Design Inter
続・思考するWEBディレクション 第1回「Webディレクターが意識すべき目線（1）」 - MdN Design Interactive
web creators／MdN Design Interactive共同企画 サイト制作のための実践マネジメント 続・思考するWebディレクション 第1回「Webディレクターが意識すべき目線（1）」 2011年4月19日 TEXT：文＝田口 真行（株式会社デスクトップワークス） Webサイトを制作するうえで欠かせないのが、Webディレクターの存在だ。クライアントへのヒアリングや提案、スケジュール設定、制作物のクオリティ管理など、業務領域は多岐にわたる。ここでは、すぐれたクオリティを発揮するWebディレクターとなるために必要な知識や考え方などを紹介していく。 今回はWebディレクターにおけるディレクションクオリティを左右する「目線」について取り上げる。クライアントの依頼に対して、Webサイト制作のプロとして接するWebディレクター。その立場において「目線」の持ち方ひとつで、進行上発生する問
デザイン・ワークショップ！ - MdN Design Interactive
10人の専門家から学ぶ10のデザイン デザイン・ワークショップ！ 「グラフィックデザイン」と一口にいっても、フライヤーやZINE、活版印刷、CDジャケットなど、さまざまなジャンルがあります。これらはそれぞれ、具体的な作業工程はまったく異なるものです。そこで今回の特集では、10人のクリエイターたちを講師に迎えた、デザインの誌上ワークショップを開講します。自分のつくりたかったモノの制作手法を、楽しく学んでいきましょう！ 授業概要 レイアウトから出力・製本までトータルで行うアナログな風合いが魅力のZINEを制作します ここでは、誌面のレイアウトから製本までを自分で行うZINE（ジン）の制作工程を紹介します。ZINEとは、個人でつくる少部数の冊子のこと。自分の興味のあるテーマを設定し、手描きのイラストや写真を自由に盛り込んで制作しましょう。ここでは、コピー機で複製した原稿をホッチキスで束ねて製本す
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──ファイルの共有に使えるツール クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラ インサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービス の中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより 快適に作業するための82の活用術を紹介する。今回はファイルの共通に使えるツール を取り上げる。制作者やクライアント、そのほか制作にかかわるもの同士の間では、 さまざまなデータのやりとりが生じる。便利なオンラインストレージの使い方を知っ ておくと安心だ。 ■バックナンバー 第1回 デザインに使えるツール（1）はこちら 第2回 デザインに使えるツール（2）はこちら 第3回 デザインに使えるツール（3）はこちら 第4回 コーディングに使えるツール（
iPhoneやiPod touchからデコメが送れる！「decoration me!」 - MdN Design Interactive
（株）シーエー・モバイルは、1000種類以上のデコ絵文字をプリインストールし、デコレーションメールが簡単に作成・送信できるiPhone/iPod touch/iPad向けアプリ「decoration me!」を公開した。価格は350円だが、10月23日まで期間限定115円で購入可能。ダウンロードはiTunes App Storeから行える。 同アプリはデコメールの作成・送信・テンプレート保存・素材ダウンロードなどが行えるデコレーションメーラアプリケーションだ。メールアドレスは「i.softbank.jp」と「gmail.com」に対応。iPhoneはもちろんNTT docomoやau、ソフトバンクの携帯電話にも送信できる。写真貼り付け機能を搭載しており、写真アルバムやカメラから画像を貼り付けることが可能だ。受信箱はないが、今後のバージョンアップで対応予定となっている。 decoration
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回 デザインに使えるツール（1）はこちら 第2回 デザインに使えるツール（2）はこちら 第3回 デザインに使えるツール（3）はこちら 第4回 コーディングに使えるツール（1）はこちら 第5回 コーディングに使えるツ
グーグル、iPhone/iPod touch/iPad用GoogleアプリでGmailのプッシュ通知に対応 - MdN Design Interactive
グーグルはiPhone/iPod touch/iPad用アプリ「Google Mobile App」をアップデートし、GmailやGoogleカレンダーのプッシュ通知に対応した。 今回公開されたのはバージョン0.6.0.4416。このバージョンでは同社が提供するサービス「Gmail」や「Googleカレンダー」において、プッシュ通知に対応した。実際に使用する際には、アプリを起動し、設定メニューのGoogleアカウント設定で「Gmail」や「Googleカレンダー」の通知を「オン」にする。 Google Mobile App 「Google Mobile App」（iPhone/iPod touch/iPad対応、無料） 【iTunesが開きます】 ※価格は記事執筆時点のもので、変動する可能性があります。ご了承ください。 Tweet 2010/08/24
日本通信、ドコモ回線でiPhone 4が使えるマイクロSIMを発表 - MdN Design Interactive
日本通信（株）は、SIMロックフリーのiPhone 4向け製品としてNTTドコモの回線で使えるマイクロSIM「talking b-microSIMプラチナサービス」を発売すると発表した。8月26日より優先リザーブメール登録者に向けて順次案内を行い、終了後にWebサイトおよび店頭にて一般向け案内が開始される予定。（関連記事「日本通信がドコモ回線で使えるSIMロックフリーのiPhone 4用SIMカードを提供と報じられる」） 同製品はSIMロックフリーのiPhone4を対象としており、800MHz帯および2GHz対応のFOMAネットワークが利用できる。iPhoneでの通信はもちろん、テザリングも利用可能だ。金額は定額データ通信5280円に通話サービス基本料980円（1050円ぶんの通話料を含む）がセットとなった6260円となる。 また、iPhone 4をデータ通信専用で利用したい人向けに「b-
あらためてiPhone 4のデザインを考える（前編） - MdN Design Interactive
2010年8月17日 TEXT：小川 浩（株式会社モディファイ CEO 兼クリエイティブディレクター） 最近街中でiPhone 4のユーザーが増えてきた。同時に、カフェなどでのコンピューティングをiPadで行うビジネスマンの姿も良く見るようになったが、今回はiPhone4に話を絞ろう。 いまさらながら、Appleのモノづくりのすばらしさに感動するのだが、iPhoneは外見上は非常にシンプルな携帯電話でありながら、画面を見ながら歩いている多くのユーザーとすれ違うたびに、それがiPhoneであることを瞬時に知覚できることがスゴい。そして、iPhone 3Gと3GSの区別は外観からはわからないが、iPhone 4はわずかなデザインの変更でしかないのに、その違いがわかる。iPhoneというアイデンティティを継続したまま、シリーズの違いを見事に認識させるのはクリエイターの非常な技量の高さだ。 翻って
MdN Design｜総合情報サイト
jQueryを使って紙の角をめくるようなエフェクトをつけるTipsが「SOHTANAKA」で公開されているの で、チャレンジしてみよう（www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/）。 右上が三角形に切り取られた角の透過PNG画像【1】とめくれたときに見える画像【2】を作成し、head要素内に 「」と書いて最新のjQueryを読み込む。さらに【3】のdiv要素を準備する。「div id="corner"」が角の画像が入る要素、「div class= "message"」がめくれたときに見える画像が入る要素なので、CSSでwidthとheightを指定する【4】。「img { behavior: url（iepngfix.htc） }」は、Internet Explorer 6で透過PNGを使用する
iPadの文字入力を“ちょっとでも”快適にするワザ7選 - MdN Design Interactive
5月28日にiPadが日本に上陸。すでに多くの方が手にされていろいろいじっていることかと思います。ノートPCの代わりに持ち運んで使用する用途を模索している方も少なくないですが、そこまでおおげさでなくとも、文章を書いたりTwitterでつぶやいたりと、文字を入力する機会は多いものです。しかしいまひとつ日本語変換が使いにくいと言われるiPhone OSですし、iPhoneと違ってフリック入力もありません。ワイヤレスキーボードは使用できますが、わざわざそこまでしなくても、という人のために、ここではiPadでの文字入力を“ちょっとでも”快適にするテクニックを紹介します。 【1】文章は長めに入力する ふだんケータイを使っていると単語や文節単位で入力、変換、確定していくことが多いかと思いますが、iPhoneやiPadでは入力を細切れにせず、やや長めの文章を入力して、一気に変換していくほうが変換精度が向
iPhone向けサイトがつくれるDreamweaver拡張機能 - MdN Design Interactive
Web制作を手がける（株）エイチ・ツー・オー・スペースは5月21日、Adobe Dreamweaver CS5またはCS4上で、iPhone向けサイト制作の負担を軽減する拡張機能、「iPhone site extension for Dreamweaver CS4/5」を発表した。Dreamweaverの「Extension Manager」よりインストールすることで、iPhone用WebページやWebアプリのテンプレート等の機能を追加する。ダウンロードは無料。 インストールすると新規ドキュメントダイアログに「iPhone用ページ」と「iPhone用Webアプリ」のテンプレートが追加され、すぐにiPhone用サイトを制作できる。また、iPhoneのデザインガイドラインにそった見出しやリストなどをCSS3を使って再現しているほか、挿入バーにiPhoneグループが追加され、デザインビューでの制
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
笑えない英語 - MdN Design Interactive - デザインとグラフィックの総合情報サイト | デザインってオモシロイ -MdN Design Interactive-
MdN Design｜総合情報サイト
NTT東、iPadでも使えるモバイルWi-Fiルータ「光ポータブル」レンタル開始 - MdN Design Interactive
冴子先生も店頭に登場！Microsoft Office 2010発売 - MdN Design Interactive
