TOP  >  WEBサービス

Tag : WEBサービス

2007年11月14日

貼付けコードも生成してくれるリボンジェネレーター「Ribbon Generator」

WEBサイトでたまに見かけるリボンがけの処理を簡単に自分のものにできるサービスが今回紹介する「Online Ribbon Generator Tool」です。このサービスではリボン画像の生成と合わせてサイトに貼付けるコードも生成してくれます。

QuickRibbon

リボンのほうもかなりカスタマイズが可能で縁飾りや色など調整が可能で、打ち込む文字も書体も選択が可能でかなり作り込んだものが生成できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:10  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2007年11月12日

Flickrと連携して自分だけのphotobookが作れるWEBサービス「bookr」

Flickrと連携して自分だけのphotoスクラップブックが作れるサービスが今回紹介する「bookr」です。FlickrIDやタグで写真を検索して自分の気に入った写真をスクラップしていくような感じでphotobookが制作できます。

bookr

photobookは本にドラッグすれば追加されます。表紙にタイトルをつけたり、写真にコメントをつけたりとちょっとしたカスタマイズもできるようになっています。もちろんページを増やす事も可能です。さらに制作したphotobookは画面の右下の「publish this book!」を押す事でブログなどに貼付る用のタグも生成する事ができます。

詳しくは以下

(続きを読む…)

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

あなたはどんなインターフェイスが好き?を調査する「Interface Research」

現在かなりの数のWEBページが存在し、様々なインターフェイスが派生しています。今日紹介するのはそんなインターフェイスのデザインを調査しているサイト「Interface Research」です。

interfaceresearch

こちらのサイトでは上記のように二者択一形式でサイトのインターフェイス デザインのアンケート調査しています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:26  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2007年11月10日

オンラインで使えるPhotoshopライクな無料ツール「Splashup」

自身で使っているPCにはphotoshopがインストールしてあり、ブログに載せる画像の補正やリサイズはすべてphotoshopで行なっています。しかしphotoshopは高価なものであまり一般のPCに標準でインストールされているものではないので出先で使用するのは困難な場合が多いです。そこで今回紹介するのはオンラインで無料で使えるPhotoshopライクな無料ツール「Splashup」です。

Splashup

かなりphotoshopに近いインターフェイスでログインや面倒な手続き無しで利用できるため出先や等でちょっとした画像修正をする時に力を発揮してくれます。

詳しくは以下

(続きを読む…)

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

権限指定やパーマリンクも設定できるシンプルオンラインストレージ「drop.io」

回線速度も整ってきてオンラインでファイルのやり取りをする事も激増したと思います。国内でも様々なオンラインストレージサービスやファイル転送サービスがありますが、今回紹介する「drop.io」はシンプルでスッキリとしたデザインで機能的にも細かな設定ができるオンラインストレージです。

オンラインストレージdrop.io

Drop.io」は簡易オンラインストレージの用にファイルをアップロードして渡したり管理するだけではなく権限設定できたり、任意でパーマリンクを設定して、パスワードを付加したりできるのが特徴です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:57  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2007年11月07日

画像をアスキーアートに変換してくれる「ASCII Art Generator」

アスキーアートとは記号などの文字を組み合わせて作成した絵のことで、画像を掲載する機能のないBBSでも書き込めるので、インターネットがパソコン通信と呼ばれていた時代から使われている伝統的な物です。今回紹介するのはそんなアスキーアートを画像から生成してくれるWEBサービス「ASCII Art Generator」です。

画像からアスキーアートへ変換

ソースの都合上、上記の画像は「ASCII Art Generator」でアスキーアートに変換した物をスクリーンショットで撮った物ですが、画像で選択しているように本来はすべて文字で作られています。

(続きを読む…)

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

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

2015年01月14日

デザイナー必見 クリエイティブなフリーデザインフォントまとめ「New Free Fonts For Designers in 2015」

デザイナーにとってフリーフォントは、欠かせない素材の一つ。デザイン性の高いものが多数配布されています。今回はそんなクリエイティブなフリーデザインフォントまとめ「New Free Fonts For Designers in 2015」を紹介したいと思います。

font0114_1
Alif (Free) Display Typeface on Behance

さまざまなテイストのフリーフォントが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: Font   
2017年03月15日

取り入れるだけで印象的なデザインに!アクセントに使えるフリーフォント19選

デザインの世界観を大きく左右するデザインフォントは、常に多くのバリエーションを揃えておきたいもの。今回はご紹介するのはアクセントとして使用出来る、インパクト抜群の印象的な英字フリーフォントをまとめた「Fresh Free Fonts for Designers」です。

free_handwritten_fonts

手書き風のフォントからカリグラフィー風に描かれたものまで、印象的でデザイン性の高いフォント19種類が一同に揃います。おすすめのフォントを幾つかピックアップしてご紹介しますので、以下よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , Font   
2013年05月04日

指定URLからページに利用されている色を分析してくれるWEBサービス「Colours」

WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。

指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: WebDesign , WebService   
2015年09月16日

200種の細めラインで構成されたアイコンセット「200 Nanoline Icons」

アイコンには実にいろいろな種類があり、デザインしているもののテイストによって使い分けていると思いますが、今回は200種の細めラインで構成されたアイコンセット「200 Nanoline Icons」を紹介したいと思います。

icon0915

非常に細い、繊細なラインで描き出されたアイコンが200種、セットでフリーダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:30  |  
Category: Design   
2014年09月18日

ポップなテイストのフリーベクターアイコン「112 Fully Scalable Vector Icons」

フリー素材としてたくさんの種類が配布されているアイコン。デザインのテイストに合わせていろいろな種類をストックしておきたいものです。そんな中今回紹介するのは、ポップなテイストのフリーベクターアイコン「112 Fully Scalable Vector Icons」です。

icon0918

丸みを帯びた、ポップでツヤ感のあるデザインが特徴の112種のアイコンがセットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:50  |  
Category: Design   
2012年09月17日

WEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」

日本では互換性を重視する傾向がつよくまだあまり、特殊なフォントをjavascriptなどで作り出すような手法はスタンダードではありませんが、中には、挑戦的なサイトもあり、フォントをjsやCSSで見せるそんなサイトもあります。今日紹介するのはWEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」です。


FitText – A plugin for inflating web type

フォントを加工するもの、テキストの組を特殊にしてくれるものなど、様々なフォント関連のjQueryプラグインが紹介されていますが、今回はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

Lettering.js – A jQuery plugin for radical web typography.
自動的にclassを割り当てて、傾けたり、色を変えたり色々な処理が可能です。

lettering
 
 
 
 
 
 
It's Bacon! A jQuery plugin that allows you to wrap text around a bezier curve or a line.
オブジェクトにそって文字組を行なう事ができます。WEB上で紙のようなデザインが可能になります。

baconjs
 
 
 
 
 
 
Arctext.js – Curving text with CSS3 and jQuery
文字をパスで並べたような、処理をjavascriptで可能にする。

arctext-1
 
 
上記の他にもいくつかのタイポグラフィ関連のjQueryプラグインが公開されています。文字をJS側で制御したいと言う方は是非原文もご覧ください。

jQuery plugins for awesome web typography | CatsWhoCode.com

続きを読む
posted 05:37  |  
Category: WebDesign   
2010年11月24日

ハイクオリティなフリーphotoshop素材を集めた「Free Resources for Designers」

デザイン制作をする上で役に立つフリー素材は、持っているだけでとても重宝します。そこで今回紹介するのは、ハイクオリティなフリーphotoshop素材を集めた「Free Resources for Designers」です。


18 High Resolution Acrylic Sponge Brushes | Premium Pixels

テクスチャやボタン、エフェクト、パーツなど、さまざまな種類の素材が数多く収録されいます。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 09:47  |  
Category: Design   
2009年07月31日

クリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」

WEBに置いてユーザーと運営側を繋ぐフォーム。ログインフォーム、コンタクトフォームと色々と種類はあれど、現在、様々なサイトで導入されています。以前「クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」」と言う記事でも少しお伝えしましたが、今日紹介するのはクリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」です。

formcreative02
Five Cent Stand

一風変わった様々なフォームデザインが収録されて、クリエイティブなフォームを作るためのインスピレーションとして活用できるかと思います。全部で20ものフォームデザインが収録されていますが、今日はその中から以前紹介したフォームデザインとは違うもので、いくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:26  |  
Category: WebDesign   
tag: webdesign
2010年12月16日

クリスマス気分を存分に味わえる「Top 10 Christmas Social Bookmarking Icon Sets」

街はクリスマスムード一色というこの季節に最適なアイコンセット「Top 10 Christmas Social Bookmarking Icon Sets」を今回は紹介したいと思います。


PSDFAN Exclusive Christmas Icon Set « PSDFan
雪と共に佇むアイコンたち。頭にかぶったサンタ帽がさらにクリスマスムードを高めてくれています。

クリスマステイスト満載のソーシャルブックマークアイコンが多数紹介されており、見ているだけで楽しくなりそうです。さまざまなセットの中から気になるものをいくつかピックアップしてみましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 11:04  |  
Category: Design   
2017年09月02日

情報はミニマルにまとめる!フリーのミニアイコンセット「15 Small Mini Icon Sets for Your Web Projects」

ドットなどで作られたミニアイコンは複雑な情報を小さくまとめてくれる優れもの。しかしその小ささ故に一から作るのは意外と大変です。今回ご紹介するのは、そんなミニアイコンのフリー素材をまとめた「15 Small Mini Icon Sets for Your Web Projects」です。

small-mini-icon-sets1
108 Mono Icons: Huge Set of Minimal Icons | Tutorial9

ドットで描かれたものからベクターの滑らかなラインで制作されたものまで、多数のフリーアイコンがまとめられています。今回はその中から個人的に気になったミニアイコンを3つ選んでみましたので、是非ご覧ください。

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

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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