タグ

2012年6月5日のブックマーク (5件)

  • jQuery Mobileでスマホサイトを作ろう!国内外で制作されているサイトやjQuery Mobileについて | jQeryMobileでサイトをつくろう

    jQuery Mobileとは? jQuery Mobileは、jQueryをベースとした、「スマートフォン向けフレームワーク」です。 もっと簡単に言うと、「スマートフォン向けコンテンツ制作の土台を作ってくれるソフトウェア」です。 スマートフォン向けの直観的かつ使いやすい、ネイティブアプリケーションさながらのページやUI※1が、瞬時にしてできあがります。開発者はわずかなHTMLJavascriptを書くだけです。 「UI」 ※1ユーザーインターフェースの略。jQuery MobileはわずかなHTMLの記述のみで、リストやボタン、ナビゲーションバーなどのスマホ向けUIを自動構築してくれる。 2010 年10 月にアルファ版がリリースされ、2011 年11 月ついにjQuery Mobile 1.0正式版が公開されました。現在も、jQuery の開発者であるJohn Resig 氏(@je

  • [JS]スマートフォンでタッチを促すようにプルプルと振動させるスクリプト -Wiggle

    iPhone, iPadなどでアイコンのタッチを促すようにプルプルと振動させるjQueryのプラグインを紹介します。 Wiggle -GitHub [ad#ad-2] Wiggleのデモ Wiggleの使い方 Wiggleのデモ デモはiPhone, iPadで動作しますが、デスクトップ用のFirefox, Chrome, Safari, Operaでも動作します。 各画像はタッチ(クリック)するとプルプル振動し、下のボタン「Start All」で全部プルプル、「Random Cycle」でランダムにプルプルします。 デモページ [ad#ad-2] Wiggleの使い方 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery-1.6.min.js"></script> <scr

    kyotaweb
    kyotaweb 2012/06/05
    プルプルかわいい
  • 無料で使えるレスポンシブのWordPressブログテンプレート10選 | バズ部

    WordPressブログのテンプレートは、とても高性能なものが多く、色々なところで様々なものが紹介されている。しかし余りにも多過ぎて、どれを選べば良いのか分からなくなってしまう方もいるのではないだろうか? そこで日は、ソーシャルメディアマーケティングを実践する上で最適なブログデザインという部分に焦点を当てて、オススメのWordPressブログテンプレートを10個ご紹介する。 これらのテンプレートの選択基準は、以下の3つだ。 シンプルな2コラムであること メインコンテンツが左、サイドバーが右にあること レスポンシブデザインであること なぜ、この3つの点が重要なのかという理由は、「月15万PVを生むブログをデザインした時に徹底した7つの要素」で確認して欲しい。 1.Respo デモを確認 | ダウンロードページ シンプルで落ち着いたデザインでありながら、ヘッダー直下のスライダー画像が目を惹く

  • インターネットでものづくりするときに役立つサイトまとめ

    先日、東京学生広告研究団体連盟の総会にて、 「インターネットでつくる人を増やす」というテーマでお話させていただきました! その時に紹介したサービスをまとめます。 この記事のターゲットは、インターネットでまだ作ったことがない人。 興味があってこれから始めよう!と思っている人向けです。 ポイントは、ブラウザだけで完結できるもの。PCさえあればOK。 アイデア・インスピレーションをストックしよう まずは、アイデアのストックやインスピレーションを高めるサービスを紹介します。 EVERNOTE 簡単なメモから、写真や動画まで記憶し、整理整頓ができるサービスです。 tumblr オンラインでできるスクラップブック。Web上の記事や画像・映像などを簡単にストックできます。 また他のユーザーの投稿もストックできるので、面白いユーザーをフォローするのがオススメです。 Pinterest 画像を貼りつけて共有

  • 競合サイト調査・分析に必要なチェック項目と役立つツール達!

    たいていの人は何らかの商品を購入する時、似たような商品の中から一番気に入ったものを買うと思います。そのため、自社商品を他社商品よりも多く購入してもらうには、お客様に「これが一番良い!」と思ってもらえる商品でなければなりません。 お客様に自社商品を一番だと思ってもらうには、競合他社の調査・分析は欠かせません。自社と他社の違い(差)を理解することが、より優れた商品やサービスの開発に繋がります。 これはWEBサイト制作でも同じです。競合サイトの調査分析をすることで、どのようにWEBサイトを組み立てたら、競合サイトよりも優れたサイトになるかが見えてきます。 そこで今回は、競合他社のサイト調査・分析に必要なチェック項目と、役立つツール・調査方法を簡単にまとめて紹介したいと思います。 最初にライバルだと思われる会社のターゲットユーザーを調べることが必要です。これを調べると【実際にその企業がライバルと言

    競合サイト調査・分析に必要なチェック項目と役立つツール達!