新・三大JavaScript タッチ対応ライブラリ比較(Hammer.js/QuoJS/ TouchSwipe) - Qiita
モバイルデバイス全盛の昨今、サイトのデザインだけでなく動きも対応しなくては！というケースがあります（私はありました）。 そんなわけで、JavaScriptのタッチ対応ライブラリについて評価を行ってみました。ライブラリの一覧についてはこちらのサイトが詳しく、ここから対応イベント・更新頻度を基に評価対象を表題の３つに絞り、その動作を比較してみました。 各ライブラリによるタッチの挙動は、以下で比較可能です(おまけでTouchyも入ってます)。 Gesture Detector 今スマホやタブレット的な何かでこの記事を読まれているあなた！はぜひ実際に動かしてみて下さい。 私はAndroid4.0デバイスしか持ってないので、xxで動かんぞ、ということがあるかもしれないです。そんな時はコメントなどで連絡いただけたらうれしいです。また、コードはこちら。 結論 結論としてはHammer.jsをお勧めしたい
一歩先行くTumblrの上手な使い方紹介 | maesblog
tumblr reblogging enviroment Advent Calendar 2013の12日目の記事となります。『mae’s works』という写真ブログをTumblrで始めて約3ヶ月。Tumblrでブログを運営していく中で発見したTumblrを上手に使うテクニックを今回は紹介したいと思います。 写真ブログmae’s works – maechabin.tumblr.com Tumblrを上手に使うテクニック タグは最初の＜5個まで＞が重要！ダッシュボードからの検索対象となるTumblrで投稿する際は、その投稿に関連したタグを付けることになると思います。タグを付けることで、Tumblrのダッシュボードからの検索対象となり、多くの方に見てもらえる機会が増えることになります。「スキ」を押される機会、「リブログ」される機会も増えることになります。 ダッシュボードから「イルミネーショ
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
jQueryのajaxとloadの違いを教えてください - キーワードを入力したらkeyupに合わせて通信して表示するプログラムを作... - Yahoo!知恵袋
jQueryのajaxとloadの違いを教えてください キーワードを入力したらkeyupに合わせて通信して表示するプログラムを作っています jQueryのajaxを使って作っていたのですが 知恵袋で質問したら2通りの答えが返ってきたのです。 ajax-------------- $.ajax({ type: "POST", url: "keyword.php", data: { "keyword":keyword }, success: function(data){ if(data != '') { document.getElementById("disp").innerHTML = data; -------------------- load--------------- $(#'keyword').keyup(function()｛ keyword=$(#'keyword').v
もうシルエットの素材には困らない！人物や動物など600種類以上揃ったシルエットのベクター素材セット
個人でも商用でも無料で利用できる、600種類以上の人物・動物・乗り物をはじめスポーツやダンスなどのシルエットが揃ったベクター素材を紹介します。 素材はベクターのさまざまなフォーマットが揃ってます。 Free download: 600+ free vector silhouettes シルエットは多種多様なものがそれぞれにたくさん揃っています。 スポーツ 人物（ビジネス・女性・家族・恋人・子供など） ミュージック ダンス 動物 乗り物・交通機関 モーション 人や動物などの足跡 鍵 ダウンロードできる素材のフォーマットも豊富！ .ai .eps .svg .pdf ダウンロードは、下記ページの下の方からどうぞ。
Youtubeサムネイル画像の取得方法・サイズについて｜ cocope [コードスニペット ココペ]
バイラルメディアなどでよくYoutubeの動画がよく取り上げられていますが、今回はその時によく使われているYoutubeサムネイル画像の取得方法をまとめていきます。 またYoutubeに最適なサムネイル画像のサイズなどもまとめていきたいと思います。 これからYouTuber（ユーチューバー）になろうとしている方もぜひサムネイル画像のデザインにもこだわってみてはいかがでしょうか？ サムネイル画像のサイズについて 様々なデバイスに対応するためなるべく大きなサイズで作成しましょう。下の3点に気をつけてデザインしましょう。 1280×720（最小幅が 640 ピクセル） 16:9のアスペクト比 JPG、GIF、BMP、PNGの保存形式 サムネイル画像の取得について 今度はサイトなどにサムネイル画像を貼り付ける方法です。下の動画を題材にしていきます。 Youtubeで動画を表示させる際に手軽に利用
![Youtubeサムネイル画像の取得方法・サイズについて｜ cocope [コードスニペット ココペ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec42c11376df0f43f60a906e947898a876106f6d/height=288;version=1;width=512/http%3A%2F%2Freference.cocole.jp%2Fwp-content%2Fuploads%2F2014%2F10%2Fyoutube.jpg)
写真をオシャレに整理するならTumblrが最強。【超簡単なポートフォリオWebサイトの作り方】 - LITERALLY
写真を撮ったらせっかくだから多くの人に見てもらいたい。しかし、てきとうに作られたブログにアップするだけでは綺麗に撮られた写真も、価値が半減してしまう。逆に言えば、写真は見せ方・まとめ方によって、何倍もカッコよく見せることが可能だ。 「写真を整理がてら、綺麗にWeb上で公開したい」と思いながら「Webページを個人で作るのは面倒だし、お金がかかりそう」と諦めてしまっている方には、是非Tumblrをお薦めしたい。Tumblrとは、ミニブログ、写真、映像、音楽など様々なメディアをまとめて表現できるマイクロブログサービスだ。2011年より日本でサービスが開始され、日本でも段々と認知度が高まってきている印象を受ける。 Tumblrを使えば、flickrなどの写真共有サイトにアップするより、オリジナリティ溢れる自分だけのポートフォリオサイトが簡単に作れる。デザインはオシャレだし、サーバー代や登録料も一切
[Swift] 自分のアプリをObjCからSwiftに移植して分かったこと - Qiita
iOS8が発表され、Swiftが解禁されてからしばらく経ちました。 iOSをやり始めて勉強用に作ったマイQiitaをまるっとSwiftに移植してみました。 Swiftが発表されてすぐに色々いじっていましたが、実際にアプリとして書き始めてみると気づく点もたくさんありました。 今回は色々ハマったり気づいた点をまとめていこうと思います。 ProductName-Swift.hは、ObjC側では.mにimportする これ、少しハマりました。どうやらヘッダファイルでimportするとダメなようです。 Swiftで定義したenumはObjC側で使えない Swiftでenumが大幅に強化されました。 それもあって、Swift側で定義したenumはObjCでは使えないようです。 Optionalをしっかり意識する Swiftの重要な概念である「Optional」ですが、しっかりと意識していないと細かいと
![[Swift] 自分のアプリをObjCからSwiftに移植して分かったこと - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e6c639efc83ce807c6b123d6d6e18e3cc6aa7d2/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCU3dpZnQlNUQlMjAlRTglODclQUElRTUlODglODYlRTMlODElQUUlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlOTJPYmpDJUUzJTgxJThCJUUzJTgyJTg5U3dpZnQlRTMlODElQUIlRTclQTclQkIlRTYlQTQlOEQlRTMlODElOTclRTMlODElQTYlRTUlODglODYlRTMlODElOEIlRTMlODElQTMlRTMlODElOUYlRTMlODElOTMlRTMlODElQTgmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWEyOGMxY2U3Zjg4N2M4YTcxNmIyNWRlODYwYjkwMjhm%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZWRvX20xOCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MWZhNjI3N2Y5N2YyYmU4NTJmMzc3YzAyOGM1MTQ2NjA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D1dec6a99840dc511b27ee6f34022c8d0)
Unityの環境構築と操作ガイド（前編）
前回の連載「速攻攻略 Kinect v2 プログラミング入門」では、第5回と第6回で、Kinect v2とUnityを連携させる方法について解説しました。本連載では、ゲーム開発エンジンであるUnityの環境構築から簡単なゲーム開発まで全6回にわたって解説していきます。 【連載目次】 第1回：Unityの環境構築と操作ガイド（前編） 第2回：Unityの環境構築と操作ガイド（後編） 第3回：Unityちゃんを動かしてみる 第4回：Unityちゃんの障害物ゲームを作る 第5回：Unityちゃんの爆破ゲーム作る 第6回：マシンガンの連射ゲームを作る ※タイトルは変更する場合があります。 Unityとは 今やUnityはゲーム業界においては、その名前を知らないものはいないほどの存在となりました。これほど注目されているUnityとは、一体何なのでしょうか？ Unityは「ゲームを作るためのゲームエン
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin) : Janko Jovanovic
This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information. A plugin is also available for download. Download plugin with example View demo What is our task? If you would, for whatever reason, have a large webform all fields shoud be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields. Although many examples
【jQuery】フォームのリアルタイムエラーチェックはjQuery Validation Engineプラグインが簡単
Home › プログラミング › 【jQuery】フォームのリアルタイムエラーチェックはjQuery Validation Engineプラグインが簡単 フォームのエラーチェックでいちいち読み込みが走るのはサーバ側もユーザーさんもストレスかかりますよね？ クライアント側でリアルタイムにエラーを表示させることでフォームのコンバージョン率も上がるみたいですし、ユーザーさんのイライラも軽減できる。 これは導入しておいて損はないですね。 フォームエラーチェックのjQueryプラグインをいくつか調べましたが、その中でもポップアップでエラーを表示してくれる「jQuery Validation Engine」が気に入りましたので、その使い方を紹介したいと思います。 プログラミングやWordPressを習得するのに一番近道な方法とは？
jQuery Plugin for Fixed Header Tables - Home
Why use this plugin? FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new features and improvements to be released. Some options include a fixed footer using the tables tfoot element or cloning the thead as a fixed footer. This plugin is meant to be lightweight, easy to use and performant. How it works. Usi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
総務省｜報道資料｜API機能で利用できる統計データの拡充