TOP  >  WEBデザイン

Tag : WEBデザイン

2010年08月29日

クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」

現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーCSS、XHTMLテンプレートを集めたエントリー「40+ Elegant Free CSS/(X)HTML Templates from 2010」を紹介したいと思います。


Acallia

テクスチャが効いたアナログ感があるものもから、洗練されたシンプルなものまで様々なテンプレートがまとめられています。今日はそのなかから気になったテンプレートを紹介したいと思います。

詳しくは以下

(さらに…)

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

WEBサイトに使えるシームレスなパターン素材集「200+ Seamless Patterns Perfect for Website Backgrounds」

WEBサイトでの印象を決定づける一つの大きな要素の一つ背景。色ベタ、テクスチャを使ったものなどサイトによって様々な背景が制作されていますが、今回紹介するのはWEBサイトに使えるシームレスなパータン素材を集めた「200+ Seamless Patterns Perfect for Website Backgrounds」。


Photoshop Stripe patterns (20 patterns)

紙や布などといった定番のテクスチャを表現したものから、個性的な表現のパターンまで背景に使えそうなパターンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

最近リリースされたjQueryプラグイン集「50 Awesome New jQuery Plugins」

世界中で利用されているjavascriptライブラリjQuery。多機能で軽量。そして豊富なプラグインと制作者、開発者にとっては非常にありがたい存在です。今日紹介最近リリースされたjQueryプラグインを集めたエントリー「50 Awesome New jQuery Plugins」。


Transformie

様々なジャンルのプラグインが紹介されていますが、今日はそのなかから今までDesigndevelopで紹介した事が無い、プラグインを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

CSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」

対応ブラウザも徐々に増えてきて、ますます注目を集めるCSS3。様々な可能性を持っています。CSS3独自の機能も多く、その分様々な利用方法が日々考えられ、デモが作成されていますが、今回はCSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」というエントリーを紹介したいと思います。


Look Ma, No Flash!

上記の他にも様々なCSS3を利用したクリエイティブなWEBサイトが構築されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

便利で使えるCSS3マーカー「CSS3.0 Maker」

多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。

画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。

詳しくは以下

(さらに…)

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

WEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」

世界中で利用されている高機能なライブラリjQuery。様々なプラグインが日夜リリースされていますが、今日紹介するのは制作に便利なプラグインを集めたWEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」です。


Exposure Jquery Plugin

ジャンルを問わず様々なプラグインが紹介されていますが、今日はその中でも便利だなと思ったプラグインをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2011年09月30日

タイトルに使いやすいフォント集「Best Fonts for Titles and Headlines」

コンテンツに注目を集めるために重要なタイトルをデザインする際には、フォントにも是非こだわりたいもの。そこで今回紹介するのが、タイトルに利用しやすいフォントを集めた「Best Fonts for Titles and Headlines」です。


SF Movie Poster Font | dafont.com

デザイン性の高いフォントはもちろん、シンプルな中にも存在感のあるフォントが豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:50  |  
Category: Design , Font   
2012年10月04日

美しいキラキラのスパークを表現できるPhotoshopブラシまとめ「20+ Free Sets of Photoshop Sparkle Brushes」

冬を間近に控え、イルミネーションなど光の輝きを表現するデザインを求められることも多くなっているのではないでしょうか?そこで今回紹介するのが、美しいキラキラのスパークを表現できるPhotoshopブラシをまとめた「20+ Free Sets of Photoshop Sparkle Brushes」です。


GIMP Glitter Brushes » Free-Brushes.com – Free Photoshop, GIMP & Paint Shop Pro Brushes

神秘的なスパークを表現できるブラシから、可愛らしい雰囲気のブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:25  |  
Category: Design , Photoshop   
2015年10月06日

健康的なライフスタイルを表現できるフリーアイコンセット「40 Free Health and Fitness Icons」

ヘルシー志向が高まり、健康を意識した生活を送る方が増える中で、デザインでもそんな方をターゲットとした制作をするシーンが増えてきていると思います。今回はそんな場面に最適な素材、健康的なライフスタイルを表現できるフリーアイコンセット「40 Free Health and Fitness Icons」を紹介したいと思います。

health-and-fitness-icons

かわいらしいテイストで、ヘルシーな暮らし、またフィットネスを取り入れた暮らしを表現することができます。

詳しくは以下

(さらに…)

続きを読む
posted 03:57  |  
Category: Design   
2007年10月30日

JavaとJavascriptの違いとは?

DesignDevelopで「Javaで動くFlashライクなスライドショー「COULOIR」(現在は修正済み)」と言う記事を紹介した際にlivedoorブックマークでのコメントで「いまだに Javascript と Java の区別が付かない人がいることがげんなり。」と言うコメントを頂きました。正直区別がついていなかったので、JavaとJavascriptの違いを調べてきました。

JavaとJavascriptの違いとは?

Javaとは?

JavaというのはSun Microsystemsというアメリカの会社が作ったプログラムを書くための言語で、C言語など、既存の言語の欠点を踏まえて一から設計された言語。ネットワーク環境で利用される事を強く意識した仕様になっているみたいです。汎用性が高くプラットフォームに依存することなく動作する。その汎用性の高さは「Write Once, Run Anywhere(一度コードを書けばどんな環境でも動作する)というキャッチコピーがつけられるほど利便性が主張されています。

Javascriptとは?

Sun Microsystems社とNetscape Communications社が開発した、Webブラウザなどでの利用に適したスクリプト言語。Javaに似た記法を用いる事が名匠の由来ですが、互換性は無く全くな別もの。静的な表現しかできなかったWebページに、動きや対話性を付加することを目的に開発され現在は幅広いWEBページで何らかな形で導入されています。

(さらに…)

続きを読む
posted 05:39  |  
Category: WebDesign   
2011年12月06日

クリスマス向けのデザインにぴったりなアイコンパック「Festive Christmas Icon Pack (20 .EPS Icons)」

クリスマス一色の街は、歩いているだけでも楽しい気分になるもの。そんな中今回は、クリスマスデザインに使いやすいアイコンパック「Festive Christmas Icon Pack (20 .EPS Icons)」を紹介したいと思います。

クリスマスツリーに飾るオーナメントのような、可愛らしいアイコンがセットになっています。

詳しくは以下

(さらに…)

続きを読む
2009年12月29日

手書き風のフリーアイコン、テクスチャ、ブラシ集「50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts」

手書き風のデザインというのは、アナログ感を演出し暖かい、柔らかい印象をもたせることができます。今回紹介するのは手書き風のデザインをするためのデザイン素材を集めた、フリーアイコン、テクスチャ、ブラシ、フォント集「50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts」です。

handdrawing_01
Hand-Drawn Blogging Icon Set

様々な種類の手書き風の素材が集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:49  |  
Category: Design   
tag: Design
2018年01月22日

見出しやタイトルに使いたいインパクトのある印象的なフォント33選「33 Bold Fonts for Your Flyers, Posters, and Brochures」

デザインを彩るフォント。特に見出しやメインビジュアルなど、人目をひく部分に使うフォントにはこだわりたいもの。今回ご紹介するのはそんな見出しやメインビジュアルなどに最適なフォントをまとめた「33 Bold Fonts for Your Flyers, Posters, and Brochures」です。

33-bold-fonts1
33 Bold Fonts for Your Flyers, Posters, and Brochures | NOUPE

デザイン性の高い、ハイクオリティなフリーフォントが33種類まとめられています。その中から特に気に入ったフォントを幾つかピックアップしましたのでご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2011年12月13日

さまざまなデザイン・レイアウトのフォームデザインまとめ「28 Brilliant Form Layouts in User Interface Design」

企業サイトやポートフォリオサイトなどへの設置が必須となっているコンタクト・問い合わせ用のフォーム。デザインがどうしても、シンプルでワンパターン化してしまいがちだと思います。そんな時に役立つ、さまざまなデザイン・レイアウトのフォームデザインまとめ「28 Brilliant Form Layouts in User Interface Design」を今回は紹介したいと思います。

見やすく・入力しやすさも重視されている、デザイン性の高いフォームばかりが集められています。気になったものをピックアップしていますので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
2017年03月23日

使い勝手の良いフリーフォント7選「7 Free Professional Fonts For Your Font Library」

「フリーフォント」と検索すると、数え切れないほどのフォントが発信されており、その中からどれを選べば良いのか頭を悩ませるデザイナーも多いのではないでしょうか。そんな中今回は、どんな場面にも使いやすく、且つデザイン性の高いフォントが厳選されている「7 Free Professional Fonts For Your Font Library」をご紹介します。

free-font01
Illuma Typeface | Hanken Design Co.

無数に溢れるフリーフォントの中から厳選された7種のフォントがピックアップされ、紹介されています。

詳しくは以下

(さらに…)

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

web開発・構築時に参考にしたい最新ツールまとめ「Fresh Toolbox for Web Developers – August 2015」

webサイトを構築するのにはさまざまな機能を盛り込むこともあり、一から開発を行っているとどうしても時間やコストがかかってしまうもの。今回はそんな時参考にしたい、最新ツールまとめ「Fresh Toolbox for Web Developers – August 2015」を紹介したいと思います。

toolbox1001_1
gridstack.js

jqueryプラグインや、その他便利なリソースが紹介されています。気になったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:40  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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