やるやんwindow.matchmedia - FICC Workbook
window.matchmediaとは簡単にいえば、JavaScript版 mediaqueryです。 https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia windowサイズに応じてJSの処理を書き分けることができます。 ただ、IE9以下では使えません！スマホはバッチリ！(Android3以下…？知らない子ですね…。) 使い方とりあえず var widthMatch = window.matchMedia("(min-height: 500px)").matches; console.log(widthMatch); これで、高さの最小値が500pxあるかどうかがブール値で出てきます。 そして、主な使い方として // ウィンドウサイズでの処理 if (window.matchMedia("screen and (m
8188www威尼斯(中国)有限公司-首页|欢迎您点击
最可能的原因: 指定的目录或文件在 Web 服务器上不存在。 URL 拼写错误。 某个自定义筛选器或模块(如 URLScan)限制了对该文件的访问。 可尝试的操作: 在 Web 服务器上创建内容。 检查浏览器 URL。 创建跟踪规则以跟踪此 HTTP 状态代码的失败请求，并查看是哪个模块在调用 SetStatus。有关为失败的请求创建跟踪规则的详细信息，请单击此处。
レスポンシブデザインでPCとスマホで画像を切替える方法 | スターフィールド株式会社
レスポンシブデザインでwebサイトを制作することが多くなってきていますが、 その中でスマホの場合を考えられてないケースが多々あります。 本来であればレスポンシブの構造上、スマホファーストで考えるべきところなのですが、 PC先行でデザインし、後でスマホをどうにかするってパターンになってしまっています。。。 そういった場合、 レスポンシブデザインはもちろん同じ一つのソースなので、 同じ画像ではダメなことがあります。 しっかりスマホファーストで考えていても、 PCは横長でスマホは縦長なので、 サイズを違うものにしたい場合もあると思います。 そんな時、PCとスマホで画像を切り替える必要があります。 元々htmlに両方書いておいて、 cssでdisplayをnoneやblockにするというあまり良くない方法もありますが、 今回はjQueryを使用した方法をご紹介します。 jQueryを使ってレスポン
レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
スマホアプリのような横から出てくるサイドメニューを実装できる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
スマホサイト構築に便利なドロワーメニュー・スワイプの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
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
[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"
【初めてのビットコイン】コインチェックでの買い方をわかりやすく
本ページはプロモーションが含まれています。 仮想通貨取引所「コインチェック」で口座開設してビットコインを買ってみた手順をレビューしてみました。 暗号資産に関心はあるものの 「口座開設難しいんじゃね？」 「ビットコイン高いんじゃね？」 など一歩踏み出せないあなたは参考にしていただければ幸いです。 口座開設は無料、ビットコインも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.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
darsa.in
Swipeshow: the unassuming touch-enabled slideshow JavaScript library
flipsnap
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.