TOP  >  WEBツール

Tag : WEBツール

2018年06月30日

WebデザインをオンラインでサポートしてくれるCSS作成オンラインツールまとめ「40 Free Web-Based Tools & Apps for Working With CSS」

Webデザインを構築するのに欠かせないCSS。基礎からアニメーションなどの特殊な効果まで、様々なことが行なえます。今回ご紹介するのは、そんなCSS構築の作業を手助けしてくれる、便利なWebツールまとめ「40 Free Web-Based Tools & Apps for Working With CSS」です。

40-free-web-based-tools
Palettes | Flat UI Colors 280 handpicked colors ready for COPY & PASTE

オンライン上で手軽に様々な効果や設定を試し、導入することができるツールが40種類紹介されています。その中から幾つかおすすめのツールをピックアップしましたのでご覧ください。

詳しくは以下

40-free-web-based-tools3
Clippy — CSS clip-path maker
Clippyは画像を切り抜くフレームの形を自由に調整することができるWebツールです。星や丸などベースとなる図形を27種類の中から選ぶことが出来、自由に編集できます。
 
 
 
40-free-web-based-tools1
CSS Colour Gradients with GradPad, beautiful CSS color gradient generator for your designs
トレンドのグラデーションをCSSで表現できるWebツールです。背景にグラデーションを使いたいときなど、大きい面積でグラデーションを取り入れたいときに。
 
 
 
40-free-web-based-tools2
Trianglify.io · Low Poly Pattern Generator
流行のポリゴングラフィックをCSSで表現するためのツールです。目の細かさや角度、色味などをカスタマイズでき自由度も高いです。
 
 
最適なツールを利用することで、クオリティの高いコーディングを短時間で完結することができます。サイトには他にも活用する機会の多いWebツールが多数紹介されていますので、興味をお持ちになられた方は是非下記リンク先よりご覧になってみてください。

40 Free Web-Based Tools & Apps for Working With CSS

続きを読む
このエントリーをはてなブックマークに追加
2017年08月10日

遠隔での仕事もスムーズに!リモートワークに最適なWEBツールをまとめた「Remote Starter Kit」

近年ネットワークの発達により、様々な障壁がクリアされ、会社に来て仕事をするということが一部では当たり前では無い世界がやってこようとしています。リモートワークの方法論など話題になり、出社せず自宅に居ながら仕事をするというスタイルが認知されつつあります。そんなリモートワークはデザイナーやクリエイターの方にはより、身近な働き方で実際そのような働き方をしている方も少なからずいるのではないでしょうか?今回ご紹介するのはそんな遠隔とのやりとりで仕事を行う、リモートワークに最適なWEBツールをまとめた「Remote Starter Kit」です。

remore

さまざまな視点から集められたWEBツールはリモートワーカーだけでなく、他の働き方をメインとする方の業務効率化にも最適なものばかり。今回はその中からオススメのツールを3つご紹介しますので、ご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
posted 08:30  |  
Category: Design , Tool , WebService   
このエントリーをはてなブックマークに追加
2010年08月11日

CSS3を利用するときに役立つWEBツール6選「Six Useful CSS3 Tools」

徐々に利用され始めてきているCSSの新しい規格CSS3。現状のCSSでは、不可能だった表現がコードのみで可能にしてくれる次世代の規格ですが、今回紹介するのはCSS3を利用してコーディングしていく、または勉強するのに役に立つWEBツールを集めたエントリー「Six Useful CSS3 Tools」。


CSS3 Button Maker

数値を変えてデザインを確かめていけるものから、グラデーション表現の補助ツールなど様々なWEBツールがまとめられていました。以前Designdevelopで紹介したものもありますが、順に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:08  |  
Category: WebDesign , WebService   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2009年09月23日

高品質なフリーカリグラフィフォント「25 High-Quality Calligraphy Fonts」

海外の伝統的な文字を美しく見せる手法カリグラフィ。日本の筆文字と同じく、デジタル化された文字でも多く見られる手法ですが、今日紹介するのは高品質なフリーカリグラフィフォントをまとめたエントリー「25 High-Quality Calligraphy Fonts」を紹介したいと思います。

callogra01
Gothic Ultra OT

カリグラフィと一言で言っても、様々なテイストのものが紹介されています。今日はその中から特に気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:03  |  
Category: Design , Font   
tag: Design Font
2015年04月05日

黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」

さまざまなテイストのアイコンがインターネット上では配布されており、デザイナーのデザインイメージにあったものを、フリーで取り入れられるものも多く存在します。そんな中今回紹介するのは、黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」です。

luluicon1

100種の、くっきり・はっきりとしたビジュアルが特徴のアイコンセットがフリーダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2010年01月15日

PSDでダウンロードできる、デザイン性の高いフリー名刺デザイン「20 Free Photoshop business cards」

ビジネスには欠かせない名刺、名刺のイメージでセンスや個性が見えたりとデザインはとても重要な要素となっていますが、今回はデザイン性の高いpsdのフリー名刺デザインを集めた「20 Free Photoshop business cards」を紹介したいと思います。

meidhi01

シンプルなものから、グラフィックに凝ったデザインまで、20種類の名刺デザインをフリーでダウンロードすることができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:18  |  
Category: Design , Photoshop   
2010年08月09日

レトロ感を演出できるphotoshopブラシ集「30 Free Adobe Photoshop Retro Style Brush Sets」

デザインと一口に言っても様々なデザイン感があり、求められているデザインや目的に応じて、デザインの感覚を調整し、ふさわしい形で創り上げるのがデザイナーの役目ですが、今回紹介するのはレトロな感覚を演出したい時に便利なレトロ感を演出できるphotoshopブラシを集めたエントリー「30 Free Adobe Photoshop Retro Style Brush Sets」です。


Retro Revival v4

上記の他に、幾何学的なものから、イラストレーションまで、幅広いphotoshopブラシがまとめられていました。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:12  |  
Category: Design , Photoshop   
2008年11月27日

230本収録!マーカーのベクターデータ集「230 Marker Illustrator Brushes」

以前Designdevelopの「商用化!106+105の水彩イラストレーターブラシ「Delicious Water Color Illustrator Brushes」」という記事で、水彩のイラストレーターブラシを紹介しましたが、今日紹介する「230 Marker Illustrator Brushes」はマーカーを再現したイラストレーターブラシを230本収録したイラストレーターのブラシセットです。

様々なマーカーが準備されていますので、かなりコアなブラシかも知れませんが、探していた人にとってはこの上無いものだと思います。サンプルを下記に貼り付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:48  |  
Category: Design , vector   
tag: Design vector
2016年11月16日

クリスマスを彩るアイコンセット「100 Free Flat Christmas Icons」

そろそろ街はクリスマスムードとなってきて、クリスマス装飾を見かけるようになってきました。今日紹介するのはクリスマスを彩るアイコンセット「100 Free Flat Christmas Icons」です。

chri01

このアイコンセットはフラットでカラフルな、クリスマスらしい楽しげなアイコンが全部で100種類収録されています。収録アイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:42  |  
Category: Design , vector , WebDesign   
2014年05月10日

多彩な種類のフリー素材をまとめた「50 Freebies for Designers from April 2014」

インターネット上では非常にたくさんのフリー素材が配布されていますが、目的に応じて合った種類を探し出すのは意外に時間がかかってしまったりするもの。今回はそんなシーンを軽減するために知っておきたい、多彩な種類のフリー素材をまとめた「50 Freebies for Designers from April 2014」を紹介したいと思います。

free0509_1
Dribbble – Free Portfolio Template Design (PSD) by Vitaliy Dvoretsky

フォントやアイコン、テクスチャ、UIといった、よく利用される素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2011年08月03日

破れた紙のテクスチャセット「33+ High Quality Peeling Paint Textures for Your Designs」

デザインを印象的なものに仕上げるために活用されることも多いテクスチャ素材。そんな時は、より個性の強いものが求められます。今回はそんなシーンに最適な「33+ High Quality Peeling Paint Textures for Your Designs」を紹介したいと思います。


Peeling Back Paint by ~GrungeTextures on deviantART

破れた紙の質感が、色も素材感など豊富な形で展開されています。気になったものをピックアップしておりますので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:12  |  
Category: Design   
2012年05月05日

幅広い用途で活用できる ピクセルパターン素材まとめ「700+ Ready to Grab Free Photoshop Pixel Patterns」

背景やパーツの味付けなどに使用されるピクセル素材は、たくさんの種類持っていると、さまざまなシーンに活用できるため、非常に重宝すると思います。そんな中今回は、幅広い用途で活用できるピクセルパターンをまとめた「700+ Ready to Grab Free Photoshop Pixel Patterns」を紹介したいと思います。


28 Useful Pixel Patterns | Free Design Resources & PSD Files by Awesome Designers

シンプルで定番のタイプから、ちょっと変わったモチーフを並べた個性的なものまで、いろんな種類が紹介されています。気になったものをいくつかピックアップしましたので、下記よりご覧下さい。

(続きを読む…)

続きを読む
posted 10:28  |  
Category: Design , Photoshop   
2015年05月10日

カラフルで可愛らしい表情が特徴のアイコンセット「Happycons」

アイコンの中でも、可愛らしいテイストのアイコンは、制作しているデザインを明るく・楽しく演出してくれるツールとして活躍してくれます。今回はそんな時にぴったりなアイコンセット「Happycons」を紹介したいと思います。

happycons0

カラフルな色使いが特徴の、個性的な描写のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る