“本物”のカルボナーラは牛乳も生クリームも使わない！サルヴァトーレ・クオモから学ぶカルボナーラの作り方｜男子ハック
ライフハック料理“本物”のカルボナーラは牛乳も生クリームも使わない！サルヴァトーレ・クオモから学ぶカルボナーラの作り方2012年6月21日460 サルヴァトーレ・クオモによる"本物"のカルボナーラの作り方がYoutubeに上がっています。大切なのは「生クリームをいれることもなければ、プライパンに卵を入れることもない」というポイント。これを守って作れば濃厚ソースの美味しいカルボナーラが完成します。ちなみに超簡単ですよ。 カルボナーラ(ジャパニーズVer.) 「悪い例ではないですけれども、家でよく作られる」日本風のカルボナーラとして紹介していますが、本物ではないんです。この作り方。 これが"本物"のカルボナーラ作り方 生クリームは入れない良い固まり肉を使う麺に熱は入れない卵は余熱でからめる(フライパンには入れない)このとおりに作れば、失敗しません。ちょっとだけ難しいのはボウルで麺を混ぜる際のの
200を越えるアイコンが揃ったBootstrap向けWeb Font·Font Awesome MOONGIFT
Font AwesomeはBootstrapと組み合わせて使えるアイコンを集めたWeb Fontです。 Twitter Bootstrapの便利な機能の一つにアイコンパックがあります。ちょっとした装飾を手軽に付け加えられるのは便利です。そんなBootstrapに200以上のアイコンを追加するのがFont Awesomeです。Web Fontで作られたアイコンパックです。 全てのアイコンです。 ソーシャルアイコンも揃っています。 例です。ドロップダウンやボタンにつけています。 大きさが自由に変更できるのもフォントならではです。 ドロップダウンにつけると機能がより分かりやすくなります。 カスタマイズすればレーティングに使ったりもできます。 ファイル構成です。SVGやフォントが提供されます。 Font AwesomeはTwitter Bootstrapで提供されているものに加えて色々な場面で役立
Googleマップをもっと簡単に使おう·gmaps.js MOONGIFT
gmaps.jsはGoogleマップを使いやすくするJavaScriptライブラリです。 GoogleマップではJavaScriptのAPIも提供されていますが、使い勝手が良いとは言えません。活用していくならばもっと使いやすいgmaps.jsを利用しましょう。 まず普通の表示。GMapsに位置情報を渡すだけです。超簡単。 イベントも取れます。クリックやドラッグなど様々なイベントが使えます。 マーカーの追加も分かりやすいです。マーカーにイベントをつけるのも簡単。 HTMLコンテンツを表示するのも手軽です。 HTML5の位置情報取得にも対応しています。 住所を検索してジオコーディング。 ドローです。指定は大変ですが。 オーバーレイ表示です。 ルート検索です。二つの位置情報を渡すだけです。 ルート検索をさらにポイントごとに表示していくこともできます。 こちらは静的なマップ。画像として表示できます
JavaScriptだけで作られた分かち書き·TinySegmenter MOONGIFT
TinySegmenterはJavaScriptで作られた分かち書きライブラリです。 日本語から情報を得る際に使われる技術が分かち書きです。そんな分かち書きでは辞書を使って解析を行うのが一般的ですが、JavaScriptのような言語では大量の辞書を扱うのには不向きです。そこで自動的に判定するTinySegmenterを使ってみましょう。 分かち書きのサンプルです。機械的分類ですが、精度は高いように見えます。 2と5、9と5などの連続する数値が分かれてしまっているのが無念。しかし凄いです。 TinySegmenterでは解析は全てクライアントサイドで行われます。ライブラリは僅か25KBです。機械学習型であり、n-gramや文字種を組み合わせつつ分類を行っています。そのため新聞のような文字種が様々に組み合わさったある程度の長さを持った文章に対して強い反面、チャットや短いメッセージ、平仮名のみと
iPad、iPhoneアプリにもPinterest風表示を·PSCollectionView MOONGIFT
PSCollectionViewはPinterest風のデザインを実現するiPad用ライブラリです。 Pinterestのデザインはインパクトがとても強く、あっという間に色々なWebサイトで使われるようになりました。そんなデザインをiPad上でも真似できるライブラリがPSCollectionViewです。 iPad用のアプリで、Pinterest風に表示されます。 コンテンツは定期的に生成され直しているようです。 画像の大きさも不定期に変わっています。 PSCollectionViewはApp Storeで提供されているLunchboxというアプリで使われているライブラリになります。Pinterestのフードだけを抽出して表示するアプリで、まさにPinterest風のデザインがマッチしていると言えるでしょう。iPadの場合は4カラム、iPhoneの場合は2カラムで表示されます。 PSCol
Webはここまできた。怖いくらいに再現度の高いスーパーマリオワールド·Mario5 MOONGIFT
Mario5はHTML5で作られたスーパーマリオワールド風ゲームです。 どれだけゲームの技術が進化しようとも忘れてはならないのがマリオです。任天堂の新しい筐体には必ずマリオのゲームがあります。そんな愛すべきキャラクターゲームをHTML5で再現したのがMario5です。 まさにスーパーマリオワールド。音も鳴ります！ 矢印キーで移動して、CtrlキーがBボタンになります。 キノコを取ってパワーアップ。 敵キャラはクリボン、ノコノコ、トゲゾー、パックンフラワーなど。 クリアー！旗はないようです。 変なことをするとバグるのもご愛嬌。 ゲームオーバー…。 レベルエディターもあります。 こんな感じに好きに配置できます。 Mario5の再現度はかなり高いため、著作権的な部分が心配になってしまう作りではあります（指摘されれば終わってしまうでしょう）。しかしHTML5+JavaScriptでここまで作れてし
使い勝手の悪いドロップダウンを華麗に変身·Chosen MOONGIFT
ChosenはHTMLのドロップダウンメニューをフィルタリング対応の快適なコンポーネントに変身させるjQuery/Prototype.jsプラグインです。 HTMLの貧弱なコンポーネントには毎度がっかりさせられます。例えばタイムゾーンや国を選ぶドロップダウンです。あれほど長いリストから一つを選ぶのは大きなストレスです。そこで使ってみてほしいのがChosenです。 変更前。普通の使い勝手の悪いドロップダウンです。 それがこんなに！フィルタリングまでできる高性能なドロップダウンに！ 複数選択もできます。 選択済アイテムをハイライト表示にもできます。 既に選択されているアイテムは非表示にもできます。 選択されているアイテムの横に×を出して非選択にできます。 Chosenでは一つを選ぶ、または複数を選ぶドロップダウンのどちらも最適な表示に変身させます。これならば自分が選びたいものだけを素早く選択で
[JS]プロダクトの一覧表示を1クリックで、リストとグリッドに切り替えるチュートリアル
ベーシックなHTMLとCSSで実装されたプロダクトページの表示をリストとグリッドに切り替えるjQueryのチュートリアルを紹介します。 Building a List/Grid View Switcher with jQuery [ad#ad-2] デモ 実装 デモ 表示の切り替えは、右上のアイコンをクリックで。 デフォルトはリスト表示で、プロダクトのサムネイル、リンク、購入ボタンがセットになっています。 デモページ：グリッド表示 実装 HTML HTMLはそれほど複雑ではありません。 まずは、右上の切替用のアイコンのHTMLです。 <span class="list-style-buttons"> <a href="#" id="gridview" class="switcher"><img src="images/grid-view.png" alt="Grid"></a> <a hr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ずんずんスクロールしたくなる、イラストを巧く使ったウェブデザイン『Anne Braithwaite』