制作事例用にサイトのDesktop/Mobileサイズでスクショを撮る方法 | ddryo
Arkhe公式サイトで使用事例をいくつか公開したんですが、各サイトの様子をデスクトップ風・スマホ風に表示して並べて掲載してみました。 ↑こういう感じ この時に、各サイトのスクリーンショット画像をどうやって撮るか？ってことに少し悩んだので、手順をメモっておきます。 今回のスクショ手順 STEPデベロッパーツールでデスクトップ / モバイル用のレスポンシブサイズを定義 Chromeでのデベロッパーツールを使ってスマホサイズでプレビューしたりするやつありますよね。 あのプレビューサイズ、実は自分で定義できるようにもなっているので、そこでスクショ用サイズを定義しちゃいます。 自分は desktop → 1920 : 1080、mobile → 400 : 720 サイズ で定義しました。 ↓ ↓ 「デバイスのピクセル比」を1にしておくとそのままのサイズでスクショが取れる。 （サイズダウンの処理を後
ChatGPTを手軽に使えるChrome機能拡張3選 有能なアシスタントを雇った気分になれるかも
2月上旬にマイクロソフトがChatGPTを検索用にカスタマイズし、さらに高速で正確に動く対話式のAIをWebブラウザの「Edge」と「新しいBing」に導入すると発表しました。私も、先日やっと順番がまわってきたので、新しいBingを試すことができました。 とりあえず、信ぴょう性含めて判断するには、自分のことを調べるのがいいので、自分の名前で検索してみましたが、サジェストされた候補を4回ほどクリックするだけで、私と私がデザインしたカバンがあること、そして、そのすてきなレビュー動画をあるところまで辿り着きました。 まだまだレスポンスは少し遅いですし、リンク先の情報がマウスオーバーで表示されるまでには少し時間がかかりますが、なんとなく分かっているんだけど思い出せない言葉やその周辺情報、全く知らないジャンルのことをなんとなく把握したいときなどには十分に使えます。 ChatGPTの、ただテキストが並
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
