TOP  >  WEBデザイン

Tag : WEBデザイン

2010年08月15日

HTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」

HTMLを書いていて、心がけていても時間に追われているとだんだんと乱れてきて、インデントされていなかったり、ルールがバラバラなソースになってしまうなんてことも多いと思いますが、今日紹介するのはHTMLのインデントをキレイにしてくれるWEBサービス「Ham Cutlet」です。

利用方法は非常に簡単で、WEB上で、HTMLをコピペ、その後設置されている「COOK!ボタン」をクリック。これだけです。

詳しくは以下

(さらに…)

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

デザイナーと開発者のための新しめのアイコンセット「30 Fresh and Free Icon Sets for Designers and Developers」

WEBデザインには非常に便利な素材の一つアイコン。ユーザーインターフェース的な部分とデザイン的な部分のクオリティを上げてくれる便利な素材ですが、今回紹介するのはデザイナーと開発者のための新しめのアイコンセット「30 Fresh and Free Icon Sets for Designers and Developers」です。


260 Free Vectors Icons (User Interface Design Framework)

グラフィカルなものからシンプルなものまで様々なアイコンセットが紹介されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:16  |  
Category: Design , Photoshop , vector , WebDesign   
このエントリーをはてなブックマークに追加
2010年08月08日

選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」

次世代の規格として注目されているCSS3。新しいブラウザではすでに対応していて、すでに利用しているという方もいらっしゃると思いますが、今回紹介するのは様々なCSS3ならではの処理を簡単に実現できるCSS3ジェネレーター「CSS3 Generator」です。

上記のようにものすごくシンプルなインターフェイスとなっていて、まずはCSS3で行ないたいデザイン処理を選びます。シャドウ、テキストシャドウ、線の外側に線など様々なデザイン処理が準備されています。

詳しくは以下

(さらに…)

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

新しくリリースされたjQueryプラグイン30「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」

世界中で利用されている軽量で多機能なjavascritpライブラリjQuery。それだけに非常に多くのプラグインがリリースされています。今日紹介するのは最近リリースされた新しいjQueryプラグインを集めたエントリー「30+ Brand New jQuery Plugins To Change the Look and Feel of Your Website」を紹介したいと思います。


jQuery 2D Transformation Plugin Demo

変形からツールチップ、スライダーなど用途に限定されず幅広く最新のプラグインが集められています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:27  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年08月03日

クオリティの高いXHTMLテンプレート「40 High Quality CSS and XHTML Web Layout Templates」

現状WEBサイトのほとんどは、CSSとXHTMLを利用して制作されています。今日紹介するのは現状主流のXHTMLとCSSを使って創られたクオリティの高いテンプレートをまとめたエントリー「40 High Quality CSS and XHTML Web Layout Templates」です。


Mondays

コーポレートサイト、ブログ風レイアウト、WEBマガジン風のレイアウトなどなど、様々なジャンルのテンプレートが全部で40集められています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

ソース付きCSS3で作るボタン「10 Awesome CSS3 Buttons to use on your website」

次世代の規格として注目され、最新のブラウザでは問題なく認識ができるようになってきているCSS3。今日紹介するのはCSS3を利用してつくるボタン集「10 Awesome CSS3 Buttons to use on your website」を紹介したいと思います。

グラデーション、ドロップシャドウ、角丸など、CSS3の機能をふんだんに使って上記のような全部で10のボタンが公開されています。

詳しくは以下

(さらに…)

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

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

2011年04月15日

WordPressを最大限に活かして制作されたwebサイトまとめ「16 Unusual Ways to Build Great WordPress Websites」

ブログの作成に良く使用されるWordPressは、テーマをダウンロードするだけで手軽にブログページを生成することができるツールとして人気を集めていますが、webサイトの生成には使いづらいと考えている方もいらっしゃるかもしれません。そこで今回は、WordPressを有効的に使い作成されたwebサイトまとめ「16 Unusual Ways to Build Great WordPress Websites」を紹介いたします。


Minicard

1つのコンテンツだけをシンプルに見せるデザインから、情報を豊富に表示できるデザインまで、さまざまなサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:31  |  
Category: Design , WordPress   
2010年04月18日

最近リリースされたクオリティの高いwordpressのテーマ集「30 Brand New Quality WordPress Themes」

世界中で利用されているCMSの一つwordpress。高いカスタマイズ性の他に、豊富なテーマが魅力の一つですが、今日は最近リリースされたものの中からクオリティの高いwordpressのテーマだけを集めたエントリー「30 Brand New Quality WordPress Themes」を紹介したいと思います。

wodpressthme01
Cumulus

ブログタイプからギャラリータイプ、コーポレートサイトタイプなど様々なタイプのテーマが集められていました。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:55  |  
Category: WebService   
2007年11月20日

【FreeFont】マジメすぎず、可愛いすぎないフォント「あずきフォント」

手書き風の日本語フォントを探している方におすすめなのが今回紹介する「あずきフォント」です。このフォントはマジメすぎず、可愛いすぎないをコンセプトに作られたフリーフォントです。

あずきフォント

あずきフォント

収録されているフォントの種類は英数字/記号/ひらがな/カタカナギリシャ文字/ロシア文字/各種記号等JIS第一水準漢字/JIS第二水準漢字/IBM拡張漢字罫線部分には絵文字+αとかなり使えるフォントです。

詳しくは以下

(さらに…)

続きを読む
posted 08:26  |  
Category: Design , Font   
tag: Design Font
2015年08月16日

webサイトデザインの設計・デザイン・参考として活用できる「Free PSD Website Templates for Web Designers and Developers」

webサイトを一からデザイン・設計するのはなかなか大変なもの。さらにそこから、トレンドを押さえたクオリティの高いものが求められる場合、時間もデザインセンス・技術も必要になってきます。今回はそんなシーンで活用したい、webサイトデザインの設計・デザイン・参考として活用できる「Free PSD Website Templates for Web Designers and Developers」を紹介したいと思います。

template00
Freebie PSD: Perth – A Free Flat Web Design.

デザイン性にすぐれたpsd形式のテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

手書き風の表現を可能にしてくれるフリーphotoshopブラシ集「22 Free High Quality Doodle Photoshop Brushes Set」

アナログな表現と言うのは、デジタル化が進んでいる現在でも求められる部分があって、手書きの質感や雰囲気がデザインのアクセントや世界を作る上で重要となりうる場合もあります。今日紹介する「22 Free High Quality Doodle Photoshop Brushes Set」はイタズラ書きの表現を可能にしてくれるフリーphotoshopブラシセットを集めたエントリーです。

dod01
T9 Creative Doodles

全部で22個のphotoshopブラシが公開されて、今日はその中からいくつか気になったphotoshopブラシセットを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:38  |  
Category: Design , Photoshop , WebService , WordPress   
2009年11月04日

WEBで使える新しいフリーアイコンセット集「40 Fresh and Free Icon Sets for Web Designers and Bloggers」

WEB制作には欠かせないアイコン。サイトに彩りを与えてくれるだけではなく、ユーザーインターフェイスの改善なども行ってくれる心強いアイテムです。便利なものではありますが、実際作るとなるとかなり手間がかかるモノでもあります。今日紹介するのはそんな便利なアイコンセットを集めたエントリー「40 Fresh and Free Icon Sets for Web Designers and Bloggers」です。

freshicon01
178 Amazing Web Design Icons

全部で40ものハイクオリティで使えるアイコンが紹介されています。今日はその中から幾つ描きになったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:27  |  
Category: WebDesign   
tag: webdesign
2013年04月11日

タイトルとしても使いやすいデザインフォントまとめ「22 Free Gothic Fonts For Designers」

デザイン制作時に欠かせないフォントはフリーで利用できるものも多く、デザインテイストに合わせて、さまざまなフォントを選択できるようになっています。そんな中から今回紹介するのが、タイトルとしても使いやすいデザインフォントをまとめた「22 Free Gothic Fonts For Designers」です。


Cartographer Font | dafont.com

ポップなテイストから、手書きのイラストのようなフォントまで、さまざまなデザインフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:06  |  
Category: Design , Font   
2009年12月22日

WEB開発に使えるアイコンセットTOP50 2009「The Top 50 Web Development Icon Sets from 2009」

WEBの制作の上で、非常に便利なアイコン。一つのアイコンで使い方から情報の属性まで、様々な事をユーザーに伝えてくれますが、今回紹介するのは2009年に発表された、WEB開発に使えるアイコンセットを集めたエントリー「The Top 50 Web Development Icon Sets from 2009」です。

2009_icon01
Developer by ~Adriankenny on deviantART

今年リリースされたアイコンセットの中でもクオリティが高いもの、使えるものをTOP50が集められています。今日はその中から今までDesigndevelopで紹介した事が無く、なおかつ気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: WebDesign   
2013年03月31日

春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」

春が訪れ、デザインの現場でも春らしさを表現するデザインが増えていると思います。そんな時に活用っできる、春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」を今回は紹介したいと思います。


Colorful Spring – Vector Graphic by DryIcons

花や蝶蝶、植物など、暖かい季節にぴったりな素材がイラストレーションに表現された素材が収録されています。気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:58  |  
Category: Design , vector   
2011年10月13日

幾何学的な模様を形に取り入れたフリーサンセリフフォントコレクション「Font Collection: 10 Free Geometric Sans-Serif Fonts」

タイトルや見出しに良く利用するサンセリフフォント。便利なフリーフォントもたくさん発表されています。そんな中今回は、幾何学的な模様を形に取り入れたサンセリフフォントをばかりを集めた「Font Collection: 10 Free Geometric Sans-Serif Fonts」を紹介したいと思います。


Arcus – Desktop font « MyFonts

丸みの強いデザインをはじめ、ユニークな形のフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:06  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る