モッツァレラチーズをお餅のようにコネつつお家で手作りする方法まとめ
そのまま食べてもピザの具材にしてもおいしい「モッツァレラチーズ」はお店で買うのが一般的ですが、実は市販の牛乳を使っておうちで手作りすることも可能です。ということで、試行錯誤しつつモッツァレラチーズを作ってみたので、「初心者でも一番失敗せずにモッツァレラチーズを作れるだろう」という方法をまとめました。 モッツァレラチーズ作りに必要な材料は、低温殺菌牛乳・食塩・クエン酸・レンネット。低温殺菌牛乳とは、65度程度で30分かけてゆっくりと殺菌された牛乳のこと。市販の牛乳は多くが「超高温殺菌牛乳」と呼ばれていて、120～150度で1～3秒殺菌されているのですが、この方法だとタンパク質が変性するため、モッツァレラチーズが作れない点に注意。ここで用いる材料には必ず「低温殺菌」と表記されているものを使ってください。 そして初めてのモッツァレラ作りで必須なのが、耐熱のキッチングローブ。これは熱々のモッツァレ
データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」
どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In
最も美しいインフォグラフィック・データビジュアライゼーションなどをまとめた「Kantar Information is Beautiful Awards 2015」
海外ニュースメディアThe GuardianやWiredなどでライターを務めるDavid McCandlessさんは、膨大な情報を解析し分かりやすく提示するデータジャーナリストやインフォメーション・デザイナーでもあります。そんなMcCandlessさんが運営しているアイデア・問題・知識・情報などを視覚化することを目的としたサイトが「Information is Beautiful」です。 Information is BeautifulではKantarをスポンサーに、インフォグラフィックやデータビジュアライゼーション関連の優れたものを表彰しようという企画「Kantar Information is Beautiful Awards 2015」を行っています。 Winners: Kantar Information is Beautiful Awards 2015 | Information
大英図書館が100万点以上の画像をFlickrで公開、誰でも無料で利用可能に
by Alex Watson 1973年に設立され世界中の貴重な資料が集められている世界有数の図書館の1つ大英図書館がFlickr上に100万点以上の画像を公開しました。画像は17世紀から19世紀にかけての資料をスキャンしたもので、公開された地図・イラスト・風刺画・彩飾＆装飾された文字・壁画などは全てパブリックドメインであり自由にダウンロード・利用することが可能です。 A million first steps - Digital scholarship blog http://britishlibrary.typepad.co.uk/digital-scholarship/2013/12/a-million-first-steps.html 実際にFlickr上で公開されている画像の例は以下から。 Flickr: The British Library's Photostream 以下は
世界初の睡眠コントロールで1日2時間睡眠を可能にする「Neuroon」
人間は毎日、夜から朝にかけてまとめて眠る「単相睡眠」という睡眠サイクルを持っていますが、動物は1日に複数回睡眠する「多相睡眠」を行っています。世界初の多相睡眠コントロールシステムによって多相睡眠のサイクルを可能にし、30分睡眠を1日4回行うだけでパワフルに1日中動くことができる効率的な睡眠をもらたしてくれるアイマスクが「Neuroon」です。 Neuroon: World's first sleep mask for polyphasic sleep by Intelclinic - Kickstarter http://www.kickstarter.com/projects/intelclinic/neuroon-worlds-first-sleep-mask-for-polyphasic-sle 「Neuroon」がどのように多相睡眠をコンロトールするのかは以下のムービーから確認でき
成功した人たちが早起きして朝8時前にしていた5つの習慣とは？
By Silentmind8 早起きは、世界で活躍する企業のCEOや政府の高官、その他の有力者などに見られる共通点です。例えばイギリス初の女性首相となったマーガレット・サッチャー氏は毎朝午前5時に起きて一日の計画を立てたといわれますし、近代建築の三大巨匠と呼ばれるアメリカの建築家フランク・ロイド・ライト氏は午前4時、ウォルト・ディズニーのCEOであるロバート・アイガー氏も午前4時半という朝早くに起きる、とのこと。では、世界の偉人達はそんな朝早くに起きて一体何をする習慣を持っていたのでしょうか？ 5 Things Super Successful People Do Before 8 AM - Forbes http://www.forbes.com/sites/jennifercohen/2013/10/02/5-things-super-successful-people-do-befo
2匹のネコが体を使って文字を表現してくれる人文字ならぬネコ文字のフォント「ねこフォント」
いろんなポーズのネコの写真を使って人文字ならぬネコ文字をフォント化させたのが「ねこフォント」。半角英数なら記号も使え、ダウンロードして使用するだけでなくhtmlに書き込んでウェブ上で使用することも可能です。 ねこフォント http://nekofont.upat.jp/ 使い方はページの真ん中にあるテキストボックスに文字を入れ、「作成」をクリックするだけという簡単なもの。 するとこんな感じでページが表示されます。 大文字のAは二匹のネコが抱き合っている姿。 ネット上で使用したい場合は、以下のjavascriptを表示したいhtmlに書き込めばOK。 また、「ダウンロードボタン」を押すと画像が表示されるので、右クリックで保存することが可能。 なお、フォントは半角英数、記号に対応していますが、日本語は表示できません。 ねこフォントで「GIGAZINE」と書くと以下のように表示されます。 次は小
無料でダウンロード可能なPhotoshopをパワーアップさせるブラシセット「BRUSH SET」
デジタル・アーティストJonas De RoさんがPhotoshopで使用しているブラシ37種類をセットにした「BRUSH SET」がdeviantARTから無料でダウンロード可能となっています。ブラシは使用の用途に合わせて5つのカテゴリーがあり、Photoshopでの作業をさらにパワーアップさせることが可能です。 BRUSH SET - Photoshop Painting Brushes by *JonasDeRo on deviantART http://jonasdero.deviantart.com/art/BRUSH-SET-Photoshop-Painting-Brushes-348274576 ブラシのカテゴリーは「BASIC」「PAINT」「ADVANCED」「NATURE」「GUIDE」の5つがあります。 まず「BASIC」はシンプルかつ効果的なブラシ。スピーディーに仕
Photoshopで40分かかっていた作業が5分でできる「神速Photoshop」
結果が同じなら過程はどうでもいいというのは嘘で、むしろ結果が同じなら素早い方が良いわけです。作業のスピードを上げるというのはキーボードのタイピング速度を物理的に高速化したりすることではなく、「効率化」することで無駄を省き、よりスマートにすることによって「最小限の労力で最大限の成果を上げる」ことを可能にする技術を習得することであり、そういう点にフォーカスを絞り込んだ書籍が「神速Photoshop」です。 献本された実物のページをめくると最初に目に飛び込んでくるのがこの「神速デザイン 五カ条」。中身は「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」となっており、どれもこれもうなずけるものばかり。 「本書の使い方」のさらに下部を見てみると「本書の作例データは以下のURLからダウンロードできます
無料で商用利用も可能な印象的な英字フォントいろいろ
ウェブサイトやイラスト・ポスターなど、何かをデザインする時に重要になってくるのが、情報をいかに効果的に伝えるかということ。ウェブデザインに関する情報を集めたブログCrazy Pixelsが、そんな時に役立ちそうなインパクトのあるフォントを50以上集めています。フォントはそれぞれ無料で商用利用も可能です。 50+ Precious Free Fonts for Commercial Use | Crazy Pixels http://crazypixels.net/50-precious-free-fonts-for-commercial-use/ ◆Museo Slab:がっしりしたゴシックフォント。このフォントには12種類のスタイルがありますが、そのうち「Museo Slab 500」と「Museo Slab 500 Italic」がフリーで利用可能です。 ◆Free Font Qarm
大きな画像を効果的に使った印象に残るWebデザインの作例20
Webサイトをデザインする時に大きな写真を使うとサイトの雰囲気を統一させたり、ブランドのイメージを全面に押し出せたりしますが、大きさゆえに失敗すると大変なことになってしまいます。そこで、実際に大きな背景画像を使っていて参考になるサイトを集めたのが「20 Inspiring Examples of Big Backgrounds in Web Design」。メインコンテンツや写真の使い方は様々ですが、どれも印象的なWebサイトに仕上がっています。 20 Inspiring Examples of Big Backgrounds in Web Design | Inspiration http://webdesignledger.com/inspiration/20-inspiring-examples-of-big-backgrounds-in-web-design ◆01:Casey B
Webデザイナーによるカラーコードを使った便利なテクニックあれこれ
By OliBac コンピュータが色に名前を付ける時、数字やアルファベットを6つ並べた1677万7216通りの組み合わせで表される16進数カラーコードが使われます。カラーコードは他のコンピュータ言語と同じく論理的なシステムに基づいて作られるため、Webデザインを行う人間にとって16進数カラーコードを知っておくことは非常に助けになるとして、WebデザイナーのBen Gremillionさんがカラーコードの仕組みや便利なテクニックをまとめているのが「The Code Side Of Color」です。 The Code Side Of Color | Smashing Coding http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ そもそもスクリーン上のカラーは指定がない場合は黒いままで、16進数カラーコ
Photoshopを使いこなすための印象的なチュートリアルいろいろ
Photoshopを使えばここまでの作品ができる、ということがよくわかるチュートリアル集が「35 New Photoshop Tutorials with Various Techniques」です。アイコンからSFっぽいイラストまで、さまざまなジャンルにおける作品のメイキングが公開されており、技術が学べるだけでなく、こんなラフスケッチからここまでの作品が……！と製作過程を眺めているだけでも楽しめます。 35 New Photoshop Tutorials with Various Techniques | The Design Inspiration ◆Photohop Tutorial Link: A Cute Cartoon Artwork Creation 鉛筆でのスケッチはこんな感じ。 スケッチをスキャンし、Photoshopを使って着色していきます。 完成作品はこちら。 なお、
あまり働かずに仕事を完成させる10の秘訣
By marsmet544 あまり働くことなく仕事を終わらせたいと考えることは怠惰な考えのように思われますが、実はそれは知的な活動であると土木技師でデザイナーでもあるKareen Liezさんは言います。彼女は、短時間で多くの仕事を成し遂げる10の秘訣をデザインに関するニュースを扱う「Naldz Graphics」上で紹介しています。 10 Steps to Accomplish More By Working Less http://naldzgraphics.net/tips/10-steps-to-accomplish-more-by-working-less/ ◆1．自分の目的を知り、自分の仕事を愛すること 仕事を始める前に自分の目的をきっちり設定しましょう。自分にとって何が本当に重要なのかを知る必要があり、そして自分自身を見つめて自分の情熱を理解するのです。働く一方でその情熱によ
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
無料で商用利用可能なスタイリッシュかつシンプルなフォントいろいろ
グラフィックデザイナーやウェブデザイナーの仕事をしていると、使い勝手のよいフォントというのは重宝するものですが、シンプルで美しいデザインのフォントというのはなかなか見つからないもの。というわけで、今すぐに商用でも無料で使えるスタイリッシュなフォント42種類は以下から。 A Collection Of 41 Fonts With Free For Commercial Use License http://designresourcebox.com/a-collection-of-41-fonts-with-free-for-commercial-use-license/ ◆01.Aaargh Aaarghとはうわ～！という意味。 ◆02.Aldo ◆03.Aller フランス語で「行く」という意味のフォント名。 ◆04.Alte Haas Grotesk ちょっとレトロな感じのフォント。
中二病や黒歴史っぽいカッコよさとインパクト重視のフリーフォント集
タトゥーと言えば梵字っぽいデザインで入れられることがよくありますが、実際に体に入れるのは覚悟がいるし結構大変、しかも基本的に「若気の至り」的なものであるため、そこかしこから痛々しいというかイキりまくりというか、そういう中二病的なセンスが非常に多く、後々に黒歴史化してしまい、身体に入れてしまったことを後悔すること必至です。 しかしフォントであれば問題なしの使い放題、むしろ見る者にインパクトを与え、鮮烈なイメージを残すことができます。というわけで、すぐに使える印象的なフォント集は以下から。 30 Tattoo Script Fonts You Should Have | CreativeFan http://creativefan.com/tattoo-script-fonts/ 01.A Charming Font 02.AmazDooM ゲーム「DOOM」っぽいロゴデザイン。 03.Bad
無料で使える新しいiPad/iPhone4S/iOS5などのGUIパーツ詰め合わせPSDファイル集
新しいアプリのモックアップ作成やデザインの時に、画面上に見えている各種パーツを組み合わせれば単純なスケッチやメモ書きよりももっとはっきりとイメージできることが多く、そういうときに使えるのはこのPhotoshopで利用できるPSDファイル集です。 これらを使えばiOS向けの開発をするときにより説得力のある画面作りや、実際に作る前に最終的にユーザーが触れるデザイン・GUI部分について見栄えを確認することができるため、機能を作ってからGUIの整理をしたら二度手間、三度手間になったというような余計な手間や時間を減らすことができるはずです。 ◆新しいiPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret
無料で商用利用可な2400種類のアイコン集「Farm-Fresh Web Icons」
「FatCow」というウェブホスティング会社が無料で提供しており、中身は16×16と32×32の2種類のサイズのPNG形式画像によるアイコン集となっており、その数は実に2400種類となっています。 2400 Free "Farm-Fresh Web Icons" by FatCow Web Hosting http://www.fatcow.com/free-icons これが全部のアイコン画像、ものすごい数です どのファイル名のアイコンがどのアイコン画像なのかという対応表は以下にあります。 なお、ライセンスは「Creative Commons Attribution 3.0 License」となっており、オンラインサービスや各種テンプレート、テーマ、ソフトウェアなどでの商用利用もOKとなっています。また、利用する際にはhttp://www.fatcow.com/free-iconsへのリ
無料で使えるプロフェッショナルっぽいWordPressテーマ集
WordPressを少し格好良く使いたいという人、特にビジネスで使いたいと考えているならデザインとテーマには凝らなければいけません。有料であればよいデザインが多いのは当然のことですが、無料でもプロフェッショナルなテーマが配布されています。 1：Journic Wordpress Theme トップは絵の具を塗ったように色がついていますが下の方はシンプルな2カラム型。右カラムには最初から125×125のバナー用のスペースが用意されています。 2：Biforate 3カラム式で、サンプルではメニューや見出しの背景に鮮やかな青色を配置しています。 3：ProPhone Free Wordpress Theme | ThemePix ばちっと1記事を見せたいという時に使えそうなデザイン 4：Danko Free Charity WordPress Theme チャリティ向けテーマなので、少し下にス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
