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   
このエントリーをはてなブックマークに追加

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

2015年12月04日

デザイナー必見 最新のフリーリソースが多数ピックアップされた「60+ fresh resources for designers, December 2015」

デザイナーであれば、日々最新の素材はチェックしておきたいもの。しかし、どんどんと新しいものが追加され続けており、どれからチェックすれば良いか迷ってしまうことも。今回はそんなシーンにおすすめの「60+ fresh resources for designers, December 2015」を紹介したいと思います。

designers1203_1
Newspaper Style Design

最新のフリーリソースが多数ピックアップされた、注目のまとめとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2011年06月24日

豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」

デザイン制作に欠かせない存在となっているアイコンは、多くのフリー素材が展開されており、利用している方も多いと思います。そんな中今回紹介するのは、豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」です。


Set of social icons by ~Tydlinka on deviantART

サービスロゴなどをモチーフにしたアイコンが多数紹介されています。中でも特に気になったアイコンをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:52  |  
Category: Design   
2018年11月05日

デザインをもっとハイクオリティに演出できるフリーフォントまとめ「21 Super Fresh Free Fonts for Graphic Designers」

デザインに必要不可欠なフォントは、選ぶ種類によってクオリティを左右する重要な要素。そんな中今回紹介するのは、デザインをもっとハイクオリティに演出できるフリーフォントまとめ「21 Super Fresh Free Fonts for Graphic Designers」です。

font1103_3
OLD MAN – VINTAGE FONT – FREE DOWNLOAD on Behance

21種の、比較的新しいフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Font   
2012年03月01日

ロシア語を表現できるさまざまなフリーフォントまとめ「A Showcase of Free To Download Russian Fonts」

アルファベットというと英語を連想することも多いと思いますが、他言語を取り入れることで今までにない、斬新な表現力が高まるということもあるのではないでしょうか?そこで今回紹介するのが、ロシア語を表現できるさまざまなフリーフォントをまとめた「A Showcase of Free To Download Russian Fonts」です。


Capitalist Font | dafont.com

スタイリッシュなフォントから、可愛らしさのあるフォントまで、ロシア語特有の雰囲気を感じられるフォントがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:01  |  
Category: Design , Font   
2015年10月29日

種類の豊富さが魅力 デザインフリーフォントまとめ「101 best free fonts, fall 2015」

どんどんと新しい種類が生み出され続けているフォント。フリーでダウンロードでき、さらにデザイン性も高いものも数多く配布されています。そんな中今回紹介するのは、種類の豊富さが魅力なデザインフリーフォントまとめ「101 best free fonts, fall 2015」です。

font1029_1
Omnibus-Type – Chivo

比較的新しいフリーフォントが多数まとめられています。どれも非常に魅力的なものばかり、以下に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:13  |  
Category: WebService   
2016年01月13日

HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」

テンプレートを使用することで、作業効率を上げながらデザインクオリティを高めることができたり、コスト削減をすることが可能となります。そんな中今回紹介するのは、HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」です。

html0112_3
zGoodFood – Free Responsive Html5 Css3 Templates | Themes

PC・スマートフォン等のいろいろなタイプのテンプレートがまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

デザイナーのためのデザイン性のある最新フリーフォントを紹介した「New Free Fonts For Designers」

数ある多数のフォントの中からデザインにぴったりと合う、クオリティの高いものを探し出すのは意外に大変なもの。そんな時に参考にしたい、デザイン性のある最新フリーフォントを紹介した「New Free Fonts For Designers」を今回は紹介したいと思います。

font140714_1
Typography: Asgalt Free Font on Behance

ハイクオリティなフォントがまとめられているので、デザインの質をアップさせたい時におすすめです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2009年06月30日

ワンページにすべてをおさめるWEBデザイン集「41 Sleek Single Page Websites」

国内で一般的なWEBページの構造を思い浮かべるとしたら皆さんはどんなものを思い浮かべるでしょうか?スタンダードな例として、ページが複数ページがあってそれをグローバルナビゲーションでまとめているといった作りがあります。今日紹介する「41 Sleek Single Page Websites」は先ほどあげたスタンダードな例ではなくて、すべてのコンテンツを1枚のページに集約したWEBの構成をとっているWEBページを集めたエントリーです。

onepweb01
Pictureghjk 8

まとめているからと言って、コンテンツが充実していないという訳ではなく、機能的には問題ない形で1ページに落とし込んでいます。今回はいくつか収録されているもののなかから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:15  |  
Category: WebDesign   
tag: webdesign
2018年01月21日

水彩の草花の風合いが美しいイラストセット「Botanical Garden Watercolor Set」

高い技術を活かしたデザインがどんどん進化する中、アナログな手描きのデザインは常に根強い人気を誇っています。そんな中今回紹介するのは、水彩の草花の風合いが美しいイラストセット「Botanical Garden Watercolor Set」です。

botanifree1

ボタニカルテイストの植物イラストをセットでダウンロードすることができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2015年01月12日

ビジネスシーンに活躍するアイコン「50 Business Icons」

webサイトの種類として、ビジネス系のサイトを制作することは多いと思いますが、今回はそんなシーンに活躍してくれるアイコン「50 Business Icons」を紹介したいと思います。

bussinessicn

ビジネスをテーマとしたアイコンが50種まとめてダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:27  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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