ポラロイドは1月6日、CESにて3Dプリンター業界に参入すると発表、最初の製品となる「Polaroid ModelSmart 250S」を公開した。 Polaroid ModelSmart 250Sは、プラスチックフィラメントを用いる熱溶融積層型で、製作できるサイズは幅250×奥行き150×高さ150mm。印刷速度は20mm／秒～100mm／秒、解像度は垂直で50～350ミクロン。自動較正機能を装備するほか、プリントベッドに特殊樹脂を採用して出力結果を取り外しやすいという。 パソコンとの接続はUSBのほかWi-Fiも用意される。上部に液晶モニターを搭載しており各種設定をプリンター側で行なえる。また、プリンター内部にカメラを装備しているのが特徴で、プリント中の状態をパソコンなどから確認できる。カメラ映像の確認はインターネット経由でどこからでも見ることができるとしており、長時間におよぶプリント

ロックバンド「ゲスの極み乙女。」のボーカル・川谷絵音（２７）との不倫を報じられ、６日に釈明会見を開いたタレントのベッキー（３１）が出演しているＣＭの一部が、放映打ち切りとなることが７日、わかった。 【写真】ベッキーは涙目になりながら、不倫疑惑を否定した 　ベッキーの公式サイトによると、現在出演しているＣＭは１０社。そのうち１社はデイリースポーツの取材に、すでにベッキーの出演している商品のＣＭを打ち切り、同社の他商品のＣＭに差し替えることが決定したと明かした。 また、大手コンビニエンスストアチェーン「ローソン」も「今回の騒動を受け、検討中です」と回答し、ＣＭの放映打ち切りを示唆。現在はＣＭを放送していないものの、イメージキャラクターとして起用している「損保ジャパン日本興亜ひまわり生命保険」でも、イメージキャラクターの変更が検討されている。また、他の２社では騒動と関係なく、１月中での放映終了

にほんブログ村 節約料理 いつも「節約夫婦」のブログをご覧くださり、ありがとうございます。 ブログやサイトを運営していると、写真素材を集めるのがたいへんだと感じることがあるのではないでしょうか。今日は、無料で使える写真を集めたサイトをまとめてみました。また、おすすめの関連本をご紹介いたします。 無料写真素材サイト 写真素材 足成 Free.Stocker ソザイング 2000ピクセル以上のフリー写真素材集 シルエットデザイン BEIZ Graphics タダピク PHOTO STOCKER ぱくたそ 写真AC ラブフリーフォト Tyto-Style GATAG ビジトリーフォト pro.foto food.foto model.foto skyseeker フォトスク Pixabay 番外編 モデルピース フリー写真素材集「街画ガイド」 ドット・デザイン morgueFile 写真屋水珠

jQuery fullsizableというjQueryプラグインを使えば、画像をフルスクリーンで表示できるLightbox風ギャラリーを実装することができます。ブラウザ画面を最大限活用して画像を目一杯大きく見せたい時に役立ちそうですね。 [ads_center] jQuery fullsizableの使い方 こんな感じでサムネイル画像をクリックすると大きい画像が表示されます。 右上辺りに表示されているフルスクリーンボタンをクリックすると、画像をフルスクリーンで見ることができます。とても便利です。やはり画像は大きい方が迫力ありますね。 使い方もシンプルでよさそうです。 $('a.fullsizable').fullsizable(); オプションでナビゲーション、クローズボタン、フルスクリーンボタンなどを設定することができます。 画面いっぱいに画像を表示させたいといった時に活用してみたいです

そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。しかし、ElectronアプリでDOM-based XSSが一か所でも発生すると、(おそらく)確実に任意コード実行へとつながり、利用者のPCの(そのユーザー権限での)全機能が攻撃者によって利用できる。 そのため、Electronでアプリケーションを作成する開発者は気合いと根性でXSSを完全につぶさなければならない。 nodeIntegration:falseやContent-Security-Pol

Webページ作成のベースになる、HTML5の必要最小限の構成にしたテンプレート、各ブラウザのスタイルを正常化・リセットするスタイルシート、レスポンシブ対応の柔軟なグリッドをつくるスタイルシート、さまざまなCSS3アニメーションを簡単に利用できるスタイルシートを紹介します。 HTML5で作成する時の必要最小限のテンプレート スタイルの正常化・リセット グリッドをつくるスタイルシート CSS3アニメーション HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低限の配

スマートフォンやhtml5+CSS3など新技術に四苦八苦。jQuery、AjaxなどJavaScriptも難しいですね。そんなWebに悩む人のネタ帳です。 WordPress 3.1から投稿フォーマットという機能が追加されているのですが、これまで活用できていなかったので、ここで少し勉強したいと思います。 投稿フォーマットでは、投稿内容を各フォーマットに合わせて、デザイン・レイアウトを切り替えることができます。 例えば、記事として投稿する場合でも、通常の投稿とは別で、リンク集や画像ギャラリーとしてレイアウトを分けたい場合に役に立ちます。 functions.phpでフォーマットを有効にしてみる フォーマット機能を有効にするためには、functions.phpで以下を追加するだけです。 add_theme_support('post-formats', array( 'aside', 'ima

<hr class="style**"> <style> hr.style1{ border-top: 1px solid #8c8b8b; } hr.style2 { border-top: 3px double #8c8b8b; } hr.style3 { border-top: 1px dashed #8c8b8b; } hr.style4 { border-top: 1px dotted #8c8b8b; } hr.style5 { background-color: #fff; border-top: 2px dashed #8c8b8b; } hr.style6 { background-color: #fff; border-top: 2px dotted #8c8b8b; } </style>

注意 HTML5 からは 見た目は CSS に任せ、HTML は文書の構造（セマンティック）を表すことのみに重点を置かれるようになりました。例えば箇条書きリストを作るのに div と display: list-item; を使って構築するより、箇条書きリストを表す ul li を使ったほうがよりセマンティックです。このように目的にあった HTML 要素を使うようにしてください。 ボックスモデルとは CSS でレイアウトをする際には、 ボックスモデル を理解する必要があります。 CSS の定義するボックスモデルは以下の図のように 4つの領域で構成されています。 ボックスモデル解説図 content（コンテンツ） テキストや画像など、要素そのものの内容が表示される領域です。この領域のサイズは width（幅） と height（高さ）プロパティで指定することができます。 padding（パデ

ロンドン在住3年目。カラフルとエシカルが大好き！アメリカ、ベトナムと海外移住3カ国目のイギリス。スペイン人の彼と交際中！可愛いヨーロッパ文化を紹介していきます。 今まで一眼レフ、広角レンズ、望遠レンズ、三脚など重い思いをしながらいろいろ持ち歩いていた旅人さんたち。さらに収納スペースが限られているのにも関わらず、圧縮できないカメラ。 そんなお悩みの方に朗報です。コンパクトで軽量なカメラキットが「Apple Store」で複数アクセサリーを組み合わせたiPhone用カメラキットが発売になりました。 新しい旅のお供に！ photo by eia1961 今話題のIncase「Action Camera Collection」をベースにした「Photography Kit for iPhone 6/6s and iPhone 6 Plus/6s Plus」は特製ケースにパッケージされた特別セット製

今年もCSSの進化がすごいです！ 次のプロジェクトに使ってみたくなるようなワクワクする素晴らしいアイデア満載のスタイルシートのテクニックを紹介します。 CSSアニメーションはより洗練され、単に要素を動かして楽しむだけでなく、意味のある動きとしてより効果的に利用されるものが目立ちました。 まずは、アニメーションの表現もここまでできるのかと驚いた「Marvel Logo animation」から。 ※一部は、実際に動作するデモのコードを埋め込んでいます（全部をコードにしたらページが重すぎました）。

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

Anker(アンカー)の『Compact Car Jump Starter Portable Charger』(税込7,999円)を購入してみました。 このバッテリーは、スマホやタブレットの充電だけでなく、バッテリーが上がった自動車のエンジンをスタートできるという、1台2役の製品です。 パッケージの内容は次の通り。かなり充実しています。 バッテリー本体 ジャンパーケーブル microUSBケーブル ACアダプター シガーソケットアダプター キャリングケース デザインは異なりますが、以前レビューをした『RAVPower カージャンプスターター』とサイズや仕様が似ているので、同じ供給元からのOEMかもしれません。 かなり明るいLEDライトを搭載しており、非常時に懐中電灯として利用できます。 「PowerIQ」対応の出力ポートが2つあり、スマートフォン・タブレットの急速充電ができます。 バッテリ

最近のWebサイトで見かける気持ちいいアニメーションを使った、ナビゲーション、画像、ボタン、カード型レイアウトなど、HTML5+CSS3で実装されたさまざまなコンポーネントのスニペットを紹介します。

スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。 紹介するもの全てがひと通りのブラウザで自由に使えるわけではありませんが、上手く利用すれば今まで画像を使用していた見栄えをCSSだけで再現できたり、複雑な組み方をしたりJavaScriptを使って実装していたりしたものがCSSのみでシンプルに実装できたりします。 November 27, 2015 追記 前川（@maepon）さんが、このエントリーでは記載していなかった各種プロパティのブラウザ対応状況についてまとめてくださいました。 OS・ブラウザの種類やプレフィックスの有無、Can I useの各種プロパティページへのリンク

ピッカピカのゴールド、つやつやのゴールド、ざらっとしたゴールド、延べ棒・金箔・砂金など、さまざまなゴールドの美しい質感をデザインに適用できる素材を紹介します。 通常は有料ですが今週末まで無料なので、この機会にダウンロードしておくのをオススメします。個人でも商用でもクライアントワークでも利用できます。

マウスオーバーでクルッとするボタン 画像もJavaScriptも使わずに、HTML＋CSSのみでクルッと回転するようなエフェクトの発生するボタンの作成方法を紹介します。（使用例： ニュースページ、地図ページ） ニュースページのカテゴリナビゲーションです。もともと英語で表示しているテキストを、マウスオーバーでくるっと日本語に入れ替えています。CSSを工夫して用いれば、このように要素内のテキストを動かすことも可能になります！ 実際につくってみよう！ 上述のスライドアウトインする画像と同様で「transition」というCSS3プロパティを用い、マウスオーバーでのCSSプロパティの変化にアニメーションを加えています。サンプルコードを以下に用意しました。 CSSでクルっとするボタン - jsdo.it - share JavaScript, HTML5 and CSS CSS3を用いて作成したマウ