自分で生キャラメルを作ってみよう！ [毎日のお助けレシピ] All About
北海道の生キャラメルをネットでお取り寄せしようと思っても、「数ヶ月待ち」「在庫切れ」とか言われて、中々食べることができません。ならば、自分で生キャラメルを作ってみましょうか。 以前テレビで、田中義剛さんの生キャラメル工場の様子を放映してたのを見たところ、こんな場面がありました。 1．絞りたての牛乳を鍋で煮詰めて、カラメルソース状の液体を流し入れていた。 2．砂糖の粒々が固まって残ってるからこの鍋（の中のキャラメル）は廃棄処分と義剛さんが言っていた。 そして、ネットショップの【生キャラメルの保存方法は、冷蔵庫（10℃以下）】という一文。 これらの情報から推測される作り方は、要するにミルクキャラメルクリームを硬く作ればいいのでは？！ ということで、作りました! 牛乳を煮詰めてからカラメルソースを入れる方法と、カラメルソースに牛乳を加えて煮詰める方法の2つで試作した結果、作り易かった後の方のレシ
![自分で生キャラメルを作ってみよう！ [毎日のお助けレシピ] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル:phpspot開発日誌
jQuery Content Slider Tutorial メニュークリックでコンテンツをダイナミックにスライドさせるJSサンプル。 ナビゲーションメニューをクリックで、コンテンツブロックをズイっとアニメーションさせながら切り替えるサンプルです。 デモページ を見るとその動きが分かります。 ウェブサイトのヘッダー部分に置いておくと、カッコいいだけでなく、ページ遷移なしでヘッダー部分を切り替えることが可能です。 企業用のページなんかでよくある構成ですが、そういったサイトの制作時に使えそうですね。 jQueryベースで動作するみたい。
オンラインでマインドマップ――無料Webアプリ6選 - ITmedia Biz.ID
アイデアを書き出すときや議事録のまとめなどに有効だと言われているマインドマップ。PCでマインドマップを作成するには、ソフトウェアをインストールする方法が一般的だが、インストール不要でWebブラウザから利用できる便利なWebアプリも増えてきた。日本国内や海外のものを含めて、6つのマインドマップ作成Webアプリを紹介しよう。 分かりやすい――アテディア（マインドシェア） 国内のWebアプリで分かりやすかったのが、アテンションが提供する「アテディア」。正確に言うと、アテディアというアイデアコミュニティーで使える「マインドシェア」というツールだ。Flashで動作する。 まずはアテディアに登録し、「マイページ」から「マインドシェア」をクリック。新規作成ボタンを押すとマインドマップを作れる。ポイントは各操作アイコンにカーソルを重ねると、使い方の説明がポップアップするところ。操作に迷わずマインドマップを
[使える CSS テクニック] CSSを使った見栄えの良いフォーム | バシャログ。
第 8 回目は「CSSを使った見栄えの良いフォーム」です。 フォームまわりは、各ブラウザによってかなり差異があります。 よって CSS だけで見栄えをよくしようとすると、結構手間だったります。 例をあげると magin・paddingが異なる borderの線がでない 背景が画像があたらない などなど そんな時に便利なのが 「niceforms」 という javascriptライブラリです。 すいませんが、今回だけは javascript を使わせてください。 niceforms のサンプルはこちら 導入方法 まずは、niceforms をダウンロードします。 次に、必要な jsファイル および cssファイル をインクルード。 <script language="javascript" type="text/javascript" src="niceforms.js"></script>
![[使える CSS テクニック] CSSを使った見栄えの良いフォーム | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
favicon.icoを簡単に作成できる「Bradicon」
favicon.icoファイルを作るサービスなんてたくさんある。しかしシンプルであればシンプルなほどいいのではないかとも思う。そしてどうせ紹介するならちょっとクールなサイトのほうが尚良い。という独断と偏見からログイン不要のfavicon.icoファイル作成サービスをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! favicon.ico作成サービス「Bradicon」 「Bradicon」が対応する画像ファイルは以下の通り。 JPG PNG BMP GIF これらのファイルをアップロードするだけで32×32サイズのicoファイルが作成されてダウンロードできるんです。 参照する画像を選択すると、自動的にfavicon.icoファイルが作成されます。意外と綺麗にできちゃうもんです。 シンプルバ
どの都道府県から人が見に来るかがアクセス解析できる「ジオターゲティングブログパーツ」
通常の無料で利用できるアクセス解析サービスだと、一体どの国から来ているかはわかっても、どの都道府県から見に来ているかといった情報まではなかなかわからないことが多かったのですが、今回リリースされたこの「ジオターゲティングブログパーツ」を使えば、アクセス数の多い都道府県上位5つをリスト表示可能です。 また、アクセス数の多少に応じて都道府県を色分け表示し、過去1週間1日間の都道府県ごとのアクセス数の内訳も見ることができ、さらに過去30日間の都道府県ごとのアクセス数の推移や過去30日間のサイト全体のアクセス数の推移をグラフで表示することも可能となっています。 詳細は以下より。 ジオターゲティング [geotargeting] : ツール : ブログパーツ タグ生成は上記ページにアクセスし、設置したいアドレスを入力するだけ。利用は無料。簡易版と詳細版の2種類があり、実際に以下のブログにて設置されてい
頭の中のアイデアや考えをマインドマップ発想で簡単に見てわかるように整理する「マインドマネージャー」 - GIGAZINE
日々の仕事や生活の中で自分のやりたいこと、すべきことなどをかなりわかりやすく図示できるのがこの「MindManager」というソフト。いわゆるマインドマッピング（マインドマップ）と呼ばれるものを簡単に作成できるため、自分の考えを人に説明したりプレゼンテーションを行う際にはかなり使えます。一般的なタスク管理や計画、議事録、組織図、ブレインストーミングなど、いろいろなシーンでも応用が利くため、仕事の効率を大幅にアップすることも可能です。 また、フォーチュントップ100社中85社にも採用されており、開発元のMindjetの顧客一覧によると、BMW・IBM・Amazon.com・Nike・スターバックス・コカコーラ・オックスフォード大学・Cisco・HP・マイクロソフト・Oracle・モトローラ・ノキアなどなどといった各種有名企業や大学、教育機関、政府などに採用されているとのこと。企画書やプレゼン
[JS]タブを上下にアニメーションで切り替えるナビゲーションのチュートリアル
NETTUTSのエントリーから、タブを上下にアニメーションで切り替えるナビゲーションのスタイルシートとjQueryを使用したスクリプトの紹介です。 タブ型のインターフェイスとしては、ちょっと珍しい動きをするナビゲーションです。
[JS]jQueryのプラグイン33+1選 -2008年5月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Con
[JS]現在位置を示すナビゲーションを作成するチュートリアル
Ask the CSS Guyのエントリーから、CSSのみの簡単なナビゲーションからはじまり、最終的にはJavaScriptで現在位置を示すナビゲーションまでの実装をステップごとに解説したチュートリアルを紹介します。 how to switch the on state of navigation links for dynamic pages 最終形のデモ チュートリアルのステップは、下記のようになっています。 Example 1 ナビゲーションをリスト要素で実装。 Example 2 スタイルシートで装飾。 Example 3 スタイルシートで現在位置を実装。 Example 4 onclickを使用して選択箇所を実装。 Example 5 クリック時の不具合に対応。 Example 6 最終形、現在位置を示すナビゲーション。 Example 7 Example 6を使用して、パネルを
さくらインターネットにTracを構築する - WeekbuildのHack倉庫 - Trac
さくらインターネットにTracを構築する 1.説明 さくらインターネットにTracを構築します。ライトプランだとTelnetが使えないので、スタンダードプラン以上が必要です。 今回の例では、~/local/配下に構築します。svnのリポジトリは~/var/svn/repo、TracEnvは~/var/trac/repoとします。 基本的に、いかに書いてあるコマンドをそのまま実行すればよい（一部変更必要）ですが、 若干スクリプトの変更等が必要なので、viを使える程度の知識が必要です。 なお、以下のコマンドは、tcsh(デフォルト)で実行することを前提としています。 2.インストール (1)環境設定 mkdir -p $HOME/local/src cd $HOME/local/src mkdir -p $HOME/local/lib/python2.4/site-packages ln -
Googleリーダーをマスターしたい人が読むべきエントリー２０選 - GoogleMania | グーグルの便利な使い方
Googleリーダーをマスターしたい人が読むべきエントリー２０選 管理人 @ 9月 20日 07:19am Google リーダー 先GoogleのRSSリーダー『Googleリーダー』の正式版が公開され、日本語バージョンも登場しました！ それに伴い、今回から新たにGoogleリーダーを使う人も多いと思われます。 そのような人のために、Googleリーダーに関するTipsをまとめたエントリーを、ピックアップしてみました。 一通り読めばGoogleリーダーマスターになれるかも？ Googleリーダーを使いこなして、効率良く情報収集しましょう！ [まとめ] GoogleReader（グーグルリーダー）の使い方まとめ （近日中に更新予定）） greader.ja – Google Reader の使い方 [初心者] 【ハウツー】できる情報ジャンキーの新たな味方 – Google Readerを試
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ITクオリティ ユーザーが入力するフォームを素敵にするCSS
[JS]フォームのボタンやチェックボックスをかわいくするスクリプト | コリス
IDEA * IDEA