【Sidr】Facebookアプリのようなメニュ... / 【jPanelMenu】横から出てくるサイドメニ... / 【Snap.js】フリック動作で出し入れが可能な...他...全4件
スマホアプリのような横から出てくるサイドメニューを実装できるjQueryプラグイン
【Sidr】Facebookアプリのようなメニュ... / 【jPanelMenu】横から出てくるサイドメニ... / 【Snap.js】フリック動作で出し入れが可能な...他...全4件
Sidr
SidrThe best jQuery plugin for creating side menus and the easiest way for doing your menu responsive You will be able to create multiple sidrs on both sides of your web to make responsives menus (or not, it works perfectly on desktop too). It uses CSS3 transitions (and fallbacks to $.animate with older browsers) and it supports multiple source types. Get startedLike any other plugin, you must inc
スマートフォン向けウェブサイトで、ブラウザサイズにあわせてコンテンツを拡大縮小させる方法 イクリプススペシャルサイトのケース | blog – NOBORU HIRABAYASHI
昨日立て続けにスマートフォン向けウェブサイトで、ブラウザサイズにあわせてコンテンツを拡大縮小させるサイトを見たので、それらをチェックしてみた。 以前の記事はこちら：スマートフォン向けウェブサイトで、ブラウザサイズにあわせてコンテンツを拡大縮小させる方法 今回チェックするサイトはイクリプス SPECIAL WEBSITEのSP版：http://www.eclipse-avn.jp/sp/ 基本的には以前の記事に記載の方法と近いのですが、ビミョーに違っていてその理由がすいませんわかりません。 デモはこちら：http://noboruhirabayashi.com/test/content_fit1/ 手順1 UserAgentでiPhone、iPod、iPad、Androidの判定。 function userAgentCheck(){ var ua=navigator.userAgent;
スマートフォン向けウェブサイトで、ブラウザサイズにあわせてコンテンツを拡大縮小させる方法 | blog – NOBORU HIRABAYASHI
かっちり横幅を固定（レイアウト固定）かつ、ブラウザ横幅いっぱいに表示したい時の方法。 で、この件に限るわけではないですが、Androidは機種によってもちょっとしたJSとかでも挙動が違ったりするので完璧は無理だと思う。 どうしてもやらねばならないならバグった機種毎にuserAgentひろって条件分岐してやってくしかない。 このブラウザサイズにあわせてコンテンツを拡大縮小させる方法も、Android2、3、4.1までとiOSでチェックしているけど、機種によってはダメな場合もあるかもしれないのであしからず。 まずviewportの設定は以下の通り。 <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1"> ポートレイトの時320pxでデザインしてiOS基準でコーディングしていくとして
スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 【こちらもおすすめ】 ☞ 高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた Facebookでもおなじみのドロワーメニュー3選 今じゃ基本中の基本となっているドロワーメニュー。 Facebookなどで使われている、横からぬるっと出てぬるっと引っ込むあれです。動きが気持ちよくて、実装も簡単にできるものを中心にまとめてみました。 jQuery slimMenu
スマホ対応アニメーション支援ライブラリ - smart js
特徴 配置と動きに特化した Javascriptライブラリです。 シンプルで柔軟性もあり、 処理も高速です。 対応OS / ブラウザ iOS 7+ Android 4.1+△ Android 4.4+○ IE9+ Safari latest Chrome latest Firefox latest
Free PSD Resources - Freebiesbug
A big collection of 858 premium-quality PSD design files, including templates, icons, UI kits, mockups, and more. Carefully curated, this selection of free PSDs is as an invaluable asset for designers seeking inspiration. Outdoor scene of a fancy building with a big banner hanging on it. The banner is obviously a mockup, so you can change what’s on it.
UXの効果が数字でわかる！5つのUX KPI : DeNA Creator(クリエイター) Blog
プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ
Technology Partners | Springbox
The key to creating exceptional customer experiences and effective data-driven marketing? Implementing the right technology to support them. Out of thousands of available options, we pinpoint which technology platforms are the best fit for your business and marketing goals based on essential criteria: application efficacy, affordability and ease of implementation. To ensure maximum efficiency, sca
Home - Slide SJS
We have been working since 2009. We started with two people: a designer and a programmer. Today the company employs almost 20 people who are divided into four teams. Everyone is a master of his craft. There are open vacancies. We use all our experience, knowledge and skills to help you properly implement your plans to make the site a convenient tool - in this we see our mission. In tandem with the
Developer Tool - App Icon Resizer
Best app icon resizer for mobile developers. Optimized for both for Xcode and Android Studio.
[JS]これは楽しい！スマフォUIのように下に引っ張るとリフレッシュするスクリプト -Hook.js
スマフォやタブレットのように、下に引っ張るとページをリフレッシュするjQueryのプラグインを紹介します。 Hook.js 最上部に戻ってからの上方向スクロールでもリフレッシュするようです。 普通のページではリフレッシュするシーンがあまりないですが、何かに使いたいな、、、 Hook.jsの使い方 実装は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <link rel="stylesheet" href="hook/hook.css" type="text/css" /> <script src="hook/hook.js"
PhotoSwipe
What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
ポケット詳細 jQuery Mobile辞典 サンプルサイト
ポケット詳細 jQuery Mobile辞典 サンプルサイト 1章jQuery Mobileについて 1-3 jQuery Mobileクイックスタート(全サンプル) 1-5 jQuery Mobileにテキストを省略させずに表示する 1-5 jQuery Mobileの定義済みクラス(オリジナルボタンアイコンの作成) 2章ページ構築 2-1 単一のHTMLでサイト構築する 2-2 複数のHTMLでサイト構築する 3章リンク 3-1 ページリンクを作成する 3-2 Ajaxを用いないリンク(1)—Ajaxを使用しないと明示する方法 3-3 Ajaxを用いないリンク(2)—外部サイトだと明示する方法 3-4 Ajaxを用いないリンク(3)—外部ドメインへのリンクを記述する 3-5 Ajaxを用いないリンク(4)—target指定をする 3-6 ブラウザの「戻る」リンクを作る 3-7 遷移しな
【初めてのビットコイン】コインチェックでの買い方をわかりやすく
本ページはプロモーションが含まれています。 仮想通貨取引所「コインチェック」で口座開設してビットコインを買ってみた手順をレビューしてみました。 暗号資産に関心はあるものの 「口座開設難しいんじゃね？」 「ビットコイン高いんじゃね？」 など一歩踏み出せないあなたは参考にしていただければ幸いです。 口座開設は無料、ビットコインも500円とか1,000円とかお小遣いの範囲で買えますから、お試しで買ってみて仮想通貨の世界を体験してみるのも悪くないかもわかりませんよ。 なお、パソコンでの口座開設手順を書いていますがスマホでもやり方は同じです。今はスマホのかんたん本人確認を利用した方が早く口座が開設できますよ。 ビットコインとは 少しビットコインについておさらいしておくと ビットコイン（BTC）は暗号資産（仮想通貨）の一種 2022年冬現在全世界で最も時価総額が高い暗号資産（仮想通貨） 暗号資産（仮想
natrixnatrix89/promptumenu @ GitHub
A jQuery plugin that allows you to display list items in a similar way like a iPhone home screen. If item count exceeds the displayed items on one screen, users can swipe through screens. Authors Jānis Zaržeckis (natrixnatrix89.net) Contact Jānis Zaržeckis (natrixnatrix89@natrixnatrix89.net) Download You can download this project in either zip or tar formats. You can also clone the project with Gi
The arrogant blogger
Dangerous Notes I usually have a lot going on but only part of my brain engaged on whatever I'm doing. My stream of conciousness has a lot of creeks branching off. Now Dopple-G is another story. Instead of a stream of conciousness he has a white water rapids. But I digress. To make sure that I don't forget any of these thought streams before I've had a chance to explore them I leave myself notes.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - danmillar/jquery-anystretch: Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the wind
http://eightmedia.github.io/hammer.js/
GitHub - thebird/Swipe: Swipe is the most accurate touch slider.
