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   
このエントリーをはてなブックマークに追加

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

2013年02月03日

【商用利用可】シンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」

インターフェイスを補助したり、デザインの質を上げてくれる、便利な素材アイコン。WEBデザインでは、メニューだったり、その他付随する機能を表すときには非常に重宝しますが、今日紹介するのはシンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」です。

こちらは普段利用しそうなインターフェイス系のアイコンから、宝石やハート、注射器といったグラフィック系のアイコンまで、全部で280個ものアイコンがセットになったアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:19  |  
Category: WebService   
2017年05月29日

個性あふれるフォルムが特徴 デザイン性のあるフリーフォントまとめ「20 Best Free Fonts on Behance」

写真やグラフィックだけでは与えられない、個性やインパクトを添えてくれるフォント。多くの形が存在していますが、今回は独創的な形状を持つフォントに焦点をあてた「20 Best Free Fonts on Behance」を紹介したいと思います。

20 Best Free Fonts on Behance-top
BUFFALO – FREE SCRIPT FONT on Behance

手描きからクラシカル、ユニークな雰囲気など、独特さを兼ね備えたフォントデザインが20種類まとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2009年07月16日

ヴィンテージテクスチャの決定版「 60+ Vintage Style Textures Every Designer Should Have」

様々な種類のテクスチャがWEB上では公開されていますが、その中でも質感を出すのに非常に重宝するのがヴィンテージテクスチャ。布だったり紙だったり独特の古びた風合いはデジタルデータになっても質感や雰囲気を伝えてくれます。

vintage-textures01

今日紹介するのはヴィンテージテクスチャを数多く収録したテクスチャセット「 60+ Vintage Style Textures Every Designer Should Have」です。非常に多くのテクスチャが収録されています。一部のサンプルを下記に貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:36  |  
Category: Design , Photoshop   
2014年07月28日

さまざまなデザインシーンで活躍してくれるブラシを紹介した「20 Free High Resolution Photoshop Brush Packs」

Photoshopの中でも特に便利で手軽に利用できるツール、ブラシ。デザイナーの方でよく利用されているという方も多いのではないでしょうか?そんな中今回紹介するのは、さまざまなデザインシーンで活躍してくれるブラシを紹介した「20 Free High Resolution Photoshop Brush Packs」です。

brush0728_1
High Res Nebula Galaxies & Star Brushes (Free) | Free Brush Archive

使いやすい種類のPhotoshopブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:28  |  
Category: Photoshop   
2009年08月14日

Twitterアイコンの決定版400個のフリーTwitterアイコンを集めた「400+ Beautiful Twitter Icons」

国内でも人気のコミュニケーションサービスTwitter。今も続々と様々な周辺サービスがリリースされています。話題になっている事も有りTwitterを利用していると言う方も増えてきているのではないでしょうか!?

400-twitter-icons01

Twitter単体だけの利用ではなくTwitterとWEBやBLOGを連携していると言う方も多いと思います。今日紹介するのはそんな方にオススメなフリーで使えるTwitterアイコンを集めたエントリ「400+ Beautiful Twitter Icons for your Website」です。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:36  |  
Category: WebDesign   
2015年02月27日

デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」

デザインが進化するのに伴い、配布されているフリーフォントもどんどんと新しいものが公開され続けています。そんな中今回紹介するのは、デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」です。

freefont0227_1
ONE DAY – Free Font on Behance

新しいタイプの、主流のデザインにもマッチするフォントの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2014年06月18日

wordpressを取り入れたいwebサイト制作に活用できる「20 Free WordPress Themes」

wordpressには、フリーで利用できるテーマがインターネット上で多数配布されており、デザインやコンテンツ内容に応じて使用したことがある方も多いのではないでしょうか?そんなwordpressテーマを20種集めた「20 Free WordPress Themes」を今回は紹介したいと思います。

wordpress140618_1
Future – Free WordPress Theme | DesignOrbital

ベーシックなタイプから、ワイド感のあるタイプまで、さまざまなレイアウトのテーマがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WordPress   
2014年07月05日

夏らしいデザインにぴったり ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」

梅雨が明けるとやってくる本格的な夏。デザインの現場でも夏仕様の素材を使用することも多くなるのではないでしょうか?そんな時に是非活用したい、ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」を紹介したいと思います。

hawaii1
Hawaii brushes by RockQ on deviantART

華やかで夏らしいデザインにぴったりマッチするハイビスカス柄のブラシが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
2013年08月31日

世界のさまざまな国旗 フリーベクター素材まとめ「A Collection Of Free Vector Flags」

世界の国それぞれの象徴として掲げられている国旗は、デザインや意味もさまざま。デザインする上では、各国をビジュアルで表現する際に良く利用されます。そんな世界のさまざまな国旗を集めたフリーベクター素材まとめ「A Collection Of Free Vector Flags」を今回は紹介したいと思います。

flag1
2600 Flag Icon Set – Resources from GoSquared

シンプルで定番として使用できる国旗を始め、デザイン的にアレンジが加えられたものまで、いろいろなタイプの国旗ベクターが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:58  |  
Category: Design   
2014年02月21日

大空に広がる雲を描き出せるブラシ「15 Free Cloud Vector Brush Sets」

デザインに空間感や、爽快なイメージを表現できる空の描写は、デザインシーンでもよく利用されています。そんな中今回紹介するのは、大空に広がる雲を描き出せるブラシ「15 Free Cloud Vector Brush Sets」です。

cloudbrush1
Last 36 High Res Cloud Brushes by christalynnebrushes on deviantART

15種のベクターで描けるベクターブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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