最近見かけた、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」による... 続きを読む

わかった、なぜ、パソコンが好きなのか - 勝間和代が徹底的にマニアックな話をアップするブログ

2018/01/11 50 users タブ タブレット 選択肢 勝間和代 モバイル環境

2018 - 01 - 11 わかった、なぜ、パソコンが好きなのか モバイル環境 スマホ・タブレット PC環境 ずっと悩んでいた、なぜ、パソコン>タブレット>スマホ、の順で好きなのか。 たぶん、タブで切り替えたいんだ。自分が見ているもの。そして、情報検索が 「全体から部分へ」 という方法をとりたい。これが、スマホだと、難しい。 もちろん、スワイプとかいろいろ方法はあるんだけれども、常に、その選択肢... 続きを読む

JavaScriptは適切に利用することが大事！HTMLとCSSだけで実はかなり高機能なスライダーを実装することができる | コリス

2017/10/17 93 users 見栄え スクロール コリス アニメーション スライダー

スライダーとは、ナビゲートできる一列に並べられた複数のボックスのことです。もちろん、あなたはスライダーが何であるかを知っているでしょう。 スライダーにはたくさんの機能があり、スワイプやスクロールできたり、自動再生やアニメーションを備えているものもあります。 HTMLとCSSだけで、見栄えがよい機能的なスライダーをどこまで実装できるか紹介します。HTMLとCSSを理解することで、JavaScript... 続きを読む

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

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

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

iOSアプリ「はてなブックマーク」のアップデートと、対応予定の機能について - はてなブックマーク開発ブログ

2015/12/01 86 users iOSアプリ ブックマークレット フィードバック なか 機能

本日、iOSアプリ「はてなブックマーク」バージョン3.1をリリースしました。バージョン3.0のリリース後にご要望を多く頂いた、「ブックマークレット」「アプリ内ブラウザで全画面表示時にスワイプで戻る」「ブックマーク時のタグを全件表示する」などをご利用いただけるようになりました。その他にもいくつかの不具合を修正しました。さらにiOSアプリに頂いたフィードバックについて、先日の対応方針では掲載しきれなか... 続きを読む

iPhone 6sで新たに搭載された「3D Touch」はこうやって使うよレビュー - GIGAZINE

2015/09/25 51 users GIGAZINE peek POP ジェスチャー ピンチ

ついに登場したAppleの最新iPhone「iPhone 6s/6s Plus」では、画面をタップする指の圧力を感知する「3D Touch」というテクノロジーが活用されています。この3D Touchでは、これまでの「タップ」「スワイプ」「ピンチ」といったジェスチャーの他に、画面を押し込む「Peek」と「Pop」というジェスチャーも認識可能になっているので、実際にどんな風に使えるのかiPhone 6... 続きを読む

クレジットカードなどあらゆるカードを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は、一般的なク... 続きを読む

Webページ・スマホアプリのユーザインターフェイスに楽しさを加える効果音や環境音などのサウンド素材のまとめ | コリス

2015/01/09 91 users ユーザ アクション スライド タップ ポップアップ

Webページやスマホアプリで、クリックやタップ、スワイプ、スライド、ポップアップなどユーザのアクションにあうさまざまな楽しいサウンドがダウンロードできるサイトを紹介します。 気持ちいい軽快な効果音や環境音がたくさん揃って...記事の続きを読む 続きを読む

iOS向け「Yahoo!キーボード」無償公開、iWnn採用、スワイプで入力モード切替 - ケータイ Watch

2014/12/02 60 users iOS向け Japan iOS向けキーボードアプリ 無償公開

ニュース iOS向け「Yahoo!キーボード」無償公開、iWnn採用、スワイプで入力モード切替 （2014/12/2 16:21） ヤフー株式会社（Yahoo! JAPAN）は2日、iOS向けキーボードアプリ「Yahoo!キーボード」を公開した。iOS 8.0以降に対応しており、App Storeより無料でダウンロードできる。 「スマートフォンを使用する際、必ずと言っていいほど行うキーボード入力の... 続きを読む

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

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

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

iOS向け「Yahoo!キーボード」無償公開、iWnn採用、スワイプで入力モード切替 -INTERNET Watch

2014/12/02 77 users iOS向け INTERNET Watch Japan 無料

ニュース iOS向け「Yahoo!キーボード」無償公開、iWnn採用、スワイプで入力モード切替 （2014/12/2 15:20） ヤフー株式会社（Yahoo! JAPAN）は2日、iOS向けキーボードアプリ「Yahoo!キーボード」を公開した。iOS 8.0以降に対応しており、App Storeより無料でダウンロードできる。 「スマートフォンを使用する際、必ずと言っていいほど行うキーボード入力の... 続きを読む

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

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

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

マイクロソフトからトラックパッド搭載の防滴ワイヤレスキーボード All-in-One Media Keyboard - Engadget Japanese

2014/05/27 93 users スクロール マイクロソフト キー配列 ワイヤレスキーボード

日本マイクロソフトは、ワイヤレスキーボードの新製品​All-in-One Media Keyboard を近日中に国内販売します。 米国では4月に発表済みの製品で、PC に加えUSB HID をサポートするゲーム機やテレビにも対応。また防滴性も備え、リビングルームでの使用に最適としています。 キー配列はフルサイズの日本語テンキーレス。キーボードの右側にはスワイプやスクロールなどのジェスチャ対応のト... 続きを読む

Microsoft、キーボード上のジェスチャーでズームやスワイプができるキーボードを披露 - ITmedia ニュース

2014/04/30 57 users ジェスチャー プロトタイプ ズーム 近接センサー ディスプレイ

キーボードに埋め込んだ近接センサーで手の動きを検知し、ディスプレイにタッチしなくてもピンチ＆ズームやスワイプができるキーボードのプロトタイプをMicrosoft Researchが発表した。 米Microsoftの研究部門であるMicrosoft Researchが4月26日（現地時間）、キーボード上に載せたり浮かせたりした手のジェスチャーでスワイプやズームなどの画面操作ができる試作キーボードの動... 続きを読む

Kineticaは指先で直感的に高度な統計処理とビジュアル化ができるすぐれものiPadアプリ | TechCrunch Japan

2014/04/22 50 users CMU 指先 TechCrunch JAPAN 統計処理 朗報

大量のデータをすばやくいくつかのグループに分類したいなどと思ったことがあるだろうか？　もしそうなら朗報だ。 カーネギー・メロン大学（CMU）の人間コンピュータ相互作用センターの博士課程の学生グループが開発中のKineticaというiPadアプリはデータを指先で操作し、分類したり、任意の線に沿って並べたり、スワイプだけでグラフ化したりできる。 このアプリはインポートしたデータに対して直感的な操作で分... 続きを読む

iOS7からメールアプリ等で使用されているUITableViewCellをスワイプし表示するメニューのOSSをいろいろ試してみたメモ - Qiita

2014/04/22 74 users リマインダー Over Star メールアプリ Qiita

求める物はiOS7のメールやリマインダーで左スワイプにしたとき表示される感じのメニューです。 OSSを探してみたら意外と多く見つかったので、その中から個人的に良さそうなものを選別してみました。 SWTableViewCell GithubのStar 1900 overは伊達じゃない。一番使いやすかったです。左右どちらのスワイプにも対応しています。 一番嬉しかったのはメニューを構成するためのヘルパー... 続きを読む

タッチに最適化されたLightBox実装jQueryプラグイン:phpspot開発日誌

2014/01/28 52 users LightBox実装jQueryプラグイン タッチ スライ

jQuery Lightbox alternative: Touch Optimized Sliders "R"Us タッチに最適化されたLightBox実装jQueryプラグイン。 スワイプで画像が横にずれ、画像をクリックで拡大されるようなUIが作れます。 タッチデバイス向けのギャラリーをサクッと実装したい場合に使えそうです 関連エントリ スライダーの背景もダイナミックに切り替えるクールなスライ... 続きを読む

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... 続きを読む

Mavericks を導入したら Chrome や Safari でスクロールが効かなくなる原因は「ページ間のスワイプ」かもしれない

2013/10/27 70 users Mavericks キーボー Safari スポンサード 毎度

毎度です、 @Ebba_oBL です。 MacBook Air に Mavericks を導入したところ、予想以上に快適になって喜んでいたのですが、導入から数日経っておかしな症状が出始めました。 スポンサード リンク ブラウザのスクロールが効かなくなる 導入当初から、多分昨日あたりまでは問題なかったはずなのですが、Chrome でブラウズしている途中で突然スクロールが効かなくなりました。 キーボー... 続きを読む

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

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

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

文字入力の新しいカタチ。スワイプよりも高速に入力できる「ドリフト」とは？（動画あり） : ギズモード・ジャパン

2013/10/02 51 users ドリフト iPhone ギズモード ジャパン 新しいカタチ

Mac/PC関連 , タブレット 文字入力の新しいカタチ。スワイプよりも高速に入力できる「ドリフト」とは？（動画あり） 2013.10.02 20:20 スワイプ入力の進化系。 はじめてタッチスクリーンのiPhoneを手にしたとき、文字入力にひどく戸惑いました。スワイプ入力という画期的な方法を知ることでその悩みは解消されたのですが、未だ満足な方法が見つかっていないのがタブレットの文字入力。PCのよ... 続きを読む

満を持してDraftPadの上位互換エディタが登場しました Textwell - W&R : Jazzと読書の日々

2013/09/11 50 users Draftpad Sociomedia ユーティリティ 分類

最初は疑うじゃないですか。 Textwell 1.0 分類: 仕事効率化,ユーティリティ 価格: \250 (Sociomedia) 名前も違うし、アイコンも違う。でもアプリ紹介を読むと「DraftPad」です。その上セッティングを弄ることで、スワイプでのカーソル移動や、履歴を保存するスナップ機能。しかもアシストには機能別のアイコンを付けることが出来る。良いことばかりが書いてあります。まさか、最近... 続きを読む