TOP  >  CSS3

Tag : CSS3

2010年03月24日

CSS3で作るドロップダウンメニュー「CSS3 Dropdown Menu」

通常アールの効いたデザインでドロップダウンメニューを制作するときはFlashだったりjavascriptだったり何らかなスクリプトと画像を使って、組み上げるというのが現状では主流だと思いますが、今日紹介するのはCSS3で実現するドロップダウンメニュー「CSS3 Dropdown Menu」です。

css3develop0
CSS3 Dropdown Menu DEMO

ドロップシャドウなど細かなデザイン処理はCSS3で制御されていますので、デザイン部分もCSS側で細かく調整できます。

詳しくは以下

(続きを読む…)

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

CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」

WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに限らず、CSS3で様々な実験的な試みを行なっているチュートリアル、Tipsを集めたエントリー「18 Incredible CSS3 Effects You Have Never Seen Before」を紹介したいと思います。

css3-tips01
Awesome CSS3 Lightbox Gallery Demo

今まで、HTML×CSSではできなかった事が、CSS3の新たな機能を使って実現しています。多々紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

CSS3ボタンテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」

WEBデザインの次世代規格として注目を集めているCSS3。徐々に技術系のWEBサイトでも取り上げられて、WEBデザイン業界内では話がでる機会も増えてきたと思いますが、今日紹介するのはCSS3を使ってボタンを作るテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」を紹介したいと思います。

css3button01
Pretty CSS3 Buttons

グラーデーション、オーバラップ、ドロップシャドウなどなど、いままで画像でしか表現が困難だったボタン表現が多数集められています。今日はその中からいくつか気になったテクニックを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2014年10月28日

いろいろな種類のPhotoshoo矢印ブラシを揃えた「30 Useful Arrow Brushes for Photoshop」

手軽かつ、便利に利用できるPhotoshopブラシ。いろいろな種類がダウンロードできるようになっていますが、今回紹介するのは、いろいろな種類のPhotoshoo矢印ブラシを揃えた「30 Useful Arrow Brushes for Photoshop」です。

arrow-brushes1
80 Hand Drawn Arrows PS Brush Set – DesignerCandies

さまざまなタッチの矢印を簡単に描き出せるブラシが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:55  |  
Category: Photoshop   
2008年10月19日

ヴィンテージ&レトロ感を演出するphotoshopチュートリアル集「Vintage and Retro Photoshop Tutorials」

あえて古い質感を出すことで、雰囲気や全体の世界観を作る。そんな手法を一度は使ったことがあるかと思います。今日紹介するのはそんなヴィンテージ&レトロな質感を演出するためのphotoshopチュートリアルをまとめたエントリー「Vintage and Retro Photoshop Tutorials」です。


Wicked-Worn Vintage Pop Art Design

今回はいくつか紹介されているチュートリアルのなかからきになったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:21  |  
Category: Design , Photoshop   
tag: 
2010年12月16日

テクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」

WEBデザインをつくり込む時に、非常に便利なテクスチャ。細かな作り込み感を演出し、クオリティを上げてくれますが、今日紹介するのはテクスチャを効果的に使った、素晴らしいWEBデザイン集「40 Excellent Examples of Texture in Web Design」


August Interactive

様々なジャンルで、テクスチャを効果的につかったWEBデザインがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

Big Related
シンプルで洗練されたWEBデザインにレトロな質感のテクスチャが見事にはまったWEBデザイン。


 
 
 
 
 
Ryan Scherf
様々なテクスチャが複合的に組み合わさって作られた、非常に質感溢れるWEBデザイン。


 
 
 
 
 
Pop the Box
POPなテクスチャを効果的に使ったWEBデザイン。難しそうなテクスチャですが、キレイにまとめてあります。


 
 
上記の他にも様々なWEBデザインが公開されています。WEBデザインをもう一つランクアップさせたいと思っているWEBデザイナーには良いインスピレーションではないでしょうか?

40 Excellent Examples of Texture in Web Design | Inspiration

続きを読む
2011年12月14日

コンクリートのさまざまな表情を利用したテクスチャパック「70 Concrete Texture Packs」

コンクリートのテクスチャは、無機質な印象でありながらも、使い方次第でいろいろなデザインに幅広く活用できる素材として重宝されています。今回はそんなコンクリートのさまざまな表情を利用したテクスチャパック「70 Concrete Texture Packs」を紹介したいと思います。


Freebie: Concrete and Pavement Texture Pack – DesignM.ag

シンプルな定番タイプから、使い込まれ味わいが感じられるタイプなど、ジャンルは一つでも、たくさんの種類のテクスチャが収録されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:14  |  
Category: Design   
2009年04月18日

商用可!ベースメントに最適なWordPressテーマ「Empty Canvas」

皆さんはwordpressをデザインしていくときどのような手順を踏んでいくでしょうか?一からデザインすると言う方ももちろんいらっしゃるかと思いますが、ベースのテーマから改変していくとい手段をとられている方も多いのではないでしょうか?

wordpreesbase
Preview Theme

今日紹介するWordpressのテーマ「Empty Canvas」は名前の通り、ものすごくシンプルなテーマで、カスタマイズにてきしたテーマになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:03  |  
Category: WordPress   
2015年03月14日

3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」

アイコンは、さまざまな種類がセットになっている状態でダウンロードできることがほとんど。一度に多彩なバリエーションを手に入れることができるのも嬉しいところです。そんな中今回紹介するのは、3サイズ揃ったラインアイコンセット「100 Responsive Line Icons」です。

freebielineicon1

シンプルで柔らかいテイストのアイコンが100種、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

手軽にデザインをカスタマイズできるWebサイトテンプレートまとめ「25 Free Open Source Website Templates for Easy Customization」

企業から個人まで、幅広い目的・用途で運用されるWebサイトは、インターネットを通して情報発信をする際に欠かせないツールのひとつ。しかし、初心者が一からコードを組みWebサイトを制作するとなると、完成までにコストがかかってしまいがちです。今回ご紹介するのは、そんな手軽に制作できるWebサイトテンプレートをまとめた「25 Free Open Source Website Templates for Easy Customization」です。

25-free-open-source1
25 Free Open Source Website Templates for Easy Customization
使いやすく、カスタマイズ可能なオープンソースのWebサイトテンプレートが25種類紹介されています。さらにその中から、これはと思ったものを幾つかピックアップしてみましたのでご覧ください。

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

続きを読む
2014年01月24日

シンプルなリボンベクターセット「Minimal Vector Ribbons」

単語やテキストを目立たせたい時、タイトルのように扱いたい時などに利用されるリボンをイメージした処理。webサイトなどではよく見かけるデザインです。今回はそんなリボンのシンプルなベクターセット「Minimal Vector Ribbons」を紹介したいと思います。

ribon

余分な飾りなどは一切施されていない、ミニマルなテイストのベクターリボンが、さまざまな種類でまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: WebService   
2015年08月09日

フリーで利用できる いろいろな種類が揃ったリソース集「Fresh Free Graphic Design Resources for Designers」

フリー素材には種類がいろいろ存在していますが、数が膨大すぎてどれを選んで良いのか迷ってしまうこと、意外に多いのではないでしょうか?今回はそんなときに参考にしたい、いろいろな種類が揃ったリソース集「Fresh Free Graphic Design Resources for Designers」を紹介したいと思います。

freebie0809_1
Free PSD Goodies and Mockups for Designers: 7 FREE FRESH HANDMADE PATTERNS IN VECTOR

フリーで利用できる素材が集められており、さまざまな場面で活躍してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:19  |  
Category: Design   
2013年03月24日

躍動感ある鳥のイラストを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」

自然をテーマにしたデザインなどにモチーフとして利用することが多い鳥のイラストは、さまざまなアングルや角度から捉えた姿の種類が必要になってきます。また時にはリアルな質感が求められることも。今回はそんな鳥たちを描くことができるブラシまとめ「25 Free Bird Themed Photoshop Brush Sets」を紹介したいと思います。


bird brushes II by =lpdragonfly on deviantART

シルエットタイプの定番として使いやすいもの、また実際の鳥の質感を忠実に描き出したものまで、さまざまな種類がまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:56  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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