Upload your creations for people to see, favourite, and share.
![Japanese style pattern by gimei on DeviantArt](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a5cb26821d1edf171892a3d28e4a3f297634ccd/height=288;version=1;width=512/https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Fi%2F41e7f028-baf0-4c4f-94b6-d5bc00463d56%2Fd1ozb0m-751e69f7-6f3a-48a5-9517-96eb401dc74f.jpg%2Fv1%2Ffill%2Fw_600%2Ch_1041%2Cq_75%2Cstrp%2Fjapanese_style_pattern_by_gimei_d1ozb0m-fullview.jpg)
TOP > javascript , WebDesign > Webサイトにチュートリアル機能をプラスするjQueryプラグイン「Bootstro.js」 新しいゲームを始めたり初めてのWebサービスを利用する時、どんな操作をすれば良いのか最初にチュートリアルがあると、とても分かりやすいですよね。今回はWebサイトにそんなチュートリアル機能を付与するプラグイン「Bootstro.js」を紹介したいと思います。 実際にデモを動かしてみるとわかりますが、対象箇所のハイライト + 画面スクロールで、とてもわかりやすく説明を受けることができます。 ボタンやキーボードによる操作も可能で、次々と説明を流すことも可能。例えばWebサービスで使い方を説明したり、ゲームコンテンツのサイトにも使えるのではないでしょうか。 jQueryプラグインなので使い方もとても簡単。特定のクラスをチュートリアルした
TOP > Design , Font > 20種の厳選されたクリスマスフォント「20 Handpicked Christmas Fonts and Typography Examples」 普段であれば、装飾の多く入ったフォントは扱いにくく、敬遠されることも多いと思います。しかしクリスマスなど、テーマが明確なイベントであれば、そういったフォントはとても効果的にイメージを伝えることができるのではないでしょうか。今回紹介するのはそんなフォントの中でも、クリスマスフォント向けに厳選された「20 Handpicked Christmas Fonts and Typography Examples」です。 Kringle Font | dafont.com クリスマスをテーマにさまざまなデコレーションが施されたフォントが20種紹介されています。中でも気になったものをピックアップしましたので
伊勢海老太郎ブログ 世界のインテリアと雑貨と文房具、Apple(iPhone)、食、ファッション、アート、デザイン、雑学コネタ、千葉と東京の食べ歩きなどをまとめるブログです。 どうも、インテリア大好き人間の伊勢海老太郎(@iseebitaroublog)です。海外サイトでおもしろいテーブルを見つけました。懐かしいフロッピーディスクデザインのテーブルです。SEの方やパソコン好きの方におすすめのテーブルです。 シルバーのシャッター部分をスライドさせると、中に収納スペースがあります。テレビリモコンなど隠して収納できます。 このテーブルは、魅せるテーブルですから上に何も置かないほうが良いかもしれないでですね。テーブルとしての機能より、オブジェ的な要素で、インテリアに置いたほうが良さそうです。 私はフロッピーディスクを使った経験がありません。パソコンを持ち始めたのが、人より遅かったので大学生でした。
私は殻を利用して卵黄と白身に別けますが、皆さんはどうやって別けていますか。絶対に失敗しない、かわいい専用キッチン雑貨をネットで見つけたので紹介します。 動画がありましたので貼付けます。使い方を説明するより、こちらを見て頂いたほうが早いです。想像はつくかと思いますが…。 かわいいヒヨコの口から白身だけがダァーと出る光景、私は好きです(笑)。使っていない時は、キッチンのマスコット的なかわいい置物になります。海外サイトで販売されています。気になる方はチェックしてみて下さい。 伊勢海老太郎ブログで過去に紹介したおかしな「キッチン雑貨」はこちら 参照元 Amazon:Ceramic Chick Egg White Separator
「ユーザーがサイトのどこを見ているか?」を知るための手法の一つが、弊社でもサービス提供している『アイトラッキング調査』です。 通常、アイトラッキング調査を行うと、『ヒートマップ』と『ゲイズプロット』の2種類のアウトプットが得られます。 皆さんはどちらに親しみがありますか? 画像:左がヒートマップ、右がゲイズプロット ちなみにGoogleでの検索ヒット数を比較してみると、ご覧のとおりです。 「ヒートマップ」:約 2,620,000 件 「ゲイズプロット」:約 3,470 件 「heatmap」:約 70,200,000 件 「gaze plot」:約 11,200 件 …もったいない。 こんな良いものが知られていないなんて、非常にもったいない! 『ヒートマップ』は視線分析に限らず用いられる言葉なので単純比較はできませんが、後ほど解説する『ゲイズプロット』の良さが、まだまだ浸透していないのかも
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか?(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Another great gem from Zurb. What if you wanted to make a user aware of a piece of content long before their mouse directly hovers over its element? Perhaps it was a piece of content that a user would have never otherwise hovered over (thus rendering all that CSS you styled on the :hover of your class forever invisible to your user). What is a designer/developer to do? Reactive Listener allows us
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く