The easiest way to wrap screenshots in browser frames. Supports multiple browsers, operating systems, and themes. Padding (px)Background Color (Hex)Shadow AmountShadow Color (Hex)Screen Color (Hex)Screen WidthScreen HeightScreen ScalePreview Scale
![BrowserFrame | Wrap screenshots in browser frames](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f69467979c3142d225642446a39110e4679b428/height=288;version=1;width=512/https%3A%2F%2Fbrowserframe.com%2Fimages%2Fshare.png)
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。 そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。 textFitの使い方 利用例です。徐々にサイズが変わって、最終的に枠いっぱいに表示されているのが分かります。 文字のスペース、行の高さ、フォントなどもカスタマイズできます。 textFitを使うことで、枠の大きさに合わせた最大サイズの表示を簡単に実現できます。textFitは分かりやすいように段階的になっていますが、通常使う限りは一瞬で調整されるでしょう。ウィン
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました iOSでスクリーンショットを撮ると、デバイスの枠がないので若干寂しいです。雰囲気を把握するためには、やはりデバイスの枠があったほうが分かりやすいでしょう。Xcodeをインストールしてシミュレータがあったとしても任意の画像に枠が追加できる訳ではありません。 そこで使ってみたいのがdeviceframeです。ごく簡単に、好きなデバイスの枠が追加できます。 deviceframeの使い方 deviceframeは画像を引数に渡すだけで使えます。 その際、デバイスをインタラクティブに指定できます。これは複数指定できます。 $ dframe IMG_3328.PNG ? Add the frames you want to use (ESC to complete) (Use arrow k
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く