TOP  >  フレームワーク

Tag : フレームワーク

2012年12月20日

シンプルなベースフレームで明快にレスポンシブデザインが実装できるフレームワーク「BASE」

最近のWEBデザインの主流の一つレスポンシブデザイン。端末の解像度に応じて、その端末に最適化したデザインを提供してくれるものですが、慣れていないとなかなか一から構築となると難しいものです。今日紹介するのはシンプルなベースフレームで明快にレスポンシブデザインが実装できるフレームワーク「BASE」です。

こちらは「Super Simple Responsive Framework」とある通り、至ってシンプルなもので、テキストリンク、リスト、テーブルなどなど、基本要素のみで構築されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:15  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年09月24日

PC、タブレット、スマートフォンで使えるUIフレームワーク「Kendo UI 」

多くの、端末がリリースされていて、端末間の表示を合わせるのはフレームワークを使わないと色々と面倒になってきました。今日紹介するのはPC、タブレット、スマートフォンで使えるHTML5ベースのUIフレームワーク「Kendo UI 」です。

基本的にはjsとcssで作られたフレームワークとなっていてjsとcssを読み込み、ルールに沿って、記述していく形になります。

詳しくは以下

(さらに…)

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

CSS3のWEBデザインを簡易化してくれるUIフレームワーク「CSS3 Button UI」

まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。

予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。

詳しくは以下

コードの呼び出し例は以下のとおり。

上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。

CSS3 Button UI

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

WEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」

一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。

simpl
Simpl

よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2012年04月13日

ビビットなカラーリングが印象的なファブリックテクスチャまとめ「A Selection Of The Best Fabric Textures Available For Download」

クオリティの高いデザイン制作をするには、テクスチャの利用も大切な要素の一つ。そんな中今回紹介するのが、パワフルで明るい印象を演出できる、ビビットなカラーリングが印象的なファブリックテクスチャまとめた「A Selection Of The Best Fabric Textures Available For Download」です。


free_high_res_texture_346 | Flickr – Photo Sharing!

ハワイアンプリントやアジアンテイストなファブリックなど、表情豊かなファブリックテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:48  |  
Category: Design   
2014年07月05日

最新のデザイナーのためのフリー素材まとめ「Top 50 Free Resources for Designers from June 2014」

デザイナーにとってもはや必要不可欠といっても良い程便利な存在となっているフリー素材。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんなフリー素材の比較的最新のものをまとめた「「Top 50 Free Resources for Designers from June 2014」」を今回は紹介します。

freebies1
Dribbble – Freebie! Starnight HTML5/CSS3 Website Template! by Peter Finlan

テンプレートやUI、テクスチャやフォントなど、種類豊富に揃っているので、いざという時非常に役立ってくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」

webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。

jqfont0
Textillate.js

独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 01:59  |  
Category: plugin   
2014年11月01日

600種の豊富なベクターシルエット素材「Free download: 600+ free vector silhouettes」

いろいろなデザインシーンで便利に活用できるベクターのシルエット素材。さまざまな種類をストックしておくといざという時に活躍してくれます。そんな中今回紹介するのは、600種の豊富なベクターシルエット素材「Free download: 600+ free vector silhouettes」です。

600vector1

人間はもちろん、動物、乗り物など、種類豊富にさまざまなポーズのベクターシルエットがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: vector   
2009年09月10日

商用可!5000を超えるシルエットベクターデータ配布サイト「All Silhouettes」

様々なデザインシーンに使えるシルエット素材。単純で、曖昧なので、どんなデザインにも合わせる事ができますし、背景だったりアクセントだったり使い勝手も非常に良い素材の一つですが、今回紹介するのはそんなシルエット素材を集めたWEBサイト「All Silhouettes」です。

shiruetto01

全部で5000を超えるシルエットが88にも及ぶパックで公開されています。種類は様々で、動物から人間、機械、矢印と様々なシーンのシルエットが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:00  |  
Category: Design , vector   
tag: Design vector
2014年10月27日

魅力的なフリー素材がたくさん揃った「50 Killer Yet Free Web Resources You May Want To Get Today」

常に新しいものが誕生し続けているフリー素材。いろいろな場面でダウンロードできるようになっています。そんな中今回は、魅力的なフリー素材がたくさん揃った「50 Killer Yet Free Web Resources You May Want To Get Today」を紹介したいと思います。

resources1
iPhone 6 PSD Mockups on Behance

UIやフォント、アイコン、モックアップなど、さまざまな種類の素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:29  |  
Category: Design   
2008年03月11日

グラフィカルなフリーベクターデータを公開する「ClickPopMedia」

デザイン制作に非常に便利なベクターデータ。今日紹介する「ClickPopMedia」はそんなベクターデータの中でもグラフィカルなベクターデータを中心に公開、配布しているサイトです。グラフィック的な要素が強いので、万人に役立つと言ったわけではないのですが、探していたと言うものがあればかなり役立つサイトになっています。

ベクターデータがダウンロードできる

扱われているのは「イギリス風ベクターデータ」「筆ブラシ」「テープとテープ台」「鉛筆」とモチーフが決まっているベクターデータが中心です。公開されているベクターデータの中からピックアップして下記にいくつか紹介しておきます。

詳しくは以下

(さらに…)

続きを読む
posted 06:23  |  
Category: Design , vector   
2014年10月23日

レトロタッチのフォントが豊富に揃った「75 Free Retro Style Fonts」

フリーフォントにもさまざまなテイストのものが存在しており、デザインによって使い分けることで、より魅力的に見せることができます。そんな中今回紹介するのは、レトロタッチのフォントが豊富に揃った「75 Free Retro Style Fonts」です。

retro0
Titania Font | dafont.com

レトロな雰囲気を存分に感じられるフリーフォントが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:54  |  
Category: Font   
2016年06月06日

CSS3 Flexbox UIパターン集「Flexbox Patterns」

CSS3で利用できるようになったFlexbox。WEBアプリやレスポンシブを想定して開発されたものですが、まだまだ現場ではそれほど普及していないのが現状です。今日紹介するのはそんなFlexboxを理解・利用するための様々なUIを簡単に利用できるCSSのFlexbox UIパターン集「Flexbox Patterns」です。

flex02

「Flexbox Patterns」は利用しやすくなるようにそれぞれのユーザーインターフェイス毎に、簡単な解説と、CSSとHTMLがセットでコピーできるようになっており、コピー&ペーストで利用できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:55  |  
Category: WebDesign   
2008年08月28日

ベクターデータで描かれた壁紙を集めた「20 Cool Vector Wallpaper Designs」

壁紙を配布しているサイトは、国内外に問わずかなり有るかと思いますが、今日紹介する「20 Cool Vector Wallpaper Designs」は少し変わっていて、ベクターデータで描かれた壁紙を公開しているサイトを集めたエントリーです。ベクターデータで制作されているだけあって、グラフィカルなものが多いです。


Biker Vectorized

全部で20個のベクターデータの壁紙が公開されていますが、今日はその中からいくつか気になる壁紙をピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Design , vector   
tag: Design vector

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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