無料キャプチャソフト「Webrecorder」はブラウザで閲覧した内容を「そっくりそのまま」キャプチャ可能
気になるウェブサイトをPocketやInstapaperといった「後で読む」サービスに保存したり、削除されてしまったウェブサイトをインターネットアーカイブで閲覧したりしたことがある人は少なくないはず。無料のオープンソースサービス「Webrecorder」を使うと、閲覧したウェブサイトのコンテンツをそのままキャプチャし、後で閲覧することができます。 Webrecorder | Homepage https://webrecorder.io/ Release Webrecorder Desktop 2.0.1 · webrecorder/webrecorder-desktop · GitHub https://github.com/webrecorder/webrecorder-desktop/releases/tag/v2.0.1 Webrecorderにはクラウド版とデスクトップ版がありま
レスポンシブに対応したWebページをさまざまなデバイスのサイズで表示を同時確認できる無料ツール -everysize
Webページをさまざまなデバイスのサイズで表示を同時確認できるブラウザベースのオンラインツールを紹介します。 完全無料で利用でき、登録など面倒なことは一切不要です。 everysize everysizeの特徴 everysizeの使い方 everysizeの特徴 everysizeは、レスポンシブに対応したWebページの表示確認をできるオンラインツールです。さまざまなデバイスのサイズで同時に確認でき、拡大縮小、レイアウト変更にも対応しています。 ブラウザベースのオンラインツールなので、OSを問わず利用できます。 Chrome, Safari, Edgeは問題なし、IE11はダメでした。
Webフォント・サービス FONTPLUS ｜ ためし書き
お使いのブラウザではご覧いただけません お手数ですが、最新の対応ブラウザ（Chrome／Edge／Firefox／Safari）にて再度ご覧ください。
レスポンシブレイアウトを手軽に検証できる無料デザインツール8選まとめ
最近のウェブデザインでは、あらゆる画面サイズに対応するレスポンシブレイアウトが必須となっています。デスクトップでは問題ないように見えても、モバイル端末から閲覧するとユーザビリティの問題点が見つかることもしばしば。 今回は、無料なのはもちろん操作に迷わず手軽にレスポンシブデザインを検証できるオンラインツールをまとめてご紹介します。多くのツールで、画面サイズごとにまとめてレイアウトを確認できるなど、ウェブ制作が捗るものばかりです。 詳細は以下から。 レスポンシブレイアウトを手軽に検証できる無料デザインツールまとめ XRespond お好みの画面サイズを設定し、ウェブサイトのURLを入力するだけで、まとめてレイアウトを確認できるオンラインツール。ドロップダウンから特定の端末サイズを指定することもでき、幅広いセレクションが揃います。 Responsinator 上記ツールに似たものとして、Resp
レスポンシブの確認ツール、後発だけに便利！スマホ・タブレットの主要なデバイスでの表示確認が同時にできる -Sizzy
iPhone, iPad, Nexus, Galaxyなど、主要なスマホ・タブレットの表示確認が同時にできる、レスポンシブ用の確認ツールを紹介します。 最近リリースされたばかりで、現在の対応デバイスにあった便利なツールです。 Sizzy Sizzy -GitHub Sizzyの特徴 Sizzyの使い方 Sizzyの特徴 Sizzyはオンラインツールとして利用でき、Chromeの機能拡張にも対応しています。動作は非常に軽快で、スマホ・タブレットの複数のデバイスで同時に確認ができます。 Sizzyの動作デモ 現在用意されているデバイスは、8種類。 iPhone 4: 320x480 iPhone 5: 320x568 iPhone 6: 375x667 iPhone 7 Plus: 414x736 iPad Air: 768x1024 Nexus 6P: 411x731 Galaxy S4:
スマホ・タブレットをはじめ、27インチの大モニタまで！ページの見え方をさくっと確認できるレスポンシブ用の便利ツール -Responsive View
スマホ・タブレットの縦向き・横向き、ノートブック・デスクトップなど、さまざまなデバイスでのページの見え方をさくっと確認できる便利なオンラインサービスを紹介します。 デバイスごとのモックアップにも使えるレベルですよ！ Responsive View 使い方は簡単、登録など面倒なことも一切不要です。 ページにアクセスし、「Enter your URL」に表示したいページのURLを入力します。 ※「https://」には対応していません（2016年2月現在）。
スクリーンショットにコメントをつけてシェアできるツール
2017年11月23日 便利ツール Webサイトに修正指示を出す時、どんなツールで、どのようにシェアしていますか？該当ページのスクリーンショットを撮影し、その画像に指示を入れていく…という方が多いかな、と思います。今回はWebサイトの制作者のみならず、制作者に指示をだす人や、クライアント側も使える、修正指示がグンと楽になりそうなツールをいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ AUN[あうん] AUN[あうん]はふせん紙の感覚でWebサイトや画像にコメントを残し、共有できるツールです。登録不要！無料で気軽に利用できるところが魅力的。対象となるWebサイトのURLを入力するだけでスクリーンショットを撮影でき、指示やコメントを残していけますよ。さっそく試してみましょう。 サイトからURLを入力し、読み込みが終わると、画面をトリミングするかどうかの選択画面が表示されます。読
SMPRO
SMPRO user’s works #Apple #AppleWatch #AppleWatchUltra #watchOS #watchOS9 #watchOS10 #Music Apple in watchOS10 introduces a new Music player which do you prefer between watchOS 9 and watchOS 10? pic.twitter.com/OZQtiMX4kH — AR7 (@AR72014) June 11, 2023 iPhone and Android users, what is the last song you listened to? 🎧 pic.twitter.com/KrjS8epCwj — Joe (@RealJoseph123) April 20, 2023 We're thrilled
UIデザインが捗る！Prottでスマホサイトのプロトタイプを作成しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。LIGでデザイナーをしています、マチルダです。 最近、前職でお世話になったデザイナーの先輩から「アラサーは品が命」という格言をいただいたので、全体的に生き方を見直そうと思っています。 今後とも末永くよろしくお願いいたします。 数年前から、スマートフォンサイト制作のお仕事が多くなりました。 そんなこんなで、「スマートフォンでの使いやすさ」とはなんぞや？を考える日々を送っているのですが、使いやすさって、実際に使ってみないとわからない…でも、自分で実装する技術も時間もない…！ 今回はそんなデザイナーさんでも簡単で素早くプロトタイプを作成できるツール「Prott（プロット）」の使い方をご紹介したいと思います。 ※今回は分かりやすいよう、LIGのスマートフォンサイトをサンプルにして作成手順をご説明いたします。 「Prott（プロット）」とは？ Prott（プロット）はUIデザインで有名
無料でインストール＆ログイン不要で使えるPC画面共有ツール「sgSCREEN」
世の中には便利なソフトウェアがたくさん存在しますが、その多くは使用するまでにインストールやログインの作業が必要になってきます。最近はアカウントを作成する代わりに各種SNSアカウントでログインさせようとするサービスも少なくありませんが、それらを使う度に自分のSNSアカウントで無駄な投稿が行われたりして釈然としなかったりします。こういった面倒な作業なしで即使用可能になるのが「sgSCREEN」で、ソフトウェアをインストールしたり使用する度にログインしたりする必要は一切なく、複数台のPC画面を共有することが可能です。 sgSCREEN : Simple screen sharing https://screen.sonicgarden.jp/ 実際にsgSCREENを使ってPC画面を共有すると以下のようになります。 「sgSCREEN」を使ってPC画面を共有するとこんな感じ - YouTube
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでブレイクポイントを定義する時の一般的なスクリーンサイズやデバイスの状況を確認できる -Screen Size Map
インストール不要、ブラウザのみでスクリーンキャストを撮影できるWebアプリ・「RecordScreen.io」
1クリックで簡単！さまざまなデバイスのサイズで表示したスクリーンショットを撮影する無料オンラインサービス
dimmy.club
Sizzy — The browser for web developers
Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス
スマホ・タブレットのさまざまなデバイスの表示チェックに対応！レスポンシブの確認ができる無料オンラインツール -.resizr
snap tomato
IDEA * IDEA
