無料でインストール＆ログイン不要で使えるPC画面共有ツール「sgSCREEN」
世の中には便利なソフトウェアがたくさん存在しますが、その多くは使用するまでにインストールやログインの作業が必要になってきます。最近はアカウントを作成する代わりに各種SNSアカウントでログインさせようとするサービスも少なくありませんが、それらを使う度に自分のSNSアカウントで無駄な投稿が行われたりして釈然としなかったりします。こういった面倒な作業なしで即使用可能になるのが「sgSCREEN」で、ソフトウェアをインストールしたり使用する度にログインしたりする必要は一切なく、複数台のPC画面を共有することが可能です。 sgSCREEN : Simple screen sharing https://screen.sonicgarden.jp/ 実際にsgSCREENを使ってPC画面を共有すると以下のようになります。 「sgSCREEN」を使ってPC画面を共有するとこんな感じ - YouTube
[JS]ユーザーがどのようにスクロールしてページを見ているかGoogle Analyticsで解析できるスクリプト -Scroll Depth
ユーザーがページを見た際に、どのくらいスクロールされているのか、また指定した要素がスクロールされて表示されるまでにどのくらいかかるのか、といったデータをGoogle Analytics上で解析できるようにするjQueryのプラグインを紹介します。 実装は簡単、ほんの数行ページに加えるだけです。 Scroll Depth Scroll Depth -GitHub Scroll Depthのデモ Scroll Depthの使い方 Scroll Depthのデモ Scroll Depthは、Universal Analytics, Classic Google Analyticsに対応しており、Google Tag Managerもサポートしています。 対応ブラウザは、Chrome, Safari, Firefox, Opera, IE7-10で、スマフォもiOS, Mobile Opera,
Theme-Check - WordPressプラグイン - テーマをチェック - WordPressの使い方と設定 - Webkaru
WordPressでテーマが適切に作成されているかをチェックするプラグイン「Theme-Check」を紹介します。 準備：デバックモードを有効に 「Thema-Check」を利用するにはデバックモードを有効にする必要があります。有効にする方法はこちらを参考にしてください。 WordPressのデバックモードを有効にする方法 WPプラグイン「Theme-Check」 Theme-Check とは プラグイン「Theme-Check」は、テーマをテストし、最新のテーマレビュー基準の仕様に従っていることを簡単に確認することができるプラグインです。このプラグインにより、WordPress.org がテーマの受付時に使用する自動化されたテストツールとまったく同じテストを自分のテーマに対して行うことができます。 まずは、WordPressのメニューから 「プラグイン」→ 「新規追加」→ 「Theme-
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装する
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装することにより、追加されたコンテンツをインデックスに登録させる方法を紹介します。 １．はじめに 「Googleが推奨するSEOに適した無限スクロールの構成方法」で「無限スクロールのページにpushStateを実装する。（ことを推奨）」とあります。 同じページにサンプルへのリンクが掲載されていますが、自前の実装らしく、汎用的に使えるようなサンプルが紹介されているサイトはひとつもみつかりませんでした。 ということで、配布されているjQueryプラグインを組み合わせて、SEO対策つきの無限スクロールを実装してみたいと思います。 利用するjQueryプラグインはタイトルのとおり、jQuery.pjaxとjQuery.bottomの2つです。 defunkt / jquery-pjax jimyi / jq
Windows8.1にAndroid SDKをインストールする方法：本命インストール編
姫（長女）・王子（長男）が大好き＆ガジェット好きの30代オヤジが、"Kingpapa"になるまでの長い道を歩き続けるブログ どうも皆様、ぎんときパパです。 前回、Windows8.1 Pro PreviewにしたPCにJDKをインストールしたところを書きましたが、今回はいよいよ本命のAndroid SDKをインストールする方法です。 ・Android SDKインストールに必要なもの JDKをインストールしたWindows8.1（8）のPCSDKをインストールするためのzipファイル根気 ・AndroidSDKをインストールするためのzipファイルをダウンロード 1.まずは、Android SDKをダウンロードするためAndroid Developerにアクセスします →http://developer.android.com/sdk/index.html 2.アクセスしたら、右側にある「D
無料でブラウザ画面と操作の様子をスマホや他のPCで表示できる「Surfly」
ウェブページには1つのページの中にホームボタンや複数のリンク、メール、各種SNSボタンなどさまざまなアイコンや文字列がひしめき合っており、ネットサーフィンに慣れていない人にはサイトから目的のページを見つけるのは難しいもので、慣れていても何がどこにあるのか分からなくなることもあります。そんな時に使えそうなのが自分のブラウザ画面をそのまま相手に見せることのできる「Surfly」です。URLを教えるだけで自分のブラウザ画面を複数人と共有でき、誰かのブラウザ画面を見せてもらうだけならばユーザー登録を行う必要もありません。 Surfly - Surf together on the web http://www.surfly.com/ Surflyを使うとどんなことができるのかは以下のムービーを見ればわかります。 ◆ユーザー登録 Surflyのトップページにある「start a session」をク
ExcelでVBAの編集画面を開く方法
ExcelでVBAの編集画面を開く方法を紹介します。 １．はじめに 仕事で急遽VBAを書かないといけなくなったのですが、そもそもExce上でVBAをどうやって書き始めればよいのかすら分かりませんでした。 調べたところ、ExcelでVBAを編集するには「Visual Basicエディタ（VBE）」を立ち上げるようです。 Visual Basicエディタ（クリックで拡大） Visual BasicエディタはVBAの統合開発環境で、プログラムを編集するためのエディタ機能や、ソースコードのコンパイルや実行、デバグなどが行えます。 ということで、ここではExcel2010の画面からVisual Basicエディタを開く方法を説明します。 ２．ショートカットで起動・終了する Excelの画面上でAlt+F11キーを押下すれば、冒頭に示したVisual Basicエディタが起動します。 ちなみに、開いた
» スマホでスクロールを禁止させる方法 | negic
軽めのjQuery Advent Calendar 2012の24日目の記事です！ PCサイトでスクロールを禁止させるには、bodyにoverflow: hidden;をかければスクロールができなくなるが、スマホサイトでは、一部Android端末では効くが、iOSではスクロールができてしまいます。 スマホでスクロールを止めるには、jQueryを使うと便利です。 スマホの独自イベントである、touchmoveイベントを切ればスクロールを止めることができます。 方法は下記のとおりです。 $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); あるタイミングでスクロールさせたくなったら、off()すればいい。 $(window).off('.noScroll'); イベント名に、.noScrollとあるが、
次世代Android端末の画面サイズを見据えたスマホサイトデザインとブラウザのファーストビュー表示領域 « console.log :) | Don't forget trace :)
今回は、現行のiPhoneと現時点での最新Android端末のスペックから、 最適なスマホ向けサイトのデザインサイズを考察します。 スマートフォン向けサイトをデザインする際にデザイナーがまず確認するのが、 想定の画面サイズとファーストビュー領域ではないかと思います。 ※ここでいうデザインには装飾だけではなく、ページ設計の意味も含み、デザイナーにはページの設計者の意味も含みます。 現状は、やはりまだ「iPhoneの画面サイズ」をスタンダードとする人が多いでしょう。 しかし、世界的に見てもAndroidの勢いが強く、さらにハイスペックな端末もドンドン発表されています。 今後発表される次世代の「Android端末の画面サイズ」がデザインのスタンダードになる日も遠くないかもしれません。 本記事の結論をいきなり書きますと ・現状のAndroid端末を基準にする際の想定ファーストビューサイズ
スマフォアプリの操作が気持ちいいエフェクトがたくさん！タップ操作時のエフェクトのまとめ -Tapotype
Tapotype 掲載されている各エフェクトはタップやクリック操作で、実際にアニメーションで動作します。 サイト閲覧には、Safariをオススメします。 各エフェクトはカテゴリ別にまとめられており、それぞれ詳細ページも用意されています。
Froont – responsive web design tool
Design in the browser Design by modifying hundreds of ready made designs or start from scratch. Prepare your assets in Photoshop or Sketch and move them online right away. All you need is a web browser. Deliver faster Publish responsive pages with your own domain name or export your work to host it yourself. FROONT is great for decision making, prototyping and publishing single page websites. A vi
なぜEtsyでは無限スクロールは失敗したのか
「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事：6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec
「パス」を定義して、スクロールに応じて曲線を描くようなアニメーションを実装出来るjQueryプラグイン・Scroll Path
過去に何度か出ている、スクロールに応じて 要素がユニークな動きをするプレゼンを実装 出来るjQueryプラグイン。今日のプラグイン は、Photoshopやイラレなんかでお馴染みの ペンツールによるパスを定義できる、という もので、滑らかな曲線を描いて動作してくれ ます。 タイトル意味分かりませんねｗちょっと説明がしにくいのでデモ見ていただきたいんですが、ペンツール等で描くパスのような曲線を定義できる、というもので、スクロールすると、設定したパスに沿って動いてくれます。 以下デモです。Webkit系推奨。 Sample 設定したパスの確認 右下に確認用のオンオフの切り替えボタンが付いていますのでこれでパスの確認が出来ます。 パスを設定する為のコードスクロールの軌道となるパスの設定は以下のようにします。 path.moveTo(400, 50, {name: "start"});moveTo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シンプルで使いやすいレスポンシブWebデザインの確認ツール・Dimensions
Android, iOS, Windowsの各デバイスが揃っているデザイン用のPSD素材 -Mobile Design Kit
Demonstrating Responsive Design
Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成
Am I Responsive?
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
IDEA * IDEA