これで6990円は買い「Xiaomi Smart Band 7」 (1/5)

2022/08/13 279 users スマートウオッチ シャオミ 本稿 有機ELディスプレイ 同機

シャオミが7月15日に発売した常時表示対応のスマートバンド「Xiaomi Smart Band 7」を試用した。本稿では、同機の使い心地について紹介する。 表示領域が25%広がりディスプレイが進化した Xiaomi Smart Band 7は、1.62インチの有機ELディスプレイを備える。同社のプレスリリースなどで「スマートウォッチ」と称されては... 続きを読む

記事一覧ページおよびトップページの一覧形式で、サムネイル画像のトリミング仕様を変更しました - はてなブログ開発ブログ

2019/10/23 25 users サムネイル画像 正方形 一覧形式 サムネイル CSS

はてなブログでは、記事一覧ページおよびトップページの一覧形式で表示しているサムネイル画像について、トリミング仕様を変更しました。サムネイルの表示領域をCSS等でカスタマイズしている場合に、元のアイキャッチ画像の印象により近い状態で表示します。 記事一覧ページのサムネイルはデフォルトで正方形で表示する... 続きを読む

表示領域にピタッと移動！CSSでスクロールスナップを実装しよう | Webクリエイターボックス

2019/01/11 76 users CSS スクロールスナップ スクロール位置 近年 画面

2019年1月11日 CSS 画面領域いっぱいに広がるフルスクリーンレイアウト。近年ではよく目にしますね。スクロールした時に画面にピタッと各エリアを表示させたい時に使えるのが「CSSスクロールスナップ」です。JavaScriptなしでスクロール位置を調整してくれますよ！ スクロールスナップの基本 See the Pen scroll-snap ba... 続きを読む

スマートフォン用サイトを制作するデザイナーさんに伝えたいWebブラウザのViewport(表示領域)の話。エンジニアにも役立つかも。 Part1｜Takumi Hasegawa (unshift)｜note

2018/09/19 90 users viewport unshift ＨＡＳＥＧＡＷＡ 破綻 実機

スマートフォン用サイトを制作するデザイナーさんに伝えたいWebブラウザのViewport(表示領域)の話。エンジニアにも役立つかも。 Part1 基本的には実装側で見え方に破綻がないようにしますが、実機でみたときにデザイナーさんは自分でデザインしたものとは少なからず違うものがあがってくるはずなので、違和感を感じるこ... 続きを読む

スクロールのイベントをIntersectionObserverで快適に実装する最新の軽量JavaScriptライブラリ -Scrollama | コリス

2017/11/24 60 users IntersectionObserver コリス ブラウザ

スクロールのイベントをIntersectionObserverで快適に実装する最新の軽量JavaScriptライブラリ -Scrollama Intersection Observerを利用したWebページが増えてきました。 IntersectionObserversは、ターゲット要素がブラウザのビューポートと呼ばれるページの表示領域と重なる（または交差する「Intersection」）量を計算す... 続きを読む

CSS の flexbox をゲーム感覚で身につけられる Flexbox Froggy がおもしろい - 頭ん中

2015/12/10 17 users Flexbox Flexible Box CSS ライブラリ

CSS の flexbox (略さずに言うと flexible box) を使うと、ページ上の要素を任意の方向や順番で配置したり、柔軟なサイズを持たせて表示領域を最適に埋めたりできますね。 flexbox を身につける 以前は横に並んだブロック要素の高さを揃えたり、幅が固定されていない要素を等間隔に中央揃えで並べたりするのに JavaScript のライブラリや CSS のちょっとひねった書き方を... 続きを読む

タブレットでの寝モバが捗る！タブレット用モードが追加された「IrfanView」v4.41 - 窓の杜

2015/12/02 16 users IrfanView 画像ビューワー 寝モバ パネル タブレット

ニュース タブレットでの寝モバが捗る！タブレット用モードが追加された「IrfanView」v4.41 ツールバー・メニューバーがコンパクトなパネルにまとまり画像の表示領域が拡大 （2015/12/2 17:17） 「IrfanView」v4.41 定番の画像ビューワー「IrfanView」の最新版v4.41が、11月29日に公開された。最新版ではタブレットでより快適に画像を閲覧するための“tabl... 続きを読む

タグによるフィルタリング機能を実装できるjQueryプラグイン*ホームページを作る人のネタ帳

2015/10/17 70 users jQueryプラグイン フィルタ フィルタリング機能 ネタ帳

タグによるフィルタリング機能を実装できるjQueryプラグイン 2015/10/17 ツイート スポンサーリンク なっかなか熱いプラグインがあったのでご紹介。 いわゆるフィルタリングプラグインの一つですが、面倒な事を考えずに手軽にフィルタリング出来るのがポイント。 タグと表示領域のフィルタが連結している 動作は以下の様な感じです。 ダウンロードは以下から Tagsort jQuery Plugin... 続きを読む

Windows 10ミニTips (14) タスクバーの気になるボタンをカスタマイズ | マイナビニュース

2015/09/11 19 users タスクバー タブレットモード カスタマイズ マイナビニュース

「Windows 10ミニTips」は各回の作成時点で最新のWindows 10環境を使用しています。 デスクトップ環境を核としたWindows 10において、タスクバーは重要な存在だ。タブレットモードでもタスクバーは残り、設定でボタン表示の有無を切り替えるように、Windows 10を使う上で避けて通れない。しかし、環境によっては表示領域が狭まり、使いにくさを感じる場合もあるだろう。そこで今回は... 続きを読む

「Yahoo! JAPAN」スマホ版トップページが5月刷新へ--ネイティブ広告を導入 - CNET Japan

2015/04/01 24 users Japan Yahoo ネイティブ広告 CNET Japan

ヤフーはスマートフォン版「Yahoo! JAPAN」トップページを5月20日に刷新する。タイムライン型のデザインを採用し、コンテンツの表示領域を縦に活用することでユーザーが取得できる情報量を増やす。表示するコンテンツや広告も変更する。リニューアルに先駆け、4月1日、トップページ上部のバナーから手動で新トップページに切り替えられるようにした。 これまではテキストを主体にし、PC版トップページで提供し... 続きを読む

アプリで利用する画像について - クックパッド開発者ブログ

2015/03/04 93 users クックパッド開発者ブログ アプリ 画像 Tofu サムネイル

2015-03-04 アプリで利用する画像について ユーザーファースト室のhidaka（@kaa）です。 クックパッドアプリ内では元々同じレシピの画像を画面、環境によって様々なサイズで表示しています。 レシピの検索結果でのサムネイルや、レシピ詳細画面、写真の拡大表示時などなど。 その際、端末の解像度にあわせ無駄のないよう、表示領域にあわせて画像をリクエストしていました。 *画像配信にはtofuとい... 続きを読む

アプリUI/UXデザイナー必見！「ハンバーガーボタン」ナビゲーションを使うとユーザーエンゲージメントが半減することが発覚 | gori.me（ゴリミー）

2014/07/21 363 users ゴリミー ユーザーエンゲージメント ナビゲーション 発覚

アプリUI/UXデザイナー必見！「ハンバーガーボタン」ナビゲーションを使うとユーザーエンゲージメントが半減することが発覚 あなたが作っているナビゲーションボタンは今流行りの「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」を採用しているだろうか。それとも一覧で表示している「タブボタン」を採用しているだろうか。 クリーンでシンプル、メインコンテンツの表示領域が最も広く確保できるなどいいこと... 続きを読む

シャープ、丸い液晶も実現できるディスプレイ技術を開発 - PC Watch

2014/06/18 38 users IGZO技術 シャープ ディスプレイ ディスプレイ技術 形状

ニュース シャープ、丸い液晶も実現できるディスプレイ技術を開発 （2014/6/18 14:11） 「フリーフォームディスプレイ」 6月18日 発表 シャープ株式会社は18日、四角形以外の形状を取ることができる「フリーフォームディスプレイ」を開発したと発表した。 従来のディスプレイは、表示領域の外周部に、駆動用回路を配置する一定の額縁幅が必要なため、四角形状が一般的だった。シャープは、IGZO技術... 続きを読む

ウェブページの原寸大キャプチャと編集ができるiOSアプリ「Page Capture」 - CNET Japan

2014/01/09 15 users ウェブページ iOSアプリ iPhone 編集 トリミング

「Page Capture」は、iPhoneで表示中のウェブページを1枚の画像として保存できるアプリだ。原寸大のスクロールショットに対応するほか、簡易な編集機能を備えており、アプリ内でトリミングなどの加工が行えるのが強みだ。 アプリを起動するとGoogleのトップページが表示されるので、検索してキャプチャしたいページを表示させたのち、画面下部のカメラマークをタップする。表示領域だけをキャプチャする... 続きを読む

IGZOパネルを搭載したデルの32インチ4Kモニタ「UP3214Q」実機レビュー - GIGAZINE

2013/12/12 38 users GIGAZINE IGZO IGZOパネル デル 液晶モニタ

デルの液晶モニタとしてはハイエンドモデルとなる「UP3214Q」は、表示パネルにIGZOを採用して豊かな色彩と3840×2160ピクセルという広大な表示領域を備えています。そんなUP3214Qを借りることができたので、その実力に触れてみました。 Dell デジタルハイエンド32モニタ- UP3214Q 31.5 インチ（PremierColor搭載） http://accessories.apj.... 続きを読む

iOS 7：Safariのアンダーバーを表示させる3つの方法 | Linkman

2013/10/12 9 users 利点 具合 仕様 Linkman Safari

iOS 7になってちょっと戸惑ったのがSafariアンダーバー。ブラウジングしていると「あれ？アンダーバーが無くなる！？」という具合に。もちろん表示領域を広く使えるという利点から、こういう仕様になったと思うのですが、さすがにちょっと戸惑いましたね。 さて、今回はそんなアンダーバーを表示させる3つの方法を紹介したいと思います。 続きを読む

ペラペラで折り曲げ自在な上に2枚重ねて画面コピーもできる「PaperTab」 - GIGAZINE

2013/01/11 41 users GIGAZINE YouTube シームレス 近未来 片方

電子ペーパー端末として見てもぺらぺらに薄く、多少の折り曲げは問題なし、2枚重ねれば片方で見ているものをもう片方にコピーできたり、隣に並べて表示領域をシームレスに拡張したりできるというタブレット(電子ペーパータブレット)が「PaperTab」です。クイーンズ大学ヒューマンメディアラボが開発したもので、YouTubeに実際の使用例ムービーがアップされていますが、また一つ“近未来”の技術が現実になったよ... 続きを読む

[CSS]レスポンシブ用に画像を縮小するだけではなく、クロップにも対応させるテクニック | コリス

2012/12/05 149 users レスポンシブ コリス クロップ 実装 CSS

デスクトップでは通常のサイズ、タブレットでは縮小サイズ、スマフォではクロップして画像を表示させるスタイルシートのテクニックを紹介します。 Focal Point: Intelligent Cropping of Responsive Images デモ 実装 デモ デモは表示サイズで、画像のサイズや表示領域が変化します。 デモページ：幅1,200pxで表示 レスポンシブの対応は2種類用意されており... 続きを読む

Adblock PlusがAndroid版Firefox14に対応！自作フィルタを自作してページを最大限に軽量化しよう | あんどろいどスマート

2012/07/02 14 users あんどろいどスマート Adblock Plus And 部分

Firefoxでは、「Adblock Plus」という拡張機能を導入することで、ページ上の不要なコンテンツを削除して、ページの読み込み時間を短縮したり、有用な部分の表示領域を広げられる。Android版Firefox用のAdblock Plusは、Firefoxがバージョン14で大きく内部構造を変えたことで一時的に利用できなくなってしまっていたが、バージョン2.1で再び対応したぞ。 しかし、And... 続きを読む

次期iPhoneの液晶は縦長だが、対角線の長さは10.33cmで表示領域は約4インチ？ － MACお宝鑑定団 blog（羅針盤）

2012/05/31 11 users 対角線 次期iPhone 羅針盤 横幅 縦横比

9to5Macが掲載した次期iPhone用とされるフロントガラスパネルと筐体画像のうち、同じ物と推測されるフロントガラスパネルをチェックしてみました。 iPhone 4Sに重ねて見ると、やはり横幅は変わらないようで、縦に長くなるようです。 縦横比は変わるものの、対角線の長さは10.33cmで、液晶の場合は画面端領域を省き、表示領域だけの長さを測るため、実際はもう少し短くなりますが、それでも約４イン... 続きを読む

Flashでリキッドレイアウトを実装する （Liquid Flash Layout） - youmos

2007/06/14 190 users リキッドレイアウト Object youmos Flash

Flashコンテンツを作成する際、ウインドウ幅などにあわせて表示領域を広げるように作成する方法がtutorio.comで解説されている。単純にFlashの<object>タグのみ100％など指定すると、Flashそのものが拡大表示されてしまう。 リキッドレイアウトに対応するにはActionScript中で別途処理を記述する必要がある。onResizeイベントが呼ばれる度に、ムービークリップの位置を... 続きを読む

Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。

2006/08/03 227 users ブラウザ Firefox Opera サイズ プロパティ

ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記)調査したのは、下記のプロパティです。window.innerWidthwindow.innerHeightd... 続きを読む