今田耕司も絶賛！一流料理人の夜食「ロールドリア」が超カンタンなのに美味すぎる！ - ライフハックブログKo's Style
先日のTV「今ちゃんの実は」で、料理人が自宅に帰ってからどんな夜食を作って食べているのか、そのレシピを紹介していました。 料理名は「ロールドリア」。 見るだけでは物足りない私コウスケ（@kosstyle）が、実際に試してみたところ… 料理が苦手な私がたった5分でつくれたうえに、めちゃめちゃ美味しいんです！ 思わず食べながら笑ってしまったので、ぜひ皆さんにも試してほしい！ というわけで、そのレシピを、実際に私がつくっている写真と合わせて紹介します。 番組では、美味しすぎて今田さんの顔がとんでもないことに！（以下参照、笑） 0. 材料 ごはん 50g牛乳 30ccレタス 1枚ベーコン 1枚ピザポテト 4〜5枚スライスチーズ 1枚ケチャップ 大さじ1黒こしょう 少々どこでも手に入るものばかりですね。 1. ご飯に牛乳、ケチャップ、黒コショウ入れてよく混ぜるごはん50g、牛乳30cc、ケチャップ大
Transitions for Off-Canvas Navigations | Codrops
Some inspiration for transition effects for off-canvas navigations. Today we’d like to share another set of transition effects with you. This time we’ll explore transitions for sidebars or off-canvas content like the one we’ve used in the Multi-Level Push Menu. The idea is to show some hidden sidebar with a subtle transition on the element itself and also on the remaining content. Usually the side
straightline bookmark | Web design bookmarking
Ttersへようこそ！ 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ | コムテブログ
TL;DR クライアントさんとの打ち合わせや会議の後は、必ず議事録を書いて社内共有します。座った位置や発言なども、思い出しながら簡潔に書きます。おかげで「何を話したっけ？」「言った、言わない」を防げてます。フリーランスの人は、見積書、請求書、契約書、法律などのテンプレや知識があると、スムーズに先へ進めます。その他、ヒアリングシート、契約書など Web 制作業でリアルで必要だった書類系テンプレや知識をまとめました。 企画／提案 １．企画書 企画書はどれくらいのコストで効果（売上）を得るかというのが一番大切。とはいえ、上司を説得できる企画書も大切。以下は企画書の作り方と資料作成サービスなどのまとめです。 [保存版] 最強の企画書の作り方と資料作成サービス完全まとめ | 世界ろぐ “通る企画書”作りの基本／上司を説得できる企画資料の作り方講座#1 | Web 担当者 Forum ２．提案書 提案
たくさんあるオープンソースライセンスのそれぞれの特徴のまとめ
GitHubが、どのオープンソースライセンスを選択すればよいのか指針となるサイトを公開したので、それぞれの特徴を翻訳してまとめてみました。 Choosing an OSS license Apache v2 License GPL v2 MIT License Mozilla Public License Version 2.0 LGPL v2.1 BSD (3-Clause) License Artistic License 2.0 GPL v3 LGPL v3 Affero GPL Public Domain (Unlicense) No License Eclipse Public License v1.0 BSD 2-Clause license 備考：各項目の補足説明 最後の「備考：各項目の補足説明」に各項目の補足となる説明をまとめました。 Apache v2 License ソ
レンジでチ～ンで即完成！簡単なのに手抜き感ゼロの絶品ランチレシピ
レンジで無駄な時間を省いちゃおう！ 食事ってみんなが食べるものだから、変に手は抜けないし…と悩むことも多いですよね！ そんな時は、電子レンジで簡単に絶品ランチをつくっちゃいましょう♡ ご飯ものも麺類も、レンジでチンで即完成ですよ！ 電子レンジなら火も使わないので後片付けも楽チン♪ 今回は、ごはんもの、麺類、おかずなど電子レンジで簡単にできちゃうレシピをご紹介します！ レンジで超簡単レシピ集☆超簡単・レンジで6分！カニカマキムマヨ炒飯 画像提供： レシピブログ ★使うもの カニカマ 70gくらい 青ねぎ（またはニラ） 2～3本 卵 2個 マヨネーズ 大さじ1/2 あたたかいご飯 600g 白ごま 大さじ1/2 【Ａ】 マヨネーズ 大さじ1 白菜キムチ 50g 鶏ガラスープのもと 小さじ1 醤油 小さじ1/2 ★作り方 ①ねぎは小口切りにし、カニカマはほぐし、Ａを混ぜ合わせておく。 ②耐熱ボウ
フリー＆プレミアムなTwitterBootstrapテーマ50:phpspot開発日誌
50 Awesome Twitter Bootstrap Templates フリー＆プレミアムなTwitterBootstrapテーマ50 Bootstrapベースとはいえ、Bootstrap臭があまりしないテンプレートが多数まとまっています。 通常サイトや管理画面等のテンプレートがまとまっていて、活用してサクっと仕事を終えられる事もあるかも Bootstrapの便利さを享受しつつ、うまくサイトデザインする際の参考にもできそうです 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapに270の使えるアイコンを追加できる「Elusive icons」
プラグインは使わない！WordPress カスタマイズまとめ４０
作成：2012/11/19 更新：2014/11/01 WordPress > 自分のブログならいいけど、受託の場合は出来るだけプラグインやブログパーツ使用は控えたい。 例えば、Zenbackやlinkwithinって便利だけど外部リンクが表示されちゃうから、クライアントさんには使えない。プラグインを出来るだけ使わずに、自分でやんなきゃいけないこともあります。まぁそこで 「分かんなくなったらここ見よう」と参考にさせていただいたサイトをまとめました。カスタマイズをやっていくうちに内部施策が充実したのか、アクセスも40日間で147%アップ。集客提案の一つとしても使えると思います。 フッターにこだわったり、タグ・カテゴリ一覧表示したり、サムネイルで関連記事を表示、アバターを写真にしたり、レスポンシブ、マルチサイト化にカートまで受託開発で必要なことなどもメモメモ。※一部プラグインを使用します。 エ
やっぱり、宇宙はヤバイ！ 宇宙の“神秘さ”を体験できるWebサイト6つ - はてなニュース
「金環日食」などが大きな話題になった2012年に続いて、2013年も「ペルセウス座流星群」「アイソン彗星」といったさまざまな天文ショーが楽しめるそうです。普段は宇宙について学ぶ機会があまりないという人も、これらの“ショー”をきっかけに、宇宙の神秘さに触れてみたくなることがありますよね。宇宙の“すごさ”を体験できる6つのサイトを紹介します。 ■ 太陽系の惑星を知る「惑星の旅」 ▽ http://jvsc.jst.go.jp/universe/planet/ 独立行政法人科学技術振興機構が運営するWebサイト「JSTバーチャル科学館」では、太陽系の惑星を解説するコンテンツ「惑星の旅」を公開しています。探査機が捉えた200点以上に及ぶ惑星の写真を、ナレーターによる解説とともに楽しめます。フルスクリーンで見る惑星の写真は、圧倒的な迫力です。各惑星を目指した探査機の歴史や、「人類はなぜ土星を目指すの
WordPress：お問い合わせフォームを簡単に設置できるプラグイン「Contact Form 7」の備忘録 - NxWorld
「Contact Form 7」はお問い合わせフォームを簡単に設置でき、様々なカスタマイズも可能なので、多くのサイトで紹介・使用されているプラグインのひとつだと思います。 公式サイトでも多くの情報がありますし、人気のあるプラグインなので検索でもいろいろと出てはくるのですが、これだけ見れば良いっていう自分好みの感じのものを作りたかったので、使う頻度が高い使用方法やカスタマイズなどを備忘録としてまとめてみました。 紹介している内容は、WordPress Ver 3.5.1 と Contact Form 7 Ver 3.4.1 で確認等行ったものです。 Contact Form 7について フォームを作成する際、ほとんどの場合PHPなどのプログラミング知識が必要になってきます。 よほどの知識・技術がある人であれば容易に作ってしまうのかもしれませんが、ゼロからのフォーム作成は結構面倒ですし、知識が
WordPress サイトを静的 HTML に変換するプラグイン StaticPress - dogmap.jp
実は WordPress サイトを静的 HTML に変換するプラグイン StaticPress をリリースしていました。 ダウンロードは、WordPress 公式プラグインディレクトリからお願いします。 WordPress › StaticPress « WordPress Plugins このプラグインを使用することで WordPress で作成されたサイトを丸ごと静的ファイルに変換することができます。 また、変換時にサイトのパーマリンク構造を変換することができるため、http://wp.example.com/ というオリジナルサイトを http://www.example.com/static/ というサイトとして公開するための html を作成することも可能です。 完全に静的ファイルを作成するため、コメントやサイト内検索・コンタクトフォームの設置などはできません。 それらについては
ブログ記事盗用(パクリ)対策に使えるおすすめWordPressプラグイン
昨日、あまりにも酷いブログ盗用に関する記事を見つけました。 ブログ盗用の現場が熱い（怖い）！盗用されて、さらに二次盗用されて、挙句オリジナルは検索ヒットせずボロボロ…( ﾉД`)･･･ 記事を丸ごとパクられた上に、元のブログへの引用が全く行われていない……。そして、Googleの検索結果にはパクリ記事が表示されている……。これは酷いですね。同じブロガーとして胸が痛みます。 当ブログでは、ここまであからさまな記事盗用を確認していませんが、現在（2013/05/27）、RSSフィードで全文配信を行なっているため、一応の対策を行なっています。 備えあれば憂いなし、ということで当ブログがブログ記事盗用対策に使用しているWordPressプラグイン２つと、その利用方法を紹介します。 RSSフィードに著者情報を入れ盗用を防ぐ 記事の盗用を行うスパムサイトの多くはRSSフィードを利用して、自動的にコンテ
PCサイトではタブによる切り替え、スマフォ等ではアコーディオンで実装できるスクリプト・Easy-Responsive-Tabs-to-Accordion - かちびと.net
必要になりそうだったのでメモ。通常のPCサイトではタブ、スマフォ等の画面の狭いデバイスではアコーディオンで実装するスクリプトのご紹介です。jQuery依存になります。 Easy-Responsive-Tabs-to-AccordionはレスポンシブWebデザイン対応のWebサイトでタブコンテンツを使いやすくするライブラリです。アコーディオンの方がみやすくタップしやすいケースもあるので覚えておくと良いかも知れません。とはいえ先発ライブラリも確かあったはずなので使いやすいほうで。 動作サンプルです。直接見に行って実装エリアをリサイズすれば確認出来ると思います。 コード <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <sc
jQuery GoogleMaps プラグイン
$('#gmap3').GoogleMaps({ file: './placemarks.php?format=xml', info_window_heading_level: 3 }); サンプル4（マルチマーカー・リスト連動・外部ドメインからJSONPでマーカー情報を取得） $('#gmap4').GoogleMaps({ file: 'http://demo.5020.jp/plugins/jQuery/jQueryGoogleMaps/placemarks.php?format=json', data_type: 'json', list_target: 'ul#list' }); 初期化オプションについて（グレーの枠内は初期値です） 初期位置、ズームレベル、情報ウィンドウ、アイコンタイプ（シングルマーカー） lat: 表示される地図の中心位置の緯度を指定します。 lat: 37.
無料で広報ができる！プレスリリース配信サイト23選
どんな新商品や新規サービスでも、それが世の中に知られないと広がることはありません。 そこで今回は無料で利用できる、ニュースリリース・プレスリリース配信サイトやWebメディアをジャンル別で複数ご紹介します。 プレスリリースとは もともとプレスリリースは、Press（新聞社）Release（発表）という言葉の意味にもあるように、報道機関やマスコミ∂√に向けて告知、発表する行為を指します。 一般的な企業では、広報やマーケティング、IR部門の担当者がリリースを行うことが多く、新商品や新サービスをなど新しいことを始めた事実を広く知ってもらうために利用します。広告とは違って、媒体メディアに取り上げられると「無料」で掲載されるのが特徴的です。記事として取り上げられる可能性は低いですが、掲載されると認知される効果が大きい場合もあります。ただし掲載内容のコントロールができないというデメリットも把握しておきま
Topcoat
CSS for clean and fast web apps. Soooo Fast!Performance is our #1 goal. Every component we design is benchmarked for performance. You can see our results. Components GaloreWe have the building blocks to get you up and running fast. Our growing set of components were born from CSS. ThemeableIs that even a word? It should be! We love our theme, but we don’t want to hit your brand over the head with
無料で商用利用も可能なマップアイコンが200種類のシンボルから作れる「Map Icons Designer」
Googleマップをはじめとする、あらゆる地図上に表示できるロケーション・マーカーを200種類のロケーション・アイコンと10種類のピンから作成可能なアイコンセットが「Map Icons Designer」。ファイル形式はPNGとPSDの2種類があり、商用・非商用を問わず使用することが可能です。 Map Icons Designer | Google Map Icons, Location Pins, Location Markers, POI, Map Application Design Kit http://www.webiconset.com/map-icons/ マップ上に表示されるアイコンのピンはカラーや形が異なるものが全部で10種類あり、このピンと、ロケーションのアイコンを組みわせて使用できるようになっています。 乗り物や教会・お墓にはじまり、ザリガニやヨガといったものまである
pjax - 実装｜PORTFOLIO PAPER by FAT
pjax - jquery plugin 10 pjaxはデータの読み込みと描画の冗長部分を省略することで非常に高速かつ低コストなページ移動を実現する、HTML5で実装される次期標準ブラウジング機能です。 pjaxはこのプラグインを使用することでサーバーに手を加えることなく簡単に導入できます。 最新版のダウンロード プラグインの最新版はGitHubで公開していますのでそちらからダウンロードしてください。 GitHub：https://github.com/falsandtru/jquery.pjax.js ファイル：https://raw.github.com/falsandtru/jquery.pjax.js/master/jquery.pjax.js 概要 サイト内のページ移動において指定したHTML要素（異なるコンテンツを持つ領域）のみ更新することでページ移動を高速化します。ajax
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
http://jaunesarmiento.me/fries/