MacやiPhoneのスクショはめ込み画像を作る
そうそう、こんな画像ってたまに必要なときがありますよね!笑
これ、わざわざ画像を合わせて加工しないといけないのかな?と思ってたんですけど、めちゃくちゃ簡単にできるんですね!
私はこちらのツールにお世話になりました。
日本語化してくれていて分かりやすいです!
iPhone Screenshot Maker
ページ内で、Mac(デスクトップやノートも選べる)、iPhoneなどのフレームを選んで、はめ込みたい画像をアップロードするだけ!
画像は2MB以下なので、エラーになったときはサイズをチェック。
Waitingのまま動かないときは、ページを更新したらいけました!
こんな記事も書きました!
-
-
CSSでテーブル使わずに簡単レスポンシブ!下線だけ引いて横並びデザイン
こういった感じの、シンプルな2カラムの表を作成したいなーと思いました。 デザインは、下...
-
-
ローディング・読み込み中の画像を簡単に作成できるツール
ページを読み込みする時などに使う「ローディング画像」は ジェネレーターで簡単に作成することができま...
-
-
WordPressをカスタマイズする前に子テーマを作っておく
子テーマについての前置き WordPressはほとんどの方が既存のテーマから お好みのものを選ん...
-
-
商用サイトで使えるフリー素材サイトまとめ
アイコンや壁紙を設定したりアイキャッチ画像を用意したり・・・ と、WEBサイトを作る時に欠かせない...
-
-
無料で簡単にロゴを作れるツール「LOGASTER」が斬新!
Webサイトを作るときって、ただのテキストタイトルを表示するよりも独自のロゴがあれば締まるのにな~っ...
-
-
ページ遷移時のフェード効果を実装するjQuery
リンクをクリックした時にページが滑らか~にフェードしながら遷移する方法です。 今回新たに作成し...
-
-
コピペで使える固定ソーシャルボタンBOX
WordPressでスクロール時も固定表示されるソーシャルボタンを 簡単に設置するためのテンプレー...
-
-
コピペで使えるCSSデザイン枠テンプレート
どシンプルなものからちょっと凝ったものまで、 CSSでスタイリングしたデザイン枠のテンプレートです...
-
-
CSSでヘッダーの真ん中に吹き出しっぽい三角をつけてみた
アメブロからWordPressへと個人ブログを移すにあたって「どんなデザインでサイトを作ろうかなー」...
-
-
WordPressでCSSの反映を確認しながら編集する方法
CSS編集方法についての前置き 「管理画面」→「外観」→「テーマ編集」→「スタイルシート」から ...