デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値（10.5pxとか9.2pxなど）に対するブラウザの挙動です。 たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル（小数点以下のピクセル値）の扱いの挙動差により生まれます。 まずはパーセント指定の基本から まずは前提となるパーセント指定の際の計算の基本のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。 たとえば100pxの親要素の中にある子

とりあえずAdblockユーザーをブロックしたいならBetter Stop AdBlock 2015年9月、Appleは多くのメディア関係者を震撼させました。 そう、iOS向けの広告ブロックアプリCrystalを大々的に宣伝することによって…。 今までAppleを支えてきた、出版・デザイン業界の人間を切り捨てる、見事なまでの手のひら返し。当たり前ですが、私の周りでも多くの同士が憤慨しています。 賛否両論あると思いますが、対策は簡単。 CrystalやAdblockなど、広告をブロックするソフトをインストールしているブラウザでは、Webサイトを閲覧できないようにするだけです。対策としては警告メッセージを表示するAnti-Adblockが有名です。 いくつか似たようなプラグインが用意されていますが、単純に閲覧を拒否するだけならBetter Stop AdBlockを利用するのが最も簡単でした。

今回の機能を紹介するにあたり、次の状態が整っていることを前提とします。 1. 参照しようとする「Googleスプレッドシート」を「元スプレッドシート」とし「元表」のシートが存在する 2. 参照先の「Googleスプレッドシート」を「参照スプレッドシート」とし「参照表」のシートが存在する 3. 「元スプレッドシート」には次のような表が「元表」シートに表記されている 4. 「参照スプレッドシート」には次のような表が「参照表」シートに表記されている それでは実際に、参照する方法を見ていきましょう。 基本編 基本的な方法から説明します。まず、「元スプレッドシート」から「参照スプレッドシート」の単一のセルを参照する際に利用する関数はこちらです。 IMPORTRANGE この関数の引数には2つを指定します。 一つ目は「参照スプレッドシート」の「スプレッドシートキー」です。「スプレッドシートキー」とは、

数学は、遙か昔から多くの芸術や建築のデザインに利用されてきました。Webデザインに黄金比や白銀比、フィボナッチ数列などをとりいれてる人もいるかもしれません。 クリエイティブなインスピレーションが得られる数学の美しさを楽しめるGIFアニメーションをまとめてみました。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに ページのレイアウト、要素や形の構成のアイデアに、またアニメーションなので動きも面白いものばかりです。

OS X、Typekitのアップデートでフォント事情が変わってきました。 OS X El Capitan‎で加わった4フォント 2015年10月1日にリリースされたOS X El Capitan‎では、次の4フォントが加わりました（それぞれ2ウエイト）。 クレー 游明朝体+36ポかな 筑紫A丸ゴシック 筑紫B丸ゴシック OS X El Capitan‎で強化されたヒラギノフォント OS X El Capitan‎では、ヒラギノ角ゴシックが10ウエイト（W0からW9）になりました。 OS X El Capitan‎搭載のヒラギノフォントと製品版のヒラギノフォントには互換性がない スクリーンからOS X 10.11に搭載のヒラギノフォントと「製品版／従来版フォント(※)」との互換性、使用上の注意点がサイトに掲載されました。 製品版／従来版フォントはありませんので、OS X 10.11の環境のみ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ブランケットに包まれて眠っているハリネズミが、描かれているイラストと同化してしまったかのように見える写真がTwitterにアップされ、「かわいい」「な、和むっ！」と話題になっています。 完全に同化してる（画像提供：@anazuvovoさん） 背中側もお腹側もぴったりで、足の角度もまったく違和感なし。包まれているというよりは、二次元の入り口に足を踏み入れているかのようにすら見えます。 写真を投稿した穴さんは、「イワキ」「ヤブキ」「トノマ」「サエバ」といった4匹のハリネズミと一緒に暮らしており、TwitterやInstagramではそのかわいい姿を見ることができます。どの写真や動画にも投稿者さんの愛を感じることができ、時間を忘れてほっこりできますよ。 いつまでも眺めていられそう （宮澤諒） advertisement 関連記事 まぁるくて小さなハリネズミさんに癒やされる！　「ハリネズミカフェ」

映画「バック・トゥ・ザ・フューチャー PARTII」に登場した未来の飲み物「ペプシ・パーフェクト」を米ペプシが本当にリリースします。映画でマーティが飲んでたやつだこれ！ 2015年の未来世界が舞台となった「バック・トゥ・ザ・フューチャー PART2」。劇中では宙に浮く車やホバーボード、自動で靴ひもの長さを調節してくれるシューズなど、さまざまな未来グッズが登場しており、「ペプシ・パーフェクト」もその1つ。マーティがたまたま訪れたダイナーでペプシを注文したところ、テーブルの下からせり上がって出てきたのがこの「ペプシ・パーフェクト」でした。 「ペプシ・パーフェクト」の登場シーン 今回発売されるのは、映画のデザインを忠実に再現した限定ボトル。USA Todayなどの報道によると、価格は20.15ドルで、6500個限定販売だそうです。購入方法については、米ペプシの公式サイトで「10月21日よりAma

フェリシモのブランド「スキヤキ」から、かわいいセーラーカラーのあったかコートが発売されます。少女のハートがある限り、永遠の学院生でいられる「アリス学院」シリーズの新コレクションで、冬のおしゃれの大本命アイテムです。 しっかり厚みのある裏地付きのメルトン素材を使用。フロントはきちんと閉めるとワンピのように愛らしく、清楚な印象に。タイはボタンで簡単に付け外しできるので、その日の気分でチョイスできます。折り返してアレンジするとすっきり、ナポレオンジャケットのようにもまとえるツーフェイス仕立て！　着まわし力が高いのが特徴です。 セーラーカラーのかわいい後ろ姿もチャームポイント。 アレンジ例 既存のアリスシリーズや、童話シリーズのコスチューム、パニエ付きのスカートなどとの相性もばっちり。ふだん着としてだけでなく、ちょっとした「なりきり」コーデに合せるコートとしても活躍してくれそうです。予約生産となり

世界自然保護基金（WWF）はこのたび、ヒマラヤ東部で新たに211種の野生生物を発見したと発表しました。報告書をネット上に公開しています。 報告書 いずれも2009年～2014年に見つかったもので、211種の内訳は、「植物133種」「無脊椎動物39種（昆虫類37種含む）」「魚類26種」「両生類10種」「哺乳類・鳥類・爬虫類各1種」。その中には、最大4日ほど“水から出ても生きられる“淡水魚や、鮮やかな色のヘビ、空色の目を持つカエルなどが含まれています。 カエル　（C）Chintan Sheth ヘビ　（C）Liang Zhang サル　（C）Martin Aveling/Fauna & Flora International WWFによると、「世界の屋根」と称されるヒマラヤ山脈には1万1000種以上の多様な生物が息づいており、1998年以降で565種が新たに発見されています。しかし、気候変動や

テレビ東京のドラマ「孤独のグルメ Season5」の第4～5話（10月23日、30日放送）で、井之頭五郎が台湾に出張します。 ゴローちゃんin台湾 Season5でゴローちゃんが初めて海外遠征することは以前から発表されていましたが、出張先が台湾であることが明らかに。台北のほか、北東部に位置する宜蘭県（ぎらんけん）の街も訪れます。また台湾で撮影された「孤独のグルメ」の中国版「孤独的美食家」の主人公・伍郎役のウィンストン・チャオさんも出演し、食事シーンで競演します。 五郎と伍郎 「孤独のグルメ Season5」は毎週金曜深夜0時12分から。 松重豊さんコメント 本当においしいものばかりで、とにかく堪能しました。想像のつかないような味で、自分でも思ってもいないようなリアクションが取れたんじゃないかと思っています。また、どこへでも行ける番組だなということが分かりました。それからロケ中、現地の方から

アメリカ・ネバダ州にあるネバダ核実験場では、計928回の核実験が行われたことが(PDF)公表されていますが、1955年に行われた核実験「ティーポット作戦(Operation Teapot)」のうち未公開だった4回の爆発実験の様子がムービーで公開されています。 Operation Teapot Atomic Explosions HD - YouTube まぶしい光と共に、1回目の爆発実験が行われます。 激しい炎が上がります。 暗闇の中ですが、キノコ雲が上がっていることがかろうじて判別できます。 続いて2度目の爆発。1回目よりも爆発の威力が激しく、昼間のような明るさです。 太い火柱が上がります。 徐々に火柱の形が変化し…… 上部が盛り上がったキノコの形に変化。 爆発後しばらくの間は、キノコの傘の部分が空中で明るく残り続けています。 続いて3度目の実験。 火柱や煙の様子から、1回目と2回目の実

新型Nexus端末の「Nexus 5X」と「Nexus 6P」に搭載される新Android OS「Android 6.0 Marshmallow」のファクトリーイメージが公開されました。ファクトリーイメージ公開によって、OTAによるアップデートの配信が順次、スタートすることになりそうです。 Official Android Blog: Get ready for the sweet taste of Android 6.0 Marshmallow http://officialandroid.blogspot.jp/2015/10/get-ready-for-sweet-taste-of-android-60.html Googleは公式ブログでAndroid 6.0 Marshmallowの配信をスタートさせたと発表しました。また、「一刻も早くAndroid 6.0 Marshmallo

【先出し週刊ファミ通】『真・女神転生IV FINAL』発表！！ “神殺し”がキーワードになる完全新作！（2015年10月8日発売号） ニンテンドー3DSで2016年2月10日発売予定 アトラスは、週刊ファミ通2015年10月22日号（2015年10月8日発売）において、人気RPG『真・女神転生』シリーズの最新作となる『真・女神転生IV FINAL』を発表！ 『真・女神転生IV』の世界観を踏襲した、完全新作のニンテンドー3DS用ソフトとして、2016年2月10日発売予定であることも併せて明らかに。当記事では、本作のビジュアルをいち早くお見せしよう。どうやら本作は、“神殺し”がキーワードになるようだが、その意味とは……！？

Googleは米国時間10月5日、最新のAndroid OSである「Android 6.0」（コードネーム：Marshmallow[マシュマロ]）の配信を開始しました。 Android 6.0アップデートの対象となるNexus端末は、Nexus 5とNexus 6、Nexus 7（2013）、Nexus 9およびNexus Playerの計5機種。これまで最新版にアップデートされてきたNexus 4やNexus 7（2012）、Nexus 10は対象端末から外されています。 すでにファクトリーイメージは公開されており、OTAアップデートも本日開始されます。 関連："最強"の「Android M」、Googleが挙げた10個の新機能

写真の中に入った不要なものを削除したり、美女を小太りにしたり中年のセクシーサンタにしたりと、もはやできないことはないのではとさえ思わせる魔法のような画像編集ソフトが「Adobe Photoshop」です。そんなPhotoshopの一部の機能をiPhoneやiPad上から無料で使えるアプリ「Adobe Photoshop Fix」が登場したので実際に使ってみました。 Adobe Photoshop Fixを App Store で https://itunes.apple.com/jp/app/id1033713849 上記URLにアクセスして「Adobe Photoshop Fix」のページへ飛んだら「入手」をタップしてアプリをインストール。 インストールが完了したらホーム画面に追加されたアイコンをタップして起動。 初回起動時にはこんな感じでチュートリアルが表示されるので、画面を左方向にス

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

Smash Bros-esque fighting game MultiVersus is returning on May 28

'Extreme' geomagnetic storm may bless us with more aurora displays tonight and tomorrow

Twitterは、アカウントをフォローしている・いないにかかわらず、Twitter上で起きている注目すべき話題を稲妻アイコンをタップするだけですぐ表示できる「Moment（モーメント）」機能を追加しました。 Moment機能では、モバイル上の稲妻アイコンをタップすると、いま注目すべき話題がリスト形式で表示されます。話題は1日のうちに何度も更新され、「エンターテイメント」「スポーツ」といったように、スワイプで過去数日間の話題を振り返ることも可能です。 Momentの一つを開くと、見出しと短い概要が表示されます。興味があれば、左右にスワイプすることで関連画像や動画などのツイートが次々と流れてきます。ツイート画像をタップし、お気に入りしたりリツイートなどがおこなえます。 現時点では米国のみで利用可能ですが、日本を含むそれ以外の国でも、誰かからのツイートやDMなどを通したMomentのリンクから同

ダイハツが、東京モーターショー2015の出展概要を発表 軽自動車をもっと使い倒すコンセプト！ ダイハツ ウェイクに商用車？新型 e:Sテクノロジー搭載モデルも展示 ▼ダイハツ TEMPO（テンポ）画像 ダイハツ 東京モーターショー 2015 出展概要・展示車 4台のコンセプトカーをワールドプレミア 「POSSIBLE！ 明日の“できる”をダイハツと」をテーマに、人々の生活に寄り添う軽自動車をさらに進化させる 出展車 NORI ORI（ノリオリ） クルマに対してのハードルとして「乗り降り」に着目。 イージーアクセスを目指し、超低床フロアと2ウェイアクセス大開口ドア、電動スロープを採用 TEMPO（テンポ） 軽商用車の新しいカタチとしてFFプラットフォームを最大限に活用。 運転のしやすさや乗降性のよさなど、FF車の特長を商用車に活用 D-base（ディーベース） ニューベーシックスモールとして

ホーム FASHION, TOPICS 「インスタグラム」の国内最新広告事例まとめ18選、自社サイト・キャンペーン誘導・アプリDL促進で各企業が積極活用中 FASHION 「インスタグラム」の国内最新広告事例まとめ18選、自社サイト・キャンペーン誘導・アプリDL促進で各企業が積極活用中 2015/10/6 FASHION, TOPICS インスタグラム, マーケティング 投稿者: 編集部, F.M.J. 「インスタグラム（Instagram）」は、これまで一部の企業に限定していた国内での広告展開を10月から緩和し、広告主が設定した予算に合わせて出稿できるセルフサーブ（運用）型広告サービスの提供を開始。既にタイムライン上では、多業種さまざまな企業が積極活用していることがわかる。今回、F.M.J.編集部の独自調査による、最新広告事例として18選をまとめた。 現状、インスタグラムの広告は、3種類