最近見かけた、CSSの一工夫加えたスゴ技テクニックのまとめ

2022/07/26 164 users CSS ドロワー Airbnb NIKE カルーセル

Apple, Nike, Tesla, AirbnbなどのWebサイトやスマホアプリで使用されている、CSSの一工夫加えたスゴ技テクニックを紹介します。 美しい磨りガラスのヘッダ、コンテンツがズームするエフェクト、タッチフレンドリーなカルーセル、超クールなスワイプオーバーセクション、新感覚のスワイプアップするドロワーなど、すぐに... 続きを読む

結局、リボ払いって何がこわいの？　「残高が減らない仕組み」と注意点【漫画版】 (1/3) - ねとらぼ

2019/09/28 258 users 残高 リボ払い とらぼ マンガ 評判

知らないと大きな損をしてしまうかもしれないお金の基礎知識、今回はクレジットカードの機能の1つ「リボ払い」のお話。なんというか、評判悪いですよね。特にネット上では良い意見をあまり聞かない気がします。ですが、実際のところはどうなのでしょうか。 マンガをまとめて読む（スワイプで次に進む） 「リボ払い」のメ... 続きを読む

スマホ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネント -Cuberto | コリス

2019/07/19 209 users コリス UIコンポーネント アニメーション ロンドン タップ

スマホアプリ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネントを紹介します。タップやスワイプなど、ユーザーの操作に反応するアニメーションは、見ているだけでも楽しめます。 GitHub Open Source Collection ここで紹介するUIコンポーネントは、ロンドンの制作会社「Cuberto」による... 続きを読む

レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス

2016/03/04 662 users DESIGN スクロール フォント トリミング コリス

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet... 続きを読む

クレジットカードなどあらゆるカードを1枚にまとめられる最強のカードSWYPが登場 - GIGAZINE

2015/02/14 399 users GIGAZINE Swÿp サイフ シチュエーション 最強

シチュエーションに応じてクレジットカードを使い分ける人は多いものですが、複数枚のカードを持ち歩くのは不便です。また、クレジットカード以外にも銀行のキャッシュカードなど支払い用のカードがかさばってサイフがパンパンになるということもよくあるもの。そんなときに便利なのが、クレジットカード・デビットカード・ギフトカードなどをすべて1枚のカードにまとめられる決済用カード「SWYP(スワイプ)」です。 Swy... 続きを読む

【やじうまPC Watch】クレカや会員証など25種のカードを1枚にまとめられるスマートカード - PC Watch

2015/01/28 386 users クレカ やじうまPC Watch Swÿp スマートガード

やじうまPC Watch クレカや会員証など25種のカードを1枚にまとめられるスマートカード （2015/1/29 06:00） Swyp Qvivrは27日、クレジットカードやデビットカード、各種会員証など、最大25枚のカードを1枚にまとめられるスマートカード「Swyp」(スワイプ)を発表した。価格は99ドル、出荷は今秋となっているが、先行予約すると49ドルで購入できる。 Swypは、一般的なク... 続きを読む

Yahoo!キーボード - 自分らしさを表現しよう #ヤフー #ヤフーキーボード

2014/12/02 3633 users ヤフー iPod iTunes Yahoo キーボード

Yahoo!キーボードは無料で「きせかえ」できるiOS8用キーボードアプリです。100種類以上のテーマの他に自分で撮った写真や画像も使えます。スワイプでの文字切り替えなど入力を便利にする機能も！・「App Store」ボタンを押すとiTunes（外部サイト）が起動します。 ・Apple、Appleのロゴ、App Store、iPodのロゴ、iTunesは、米国および他国のApple Inc.の登録... 続きを読む

Apple、iOS 8の通知センターからアプリを起動するアプリを禁止 - TechCrunch

2014/09/30 198 users TechCrunch Launcher 本誌 タップ 最初

Appleは、通知センターから直接アプリを起動するアプリがお気に召さないと見え、iOS 8から追加されたこの新機能を利用した最初のアプリをApp Storeから削除した。問題のアプリ、Launcherは本誌でも先週取り上げており、ホーム画面で何度もスワイプやタップをすることなくアプリを起動できる、便利で賢い方法だと感じた。 残念ながら、Launcherはほんの数日間App Storeにいただけで9... 続きを読む

iOS 7のユーザーエクスペリエンス評価 – U-Site

2013/12/02 122 users U-Site カルーセル 原文 スクロール iOS 7

iOS 7のユーザーエクスペリエンス評価 公開：2013年12月2日付（日本語版）、2013年10月12日付（原文）　著者：Raluca Budiu 原文（英語）：iOS 7 User-Experience Appraisal 要約： フラットデザインは行動のきっかけとなる要素を見えなくしている。また、周辺部付近でのスワイプは、カルーセルやスクロールに干渉する可能性がある。 iOS 7はApple... 続きを読む

スマホサイト構築に！ドロワーメニュー、スワイプのプラグインまとめ | 株式会社LIG

2013/10/15 366 users ドロワーメニュー 株式会社LIG LIG プラグインまとめ

こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 ... 続きを読む

iPad 向けの Coast by Opera をダウンロード - Opera Software

2013/09/09 112 users Opera Software iPad ダウンロード 念頭

まず、Coast のデザイン要素は、どれも iPad を念頭にして入念に作られています。単にタブレット向けに拡張されたモバイルインターフェイスではありません。 iPad ブラウザになぜ「戻る」ボタンがあるのだろうか？iPad はタッチ操作にデザインされたもののはず。スワイプ、ドラッグ、ジェスチャーを使って画面を操作する。 今日の Web サイトやアプリでは新しい方法でやり取りが可能なのに、ブラウザ... 続きを読む

iPhoneやiPadなどをクレジット決済のレジ代わりにできる「Squareリーダー」を実際に使ってみました - GIGAZINE

2013/06/04 284 users GIGAZINE iPhone Squa Square 屋台

小さなお店や屋台などではクレジットカード端末を導入していないお店も多いのですが、高価な端末を購入しなくとも、iPhone・iPad・Androidを使って簡単にクレジット決済が可能になるのが「Square」。イヤホンジャックに差し込むタイプのリーダーとレジアプリを使って、カードをスワイプ、デバイスにサインを行うだけであっという間に決済が完了。売上の管理も各デバイスでできるようになります。 Squa... 続きを読む

「シュッ」とか「チン」とかのフリー音源集 | Cocoaの日々情報局

2013/01/29 655 users Cocoa sounds ちん image IMG SRC

「シュッ」とか「チン」とかのフリー音源集 Published on 2013年1月30日水曜日 Leave your thoughts » Tweet ボタンを押した時やスワイプ、スライドした時に使える音源集。 Octave: A free library of UI sounds. <img src="http://b.hatena.ne.jp/entry/image/http://raised... 続きを読む

[JS]スマートフォンのタッチイベントを取得する各スクリプトのまとめ（仕様比較） | コリス

2012/06/13 280 users コリス ダブルタップ スタンドアローン jQuery ホールド

タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィンガー、スワイプ、スワイプアップ、スワイプライト、スワイプダウン、スワイプレフト、ドラッグ 補足 jQueryとのコンフリクトを避けるため、「$$」を使用。 対応予定（2フィンガー... 続きを読む

スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌

2012/06/11 621 users ダブルタップ phpspot開発日誌 jQueryライク

QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡... 続きを読む

PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」:phpspot開発日誌

2011/10/27 101 users phpspot開発日誌 jQuery Plugins 画像

PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 2011年10月27日- Asketic Swipe Gallery | jQuery Plugins PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」 この手のものはスマホ限定だったりするのですがPC... 続きを読む

画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」:phpspot開発日誌

2011/03/24 121 users phpspot開発日誌 エントリ iPhone向け iPad

WordPress iPad Swipe WordPress Plugins 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」。 プラグインをダウンロードして有効化するだけで、スワイプが有効になります。 iPadやiPhone向けのブログで使い勝手を向上させる用に覚えておいてもよさそうです。 左にスワイプすることで、次のエントリ、右にスワイプで前のエントリ... 続きを読む

Chromeの隠しコマンド「3本指でスワイプ」がちょっと便利な件（＋Chromeを爆速化する方法） | IDEA*IDEA

2011/03/21 670 users IDEA Chrome コマンド flags 爆速化

「How to Turn On Hardware Acceleration in Google Chrome」という記事で知ったのですが、Chromeの「about:flags」オプションが興味深いですよ。これ、有名なのかな、知らなかったのでエントリーしておきます。↑ 「about:flags」とアドレスバーに入力。なんかいろいろ隠し機能（？）がいっぱい。3本指スワイプがお気に入り。というかマーク... 続きを読む

iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」:phpspot開発日誌

2011/02/17 268 users iPhone phpspot開発日誌 スライド タッチパネル

iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」2011年02月17日-Skinkers Labs : TouchSwipe iPhone/iPad用サイト作成時に使えるスワイプイベント実装jQueryプラグイン「TouchSwipe」。 タッチパネルを触って左にスライド、右にスライドといった操作をスワイプといいますが、このイベントを取... 続きを読む