この「レシピ検索」は、メニュー名や材料(食材)で検索するだけで、関係する料理のレシピを検索結果に表示するサービスです。 たとえばメニュー名で検索! 「トマトシチュー」「ハンバーグ」 たとえば冷蔵庫の食材で検索! 「大根」「鶏肉 タマネギ」 デザートやお菓子のレシピも! 「チーズケーキ」「ババロア」 あなたのブログのレシピを、この検索結果に出るようにしてみませんか?
PCにモバイル、スマートフォンにタブレット、そして今後はデジタルTVまでユーザーがデジタルコンテンツに多種多様なデバイスでアクセスし、消費する時代が本格化している最中。デバイス毎にウェブサイトをデザインしていてはキリがないとばかりに、最近注目されているのが「レスポンシブWebデザイン」という画面サイズやOSにデザインを柔軟に対応して表示させる手法。今回は、そんなレスポンシブWebデザインを実践しているサイトからThe Next Webが厳選した10の素敵なサイトを紹介します。 — SEO Japan 最近、皆が異なる方法でコンテンツを消費している。私の母はネットブックを持っているし、友人は27インチのiMacを持っていて、ガールフレンドと私はスマートフォンを持ち、彼女の母はiPadを持っている。 あなたのコンテンツはこれまでになく多くのデバイスとブラウザで閲覧されており、デザイナーはそのこ
Posted: 2012.02.21 / Category: javascript / Tag: jQuery グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="artic
みなさんは、サイトをスクラッチで作る時にどうされていますか? HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか? それは、 パーツが完璧に揃いすぎている! のが原因です。 Twitter Bootstrapがバージ
ソーシャルボタンも揃ってます [ad#ad-2] ダウンロードできるPSD素材はレイヤーが保持されているので、テキストなど変更できます。 利用にあたっては個人でも商用でも無料で、どうぞ自由に修正して使用してください、とのことです。 詳しくはダウンロードファイルの「license-README-FIRST.txt」を参照ください。
最近リリースされたものを中心に、レトロヴィンテージなかわいいリボンやバッジ、アイコンなどのウェブ用のエレメントやテクスチャ素材をDesign Shackから紹介します。
皆さんはプレゼンしたことや、ブログを書いたことありますか? わたしの初めてのプレゼンはとてもヒドい内容で、10人の参加者全員が「?」状態でした。 その後、上司にみっちり絞られたのを今でも覚えています。 叱られてもなお「何が分からないと言うんだ!」「何で理解できないんだ!」と、相手の理解力の無さを「伝わらない」原因にしていました。 しかし、名著「考える技術・書く技術」を読み、初めて自分の伝え方に問題があったんだと知りました。 今回は、わたしを変えてくれたバーバラ・ミント著「考える技術・書く技術」を紹介してみようと思います。 1.伝わる文章の大前提 2.ピラミッドの「良いガイド」になろう 3.どうやって読み手と対話するのか? 4.どうやって疑問を湧き起こさせるか? 5.どうやって「答え」を出すのか? 伝わる文章の大前提 バーバラさんは言います。 キミは自分の思いを他人に伝えたいと思ったことはあ
余りにも速い成長から、現行のあいまいな著作権法規への防御対策か、それとも押し寄せる著作者からの苦情への対応策か、PinterestがPin防止のためのタグを発表しました。 この1行をあなたのブログやウェブサイトのヘッダーに追加すると、標準のPinterestアプリやブックマークレットからはPinができなくなります: <meta name=”pinterest” content=”nopin” /> このタグを埋め込んでおけば、Pinしようとしたユーザーに以下のようなメッセージが表示されます: 「このサイトはPinterestでのピン付けを許可していません。質問についてはサイトのオーナーに連絡してください。ご訪問ありがとうございました!」 ウェブサーバーにアップされている以上、公開されている画像を守る手段は唯一ユーザーのモラルだけなのですが、Pinterest側で出来るだけの防御対策は用意し
html5shivはIEをはじめとするHTML5非対応WebブラウザでHTML5のタグとスタイルを使えるようにするソフトウェアです。 HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシートが当たっています。 ソースコード。sectionタグなどを使っています。 まだ開発中ということもあって全てのテストが通る訳ではなさそうです。 別なソース。markタグを使ったり、jQueryも使えています。 こんな感じのグラフも描けています。 グラフのソース。おそらくCanvasタグで描かれているはず。 html5shivを使えばHTML5非対応のWebブラウザであっ
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
我们的业务: 搜狗收录域名 高pr域名 备案域名 历史建站记录干净域名 高外链域名 域名筛选定制 seo相关域名 驿家域名
「見てくれ、日本から最高のものが届いた!」オークションの品に感激する外国人 世界最大のオークションサイトE-bayでは、国をまたいでの売買が活発に行われています。 ある外国人が2.25ドル(約180円)で落札したところ、思いもかけない素晴らしいものが届いたと大喜び。 なんと荷物は日本からでした。 届いた箱にはEMS(国際スピード郵便)のラベル。それを開けてみたんだが……。 何だこれは…?スナック菓子ではなくリボルテックのフィギュアを注文したんだけどな。 おお、親切な手紙入りだ。しかも折り紙つき。いいヤツだ。 スナック類。 チーズスナック ワッフルカットされたスナック。 さらに別のワッフルカットスナック。 支払ったのは「よつばフィギュア」だ。 全体写真。 実際は送料を入れるともうちょっと掛ったようですが、この親切な商品の送り方が感心され、海外掲示板にはコメントが殺到していました。 抜粋してご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く