)
Screenshot.Rocks - スクリーンショットを使ってWebブラウザのモックアップを作成 MOONGIFT
スクリーンショットをそのまま貼り付けるだけでは芸がありません。そこには余計な情報も入ってしまっているかも知れませんし、アイコンなどを消したいと思うこともあります。 そんな時に使ってみたいのがScreenshot.Rocksです。Webブラウザのモックアップを使ったスクリーンショットを作成します。 Screenshot.Rocksの使い方 適当な画像をアップロードすると、Webブラウザっぽい枠を表示します。 上に載せる情報は自由にカスタマイズできます。 さらに背景色を変更しました。 できあがった画像はダウンロードできます。 Screenshot.Rocksを使えばPhotoshopなどで作ったWebサイトのデザインをモックアップのWebブラウザ枠で囲めます。自分のWebブラウザでは機能拡張のアイコンや、アドレスバーのURLなど載せたくない情報になっていることもあるでしょう。Screensho
ウェブデザインの勉強に！サイトのトレースを爆速化するツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのみやです。 僕の地元では電車のドアは手で開閉します。襖のように左右に手で開けるのですが、未だにこの癖が残っていてたまに手を持っていかれます。 ところでデザイナーの皆さんは、どのようにウェブデザインを勉強していますか？ 僕は最近、ウェブサイトのトレースを始めました。 トレースとは、実際のウェブサイトをキャプチャしてその上から全く同じサイトを作っていく作業のことになります。 実際に手を動かしながらサイト構造やトンマナを学べるため、非常に効果的な勉強法です！ 今回はこのトレースを効率良くおこなうためのツールをご紹介します。 ウェブサイトの勉強で何をすればいいか分からない方や、なかなか時間が取れない方などにおすすめです！ Google Chrome拡張機能 サイトのキャプチャに便利な『Awesome Screenshot』 https://chrome.google.com
ポートフォリオWebサイトを作ろう！2015年版
2015年11月11日 Webデザイン Webデザイナーやデベロッパーの就職・転職活動で必要なのが、これまで制作した作品をまとめたポートフォリオWebサイト。以前このブログでも「Webデザイナーになりたい！就活に打ち勝つポートフォリオWebサイトの作り方」という記事で作り方なんぞをまとめました。この記事を書いた2010年時点では「ポートフォリオサイトは日本では一般的ではない」なんてコメントされたりもしましたが、5年たった今、もはや必須となっていると思います。そこで改めてポートフォリオサイトについて書いてみます。 ↑私が10年以上利用している会計ソフト！ 「さぁ、ポートフォリオサイトを作ろう！」と思っても、どんな内容のサイトにすればいいか悩みますよね。ここでは実例を見ながら、ポートフォリオサイトに盛り込むべき項目を挙げていきます！ 制作した作品（Webサイト・サービス） ポートフォリオサイト
無料で簡単に透かし入り画像が作れる「画像に透かし画像を設定するやつ」を使ってみました
画像の権利者を示すためによく用いられる「透かし」を、画像や文字を指定して簡単に入力できるサービスが「画像に透かし画像を設定するやつ」です。画像の無断転載に悩まされているサイト管理者にとって、非常に役立つサービスとなっています。 画像に透かし画像を設定するやつ http://watermark.pict-tools.xyz/ 「画像に透かし画像を設定するやつ」はpictBLandが提供する、簡単に画像に透かし画像を付けられるネットサービスです。 画像に透かしを付けるには、上記サイトにアクセスして、まずは透かし画像を付けたい元画像を指定します。「元画像ファイルの指定」にある「参照」をクリックして、元画像ファイルのファイルを選択。 「着る人型の蚊帳『ネッツメン』がどれほど蚊の攻撃を防いでくれるのか試してみた」という記事の以下の画像に透かし画像を入れていきます。 続いて「透かし指定」。透かしは「画
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
Magic Mockups • Free real-life mockup generator
Follow and get notified when new environments are added: Do you like this project? Tell your friends.
無料で簡単に埋め込み可能なグラフが作れる「Chartspree」
ウェブページにグラフを挿入したい場合、専用のソフトでグラフを作成したり、画像を作成したりしなければならないわけですが、これは非常に面倒な作業です。しかし「Chartspree」なら、ページソースに埋め込みコードを加えるだけで簡単にきれいなグラフを挿入でき、月1万ビューまでならば無料で使用可能です。 Chartspree | Make charts in seconds http://www.chartspree.com/ 「Chartspree」のコードを埋め込む際は、イメージタグにグラフごとのコードを貼り付ければOK。 <img src="//(ココにコードを入力)" > Chartspreeで作ることができるグラフは大まかに3種類で、それぞれ「svg?」以下の文字列を自由に変更することができます。 ◆棒グラフ コード：api.chartspree.com/bar.svg?Foo=1,1
無料でなかなかありそうでないスマートなアンケートフォームを簡単に作成＆集計もしてくれる「Typeform」
複数選択やフリー回答、段階評価などさまざまな形式の質問が作成でき、作成したアンケートフォームをサイト上に埋め込んだり、リンクをシェアしたりすることも可能で、さらにアンケート結果の集計までしてくれるのが「Typeform」です。 Typeform | Discover a better way to ask questions online http://www.typeform.com/ Typeformで作成したアンケートフォームがどのような感じになるのかは以下のムービーを見ると分かります。 「Typeform」作成したアンケートに回答するとこんな感じ - YouTube Typeformでアンケートフォームを作成するにはトップページ上の「Sign Up Free」をクリック。 上からユーザーネーム・メールアドレス・パスワード・アンケートのURLに入れる文字を入力して「Signup fo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Threed.io
dimmy.club
ログイン不要で使えるシンプルなフローチャート作成ツール・「draw.io」
Youtubeの動画のスタイルをカスタマイズして任意のWebサイトに埋め込む為のツール・「reEmbed」
https://demo.muknon.com.com/
MockUPhone
Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成