この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき

日本語のフリーフォントを好きな言葉・文章で試せるサイト

はじめに TVCM、YouTubeなどのWebムービーやイベント用の動画など映像による広告が増えてきています。 しかし、「映像コンテンツってコストがかかるんじゃないの？」「どこに依頼すればいいの？」など疑問に思っている人も多いと思います。 そこで今回は自分で動画制作できるサービスから動画制作代行サービスまでをまとめてみました。

Flat Color 使い方は、簡単です。 Step 1: 外部ファイル 外部ファイルにjquery.jsを使用している場合は、下記の外部スクリプトを加えます。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/jquery-webicon.min.js"></script> AngularJSバージョンも用意されています。 <script type="text/javascript" src="//cdn.rawgit.com/icons8/bower-webicon/v0.10.7/angular-webicon.min.js"></script> Step 2: HTML あとは、使用するアイコンのコードを書くだけです。 アイコンをクリックするとコードが表示されるので、そ

「Coverr」はウェブサイトの背景動画が無料でダウンロードできるサイトです。最近背景に動画を流すサイトが増えていますね。そこで使えそうな動画が配布されています。しかもCC0ライセンスで利用できますよ。 以下に使ってみた様子を載せておきます。まずCoverrへアクセスしましょう。早速Coverrのサイトの背景に動画が使われていますね。 このように短編動画が一覧で表示されます。クリックすると動画を視聴できますよ。毎週月曜日に7つの新しい動画が追加されるそうです。カテゴリ別に絞り込むこともできるので、目的の動画を楽に探せそうですね。 動画をダウンロード後、コードを埋め込むとあなたのサイトの背景に動画を入れることもできますよ。ぜひサイトの背景に動画を使いたい際にご活用ください。 Coverr （カメきち）

和風デザインWebサイトの制作ポイントや素材を実例とともにまとめました今月はじめに初めて箱根旅行で洗練された美しい温泉宿に宿泊して以来、「和」な雰囲気やデザインの素晴らしさに魅了されたManaです。伝統的な配色や配置、書体等、見ていて飽きの来ない魅力がありますよね！和風デザインには大きく分けて4つの特徴があります。それぞれの特徴を理解し、うまくデザインに反映していきましょう！ 1. 配色「和風デザイン」と聞いて思いつくのはどんな色でしょうか？おそらくビビッドなピンクや透き通るような水色ではなく、わさびやからし、えんじのような、少しくすんだ色合いを思いつく人が多いかと思います。日本には伝統的な色や配色というものが存在し、それらを上手に使うことでグッと和の雰囲気漂うデザインに近づきます。 伝統色日本の伝統色 和色大辞典では日本の伝統色をカラーコードとともに紹介しています。全体的に彩度の低い色が

注：今回の記事は初心者向け、Web制作を効率化＆スピードアップしてくれる「便利なHTML／CSSフレームワーク」の紹介です。 CSSフレームワークとは？ 2021年のおすすめCSSフレームワーク7個 CSSフレームワークの選び方 上の3点をお伝えしていきます。 それなのに、なぜ、カレーの画像で始まるの？ その理由は、「CSSフレームワークって何？」を知ると理解できます。 著者情報：この記事を書いた人 ウェブさえ web業界14年目。フリーランスwebデザイナーとして活動後、法人化。今でも年間100件以上のウェブサイトの企画・制作に関わっています。 ウェブさえにできること【お仕事のご相談＞サービスメニュー】 Follow @websae2012 CSSフレームワークって何？ CSSフレームワークは、言い方を変えれば「カレーのルー」と例えられます。 ある女は言った 女は言葉を続ける。 「本当に

「Google Maps StreetView Player」はGoogleマップのストリートビューをGIFアニメ化できるサービスです。ストリートビューで出発点と終点を指定すると、そこまでのストリートビューをGIFアニメ化してくれます。 以下に使ってみた様子を載せておきます。まずGoogle Maps StreetView Playerへアクセスしましょう。 出発点を「渋谷」、終点を「新宿」に指定しました。 すると、渋谷から新宿までのルートが示され、そのルートをストリートビューで再生してくれます。「Download」ボタンから、GIFアニメ化されたストリートビューがダウンロードできます。 画像としてスマートフォンなどに保存しておくと、あとからインターネットが繋がらない環境でも確認できるので便利かもしれませんね。ぜひご活用ください。 Google Maps StreetView Player