TOP  >  Flexbox

Tag : Flexbox

2016年11月22日

写真加工に使える!CSSで実現するイメージフェクト「20 Image Effects With CSS」

写真を利用する時、撮影されたまま利用するという事はソフトウェアが発達してきた現在まずありませんが、今日紹介するのはレタッチソフトでは無く、CSSで実現するイメージフェクト「20 Image Effects With CSS」です。

cssimage

水彩風から、黒板に書いた風のエッジを検出したものエアブラシで書いたものなどなど、全部で20ものエフェクトがCSSで指定するだけで簡単にエフェクトを利用することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:40  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加

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

2009年01月23日

無料で利用できるデザインテンプレートとPSDファイルを集めた「Free Design Template And PSD Files」

ベクターデータと同じくデザイン素材でも非常に便利なpsd形式のファイルと、デザインの手間や時間を短縮してくれるデザインテンプレートを数多く集めて紹介しているのが今回紹介する「45+ Free Design Template And PSD Files」です、


Windows 7 Box .PSD Icon

全部で45とかなり数多くのデザイン素材が公開されていますが、いくつか気になったモノをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:02  |  
Category: Design , Photoshop   
tag: 
2012年09月10日

チョークで描かれたテクスチャセット「7 Remixed Chalk Pastels」

学校の授業で黒板に文字を書く際に使用するチョークは、味のある独自の書き上がりが特徴。今回は、そんなチョークを使って塗りこまれたテクスチャセット「7 Remixed Chalk Pastels」を紹介したいと思います。

チョークの質感を生かしながら、繊細で幻想的な雰囲気を感じられるテクスチャばかりがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:39  |  
Category: Design   
2011年05月26日

ラージサイズが嬉しい クオリティの高いアイコンセットまとめ「40 Big and Highly Detailed Free Icon Sets to Improve Your Designs」

webデザインの必須アイテムであるアイコンは、フリーでもさまざまな展開がされており、利用されている方も多いと思います。そんな中今回紹介するのは、クオリティが高く、画像サイズにも余裕のあるアイコンセットをまとめた「40 Big and Highly Detailed Free Icon Sets to Improve Your Designs」です。


Sallee Design

立体感のある手の込んだアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしてみましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

WEBデザイン制作に使いやすいピクセルパターンまとめ「30 Free Brilliant Photoshop Pixel Patterns」

WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか?そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 Free Brilliant Photoshop Pixel Patterns」です。


GraphicsFuel.com | 15 seamless pixel patterns

シンプルなパターンはもちろん、イラストテイストなパターンまで、さまざまなピクセルパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2012年07月30日

ダークな色合いでさまざまな雰囲気を表現できる グランジテクスチャまとめ「7 Dark Grange Textures」

ブラックや濃度の強いダーク系の色合いは、テクスチャ表現をはっきりと出すことが難しいだけに、すでに質感が表現されているフリーの素材が非常に役に立つと思います。そんな中今回紹介するのが、ダークな色合いでさまざまな雰囲気を表現できる グランジテクスチャまとめ「7 Dark Grange Textures」です。


LT_DarkGrunge_04.jpg (JPEG 画像, 4500×3000 px) – 表示倍率 (26%)

アンダーグラウンドなテイストを手軽に表現できるグランジテクスチャがいくつか紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:08  |  
Category: Design   
2008年11月13日

雪の結晶を色々集めたベクターデータ集「Snow Flakes Vector Set」

もうそろそろ寒くなり始めてきて、冬の足跡が聞こえてきていますが、広告・デザイン業界ではもうすっかり冬モードだとおもいます。そこで今回紹介するのは冬を演出してくれるデザイン素材、雪の結晶を集めたベクターデータ集「Snow Flakes Vector Set」です。

ベーシックな物から少し変わったものまで全部で、24個のベクターデータが紹介されています。配布されているファイルの形式はeps,pdf.svgとなっていて300dpi (4167×4167)のpngデータも同封されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:26  |  
Category: Design , vector   
tag: Design vector
2016年01月14日

種類豊富に揃うフリーアイコンセットがまとめられた「1100+ Free UI Icons for Web, iOS and Android UX Design」

アイコンは同じテーマやテイストでセットになって配布されていることが多く、シリーズで統一性をもたせられるのも嬉しいところ。そんな中今回紹介するのは、種類豊富に揃うフリーアイコンセットがまとめられた「1100+ Free UI Icons for Web, iOS and Android UX Design」です。

icon0114_3
Image Editing Icons – EpicPxls freebie

非常に多彩なテーマのアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2007年11月15日

はてブコメントをスマートに閲覧できるGreasemonkeyスクリプト「habocovi.user.js」

はてなブックマークに限らずSBMのコメントにはどういったサイトなのかブックマーカーさんが解説してくれている場合や広く客観的な意見を知れたりと色々と有益な情報が記載されていることがあります。今回紹介するGreasemonkeyスクリプト「habocovi.user.js」は、はてなブックマークのコメントをスマートに簡単に閲覧できると言うスクリプトです。

はてなブコメント閲覧スクリプト

インストールするとブラウザ右下に上記のように小さいブルーの窓が表示され、ブックマーク数が表示されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:23  |  
Category: Greasemonkey , Tool   
tag: 
2009年01月17日

制作に役立つ10の商用利用できるフリーフォント「10 Delicious Free Fonts with commercial-use license」

デザインをする上で、一つの重要な要素となるフォント。今日紹介するのは制作に使える実用的な商用利用できる利用できるフリーフォント集「10 Delicious Free Fonts with commercial-use license」です。シンプルで使いやすいフォントがいくつも紹介されています。


Marketing (download)

全部で10個のフォントが紹介されていますが、今日はその中から、いくつか気になったフォントを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: Design , Font   
tag: Design Font
2011年10月05日

ログインフォームをクリエイティブに演出できるpsdデザイン集「15 Creative Free Login Form with PSD」

ユーザーが自分のページにログインするための玄関・ログインフォーム。シンプルになりがちですが、時にはデザインにもこだわりたいもの。そこで今回紹介するのが、デザイン性の高いログインフォーム素材を集めた「15 Creative Free Login Form with PSD」です。

ログインフォームにクリエイティブ性を持たせた、使いやすいデザイン素材が豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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