レスポンシブの確認がこれで快適に！複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App | コリス

2020/06/24 435 users コリス レスポンシブ 本命 デバイス Windows

レスポンシブの確認ツールやサービスをいろいろ紹介してきましたが、ついに本命とも言える無料ツールの登場です！ Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。 無料とは思えないほど... 続きを読む

イラスト作成もOK！ベクター素材を無料ダウンロードできるWebサイト厳選22個まとめ - PhotoshopVIP

2019/02/28 251 users クオリティ グラフィックデザイン パーツ イラスト シーン

無料で利用できるベクター素材は、制作時間のかかりそうなイラストやパーツなどを手軽に利用できる、グラフィックデザインでも重宝するアイテムです。 今回は、さまざまなシーンで利用可能な、高品質なベクター素材を無料ダウンロードできるサイト22個を国内、海外編に分けてご紹介します。 ベクター素材のクオリティが... 続きを読む

CSSの作業をもっと楽に！無料で使える便利なWebツール40選 - PhotoshopVIP

2018/06/27 131 users レスポンシブ PhotoshopVIP アニメーション 節約

CSSを使って作業をいているときに活用したい、無料で使えるオンラインツールをまとめてご紹介します。これらのツールは、制作時間を節約、短縮できるだけでなく、CSSのちょっとややこしい問題の解決ツールを想定し作成されています。 CSSをベースとしたアニメーション、レスポンシブに対応したナビメニュー作成ツール、... 続きを読む

けものフレンズのタイトルロゴをCSSだけで作ったのー？すっごーい！！ | KuzLog - クズログ

2017/02/20 100 users position CSS けものフレンズ フレンズ わけ

あかまる( @Kuzlog )はPureCSSでワケの分からないものを作るのが大好きなフレンズなので、けものフレンズのタイトルロゴをCSSのみで作ってみました。 ちなみに制作時間は約6時間！貴重な休日が潰れちゃったね！ しにたーい！ 参考にしたのは けもフレ公式サイト のこれ↓ この画像を参考にしながら position で無理矢理レイアウトを組み立てました。見ての通り、「の」と「ズ」の部分は 鬼... 続きを読む

コピー＆ペーストで使える！実践的なBootstrapスニペット12個まとめ - PhotoshopVIP

2015/06/09 368 users 短縮 PhotoshopVIP 著者 案件 日本語抄

海外デザインブログTutorialzineで公開された「12 Time-Saving Bootstrap Examples」の著者より許可をもらい日本語抄訳しています。 人気のHTMLフレームワークBootstrapを使った案件に便利な、コピー＆ペーストで使うことができるコードスニペット12個をまとめてご紹介します。実践的なウェブサイト案件で活用することができ、制作時間の短縮にもつながるコードを集... 続きを読む

タスク自動化ツール「gulp」 を使って制作時間を短縮しよう | Webクリエイターボックス

2014/12/24 371 users Sass Gulp コンパイル CSS タスクランナー

みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassの... 続きを読む

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 | DesignDevelop

2012/05/18 344 users DesignDevelop Illustrato パーツ

Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustrato... 続きを読む

Photoshop Vip » 煙と炎を本物そっくりに表現するPhotoshop用無料ブラシ19セットまとめ

2010/07/05 472 users Photoshop Vip Photoshop 本物 質感

デザインに本物そっくりな煙や炎を使いたいと考えたことありませんか。 Photoshopで加工することでリアルな質感を表現することはできますが、制作時間もかかってしまいます。 そんなときはPhotoshop用ブラシを利用してみてはいかがでしょう。 海外デザインブログcruzineで、煙や炎を再現することができるPhotoshop用無料ブラシセットを19個まとめたエントリー「Photoshop Bru... 続きを読む