TOP  >  tab

Tag : tab

2010年09月11日

CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」

数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。


Sweet Tabbed Navigation Bar using CSS3

デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2012年11月04日

CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」

インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。写真に色を乗せたり、色を抜いたり、様々な加工を施して写真の印象を簡単に変えてくれるものですが、今回紹介するのはフォトレタッチソフトを利用したものではなく、CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」 です。

こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:59  |  
Category: Design , WebDesign   
2016年11月20日

2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」

WEBデザインの世界は非常にトレンドの流行り廃りが早く、昨年のものは今年、今年のものを来年使えないぐらいのスピードでトレンドが移り変わっていきます。今日紹介するのは来年の2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」です。

photo-1467232004584-a241de8bcf5d

来年の注目すべき、WEBデザインのトレンドが全部で6つまとめられていましたので、順に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:20  |  
Category: WebDesign   
2011年04月23日

グローバルメニューを手軽に動作させることができるJQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」

webサイトを制作する上で、必ず必要となるグローバルナビは、ユーザーがもっとも多く通過する重要な要素となっており、グローバルナビの分かりやすさ使いやすさは、webサイトの最重要課題ではないでしょうか?そこで今回紹介するのは、デザイン性が高く、ユニークな動きを手軽に取り入れることができるグローバルメニュー用JQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」です。


Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops

どんなサイトにも使いやすいシンプルなデザインから、ポップで印象的なデザインまでさまざまなグローバルメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2008年10月04日

商用可!立体感のあるクオリティの高いフリーアイコンセット「DelliPack1.0&2.0」

今まで「システムアイコンからアプリアイコンまで170のアイコンを収録したアイコンセット「170 dock icons」」や「可愛らしいフリーアイコンセット集「26 Free Icon Sets We Love」」などと様々なアイコンセットを紹介してきましたが、今日紹介する「DelliPack 1.0&2.0」は立体感があり、クオリティの高いフリーアイコンセットです。

パレット、金庫、建物、黒板からなどの少し特徴的な物から、人物、更新アイコンなど標準的なものまで、バリエーション豊かなアイコンが収録されています。

詳しくは以下


DelliPack 1.0
 
 

DelliPack 2.0
 
 
二つのファイルともにzipファイルで配布されていて、ファイル形式はPNGでサイズは256, 128, 64, 48, 32 and 16 pixelsの6種類が用意されています。またDelliPack 1.0の方は「Smashing Magazine」でPSDファイルも公開されていますのでアイコン制作の勉強用にも良さそうです。

自由にダウンロードでき、アイコンは再配布、販売を除いて、商用、非商用問わずどんな規制も受ける事無く、自由に利用する事が出来ます。

Dellustrations | Creative Studios, Web Design, Graphic Design, Marketing Firm in Boston Massachusetts

続きを読む
posted 07:46  |  
Category: Design   
2018年03月10日

デザイナーワークスペースを表現できる フリーイラストレーションセット「Designer Workspace Illustrations」

デザイナーなどクリエイティブな仕事をしている人のデスク周りは、デザイン関連のアイテムで構成されていることが多かったりします。今回はそんなデザイナーワークスペースを表現できる、フリーイラストレーションセット「Designer Workspace Illustrations」を紹介します。

workspace1

フラットなイラストで、デザイナーのデスクからPCのデスクトップまでが描き上げられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:54  |  
Category: Design   
2015年02月25日

中国の新年を彩るアイコンセット「Chinese New Year Icon Pack (50 Icons) 」

中国では旧正月のシーズンということもあり、お祝いやお祭で賑わっている地域も多いのではないかと思います。そんな中今回紹介するのは、中国の新年を彩るアイコンセット「Chinese New Year Icon Pack (50 Icons) 」です。

chinaicon

中国の新年を彩るのにふさわしいモチーフが揃った、他ではあまり見かけないテーマのアイコンセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年10月04日

タッチが魅力!レトロアメリカンな木彫りの動物たちのベクターアート素材「Savage Animals Vector Bundle」

レトロアメリカンな雰囲気のデザインテイストは、アウトドアテイストやヴィテージなデザインを行いたい時にピッタリ。そんなときに活用したい、ちょっとレトロな動物たちのベクターアート素材「Savage Animals Vector Bundle」を今回は紹介します。

savage-animals-vector-bundle1

木彫り風に描かれた動物たちの、高品質なベクターアートが11種類そろったフリーダウンロード素材です。

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

続きを読む
2016年11月23日

ベクター素材で利用できるリアルな木目テクスチャ「20 Free Vector Pallet Wood Textures」

デザインに質感や温かみを与えてくれる木目素材。様々なデザインで重宝する素材の一つで、それだけにテクスチャとしてもかなりの数が配布されていますが、今日紹介するのはベクター素材で利用できるリアルな木目テクスチャ「20 Free Vector Pallet Wood Textures」です。

s_woodte

節があるものから、フローリングのようなものまで全部で20のベクターテクスチャが公開されていました。収録されている木目は以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:12  |  
Category: WebService   
2016年10月01日

医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」

私達の生活にも密接に関わりのある医療。広告やWEB制作でも医療に関するモチーフを利用する場合が直接的にも間接的にもありますが、今日紹介するのは医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」です。

p

このアイコンはベクターで描かれており、影などをあしらい、シンプルながらも質感のあるアイコンセットに仕上がっています。収録されているアイコンは以下の通りです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:48  |  
Category: Design , Photoshop , vector   
2017年01月23日

クリエイティブな管理画面のためのインスピレーション集「20 Inspirational Dashboard Designs」

CMSなどのシステムの管理やユーザーが自らの情報を操作・管理を行う、管理画面/ダッシュボード。基本的にフロントでは表示されないため、デザインに拘らない場合も多いのですが、今日紹介するのクリエイティブな管理画面のためのインスピレーション集「20 Inspirational Dashboard Designs」です。

01-insp
iPad Dashboard

管理画面/ダッシュボードのデザイン事例が全部で20集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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