TOP  >  CSSフレームワーク

Tag : CSSフレームワーク

2016年03月30日

WEBデザイナーのための12の軽量なCSSフレームワーク「12 Small CSS Frameworks」

EBサイトを構築するにあたって欠かせないCSS。様々な表現が可能なものですが一から組んでいくとそれなりに時間が掛かるものです。そこで便利なのが、よく使う要素や表現を簡単に利用することができるCSSフレームワーク。今日紹介するのはWEBデザイナーのために12の軽量なCSSフレームワーク「12 Small CSS Frameworks」です。

0577-01-small-css-framework-min
min

すべて5KB以内に収まるという非常に軽量なCSSフレームワークのみまとめられていましたので、その中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2010年05月21日

jQueryを使ったフルスクリーンで演出するスライドショー「Sliding Panel Photo Wall Gallery with jQuery」

javascriptを使って様々な表現ができるjQuery。様々なシーンで利用されていますが、今日紹介するのはよくあるスライダーで表現されたスライドショーではなくて、フルスクリーンをで演出されるスライドショー&ギャラリー「Sliding Panel Photo Wall Gallery with jQuery」を紹介したいと思います。

photowall

上記のように一面に画像を引き詰め、その画像をクリックするとしたからせりでてくるようなエフェクトで画面遷移され、個別の画像が表示されると言うものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:54  |  
Category: WebDesign   
2008年02月15日

フリーで使えるphotoshopブラシ&カスタムシェイプ配布サイト「PhotoshopBrushes.com」

フリーで使えるブラシ、カスタムシェイプ、パターン、レイヤースタイルを数多く収録、配布しているサイトが今回紹介する「Photoshop Brushes」です。収録されている物は多岐に渡り、それぞれカテゴリに分けられて収録されています。

photoshopbrushes.jpg

それぞれ配布されているブラシやカスタムシェイプなどは、そのブラシやシェイプを使って作った画像がサムネイルで表示されていて、イメージから探すことができます。ザッと見てみていくつか気になった物を下記にピックアップしておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:43  |  
Category: Design , Photoshop   
2008年09月16日

フリーのベクターグラフィックソフト「DrawBerry」

ベクターデータでデザインしたいけども、illustratorは高くて手が出ないと思っている方や、出先でちょっとしたデザインを制作しなければ行けない時、これからデザインを勉強したいけど、とりあえずデザインに触れたいという方にオススメなソフトウェアが今回紹介するフリーのベクターグラフィックソフト「DrawBerry」です。

実際動作しているスクリーンキャストが公開されていましたので、下記に動画を貼り付けておきます。

動画は以下から

(続きを読む…)

続きを読む
posted 06:13  |  
Category: Tool   
2018年04月20日

カタログなどを含めたクリエイティブなフォトブックレットテンプレートまとめ「25 Creative Photography Booklet and Brochure Templates」

写真家のポートフォリオとして欠かせないフォトブック。できる限りおしゃれなものにしたいですが、自分が納得できるものに仕上げる事ができないときもあるのではないでしょうか。そんなシーンで役立つ「25 Creative Photography Booklet and Brochure Templates」をご紹介致します。

Photography Booklet_top
A4 PORTFOLIO ~ Brochure Templates ~ Creative Market

入れ替えの作業の手間もなく、ハイクオリティなデザインばかりが収録されています。いくつかピックアップしているので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
2007年12月09日

テキストを色々な形で回り込ませる「CSS Text Wrapper」

テキストの回りこみはWEBのデザインではあまりにも自由度が低いです。今日紹介する「CSS Text Wrapper」はそんなテキストの回りこみを自由に表現するためのWEBサービスです。

テキストの回りこみ

こちらのサイトでは自分で好きな図形を形作り、それに合わせてテキストを配置することができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:49  |  
Category: WebService   
2011年07月15日

クオリティの高い金属テクスチャ素材集「High Quality Metal Textures You Would Download」

ハードなイメージを表現する時に効果的な金属テクスチャ。独特の錆具合や汚れ具合などイメージ通りのテクスチャを探し出すことができれば、世界観をより一層つくりあげることができます。そこで今回紹介するのが、さまざまな金属テクスチャ素材を集めた「High Quality Metal Textures You Would Download」です。


Grunge Textures – Manhole Cover #1134 – Free Stock Photo

金属の輝きが美しいテクスチャから、使い込まれた独特の風合いを持つテクスチャまで、さまざまなテクスチャが紹介されています。今回はその中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2012年10月21日

iPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」

そろそろiPhone5の販売も一段落していて、多くの方が手にしている現状で、iPhone4Sなどの旧機種のユーザーもiOS6へのアップデートからもしばらくたちますので、モックアップも、iOS5のままというわけにも行かなくなってきているなんて制作会社の方もいらっしゃるのではないでしょうか?今日紹介するのはiPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」です。

iOS5と比べて細かなUIが変わっていますし、iPhone5画面解像度も変わっていますので、WEBサイトの見栄えも多少変わっています。

詳しくは以下

(続きを読む…)

続きを読む
2012年03月30日

豪華な雰囲気を演出できるバラがモチーフのパターンまとめ「100+ Lovely Rose Pattern Designs for Attractive Outputs」

春先になるとさまざまな場面で、花柄を利用したデザインを見かけることも増えてくるのではないでしょうか?そんな中今回紹介するのが、豪華な雰囲気を演出できるバラがモチーフのパターンをまとめた「100+ Lovely Rose Pattern Designs for Attractive Outputs」です。


Pattern / sugar rose :: COLOURlovers

絵画のような美しさを感じられるパターンから、幾何学的な模様がユニークなパターンまで、さまざまなパターンデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:53  |  
Category: WebService   
2013年08月01日

デザインにクリエイティブ性をプラスできる Photoshopブラシまとめ「Useful Photoshop Brushes For Your Daily Use」

Photoshopでさまざまな表現が可能なブラシは、デザインに簡単にクリエイティブ性をプラスできるツールとして、多くのデザイナーに愛用されています。今回はそんなブラシをまとめた「Useful Photoshop Brushes For Your Daily Use」を紹介したいと思います。

brush5
Wet Paint Acrylic Photoshop Brushes | Tutorial9

それぞれに特徴を持った多彩な表現が可能なブラシがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:43  |  
Category: Design   
2008年05月27日

フリークリップアート専用検索エンジン「Find Free Clipart」

前回「デザイン素材専用サーチエンジン「Design Resources Search Engine」」と言う記事で写真やシェイプなどのデザイン素材専門の検索エンジンを紹介しましたが、今回紹介する「Find Free Clipart」はフリーのクリップアート専門の検索サービスです。

非常にシンプルなインターフェイスなので普段検索エンジンを使っている方でしたらまず迷うことはないかと思います。試しに例に挙がっていた「Vector Flowers」を検索してみました。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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