TOP  >  turnbox.js

Tag : turnbox.js

2016年03月13日

divもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」

IEのサポートも縮小され、少しづつではありますが、制作の現場もアニメーションやエフェクトに対して積極的になってきました。本日紹介するのはdivもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」です。

turnbox1

こちらは様々な要素に対して、回転のエフェクトを与えることが可能となっております。例えばON/OFFのトグルだったり、アップロードだったりダイアログだったり、div自身にも与えることができるため、ページ全体を切り替えるようにした使い方も可能です。

詳しくは以下

(続きを読む…)

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

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

2017年01月07日

クリエイティブな1ページレイアウトを集めた「50 Beautiful One-Page Websites」

伝えたい情報を1Pにまとめた縦長の1ページレイアウト。メニューなどは存在しますが、基本的には上から読んでいくような構成でユーザービリティに優れた簡潔なWEB構成となっています。今回紹介するのはそんな1ページレイアウトの中でもクリエイティブなものを集めた「50 Beautiful One-Page Websites for Inspiration」です。

01one
Nigel Evan Dennis, 2014

様々な業種業態の1ページで制作されたWEBページが全部で50集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design , WebDesign   
2012年07月09日

虹色の7色を利用した素材まとめ「65 Great Rainbow Textures, Patterns and Backgrounds」

夏が近づくと、より明るくカラフルなイメージのデザインも増えてくるのではないでしょうか?そこで今回紹介するのが、虹色の7色を利用したテクスチャ、パターン、背景素材をまとめた「65 Great Rainbow Textures, Patterns and Backgrounds」です。


Colorful Whirlpool Vector Background | Flickr – Photo Sharing!

カラフルで楽しい気分になれそうな素材が豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:21  |  
Category: Design   
2011年12月21日

PhotoshopやIllustatorでカスタマイズできるパターン素材まとめ「Ultimate Round Up of Free and Fresh Photoshop Patterns」

デザイン制作に欠かせないパターン素材は、デザインソフトでカスタマイズできる状態だと、制作のさまざまなシーンで利用しやすいもの。そんな中今回紹介するのが、PhotoshopやIllustatorでカスタマイズできるパターンを集めた「Ultimate Round Up of Free and Fresh Photoshop Patterns」です。


22 Hexagon Photoshop Patterns (PAT) | Photoshop Patterns

幾何学模様のキレイなパターンから、アイテムをモチーフにしたパターンまで、さまざまなパターン素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:38  |  
Category: Design , Photoshop   
2015年06月29日

ロゴ制作やパーツ素材として利用できる チョーク風手描きテキストなフリーベクターセット「Free download: Chalk vector elements」

アイコンやテクスチャ、psd形式、SVG形式など、素材にはいろいろな形式や種類が存在していますが、中でもベクター形式の素材は、いろいろな加工を施したり形や色を変えることが容易なため、とても重宝する素材だと思います。そんな中今回は、ロゴ制作やパーツ素材として利用できる、チョーク風手描きテキストなフリーベクターセット「Free download: Chalk vector elements」を紹介します。

chalk1

チョークを使って描いたような、ラフなテイストのベクター素材がたくさんセットになっています。

詳しくは以下

(続きを読む…)

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

いろんなデザインに対応できる フリーミニマルアイコン「20 Free Minimalistic Icon Sets」

アイコン素材の中でもシンプルなテイストのアイコンは、いろいろなデザインに対応できるため非常に重宝します。そこで今回は、是非ストックしておきたいフリーミニマルアイコン「20 Free Minimalistic Icon Sets」を紹介したいと思います。

minimalicon5
Dribbble – Minimal line Icons by Vincent Tantardini

ミニマルテイストの多彩な種類のアイコンが20種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

テキストに動きを取り入れより印象的なデザインに「11 Beautiful Text Effects Created With CSS」

フォント・文字・テキストを使ったデザインはとても魅力的で、いろいろな表現方法でデザインがされていますが、今回はテキストに動きを取り入れより印象的なデザインに仕上げることができるエフェクト集「11 Beautiful Text Effects Created With CSS」を紹介したいと思います。

effect0226_4
CSS3 text-shadow effects

そのままだとデザイン文字といった印象ですが、CSSで動きを加えることにより、もっと魅力が増したデザイン文字に仕上げることができます。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

WebデザインやGUIデザインに使用できる最新のPSD素材まとめ「36 New Free Photoshop PSD Files for UI Designers」

編集可能なPSD素材は様々な場面で役に立ってくれる存在。できれば最新の素材を手元に置いてきたいもの。そんな中今回ご紹介する「36 New Free Photoshop PSD Files for UI Designers」は、ロゴやアプリのUIから名刺テンプレートまで含まれた最新のまとめとなっています。

FreePsdFiles_top
Daily UI #029 – Music player by Marko Nedeljkovic – Dribbble

どれもクオリティの高い、さまざまな種類のPSD素材がまとめられています。気になるものをいくつかピックアップしているので以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2016年02月15日

飾り素材として活用できる フリーpsdリボン素材まとめ「10 Free Ribbons PSD Files」

デザインのポイントとして活用できる飾り系の素材。バッジやタグなどいろいろな種類が展開されていますが、今回紹介するのは、飾り素材として活用できるフリーpsdリボン素材まとめ「10 Free Ribbons PSD Files」です。

ribbon2
Pretty Little Red Ribbon (PSD)

リボンといえば可愛らしいイメージですが、このまとめで紹介されているものは、さほど女性に寄り過ぎた感や癖ない利用しやすいものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2009年08月19日

様々なフリーベクターデータがダウンロードできる「Vectors on Fire」

グラフィックデザインをする上で非常に便利なベクターデータ。様々な現場で活躍していますが、今日紹介するのはそんな便利なベクターデータの素材がダウンロードできるWEBサイト「Vectors on Fire」です。

vectorfire01

バックグラウンドやイラストレーションから超リアルに表現された金魚といったかわったものまで様々なベクターデータが用意されています。いくつか公開されていますが、今日はそのなかからいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:06  |  
Category: Design , vector   
tag: Design vector
2008年03月29日

サイトのギャラリーに最適なスマートなギャラリーライブラリ「Galleria」

WEBで画像を表示するようなギャラリーはよく見かけるし、作品紹介や、写真紹介など様々な用途で使われる場合が多いです。Flashなどを使ってギャラリーページを作っても良いのですが、もっと手軽にかっこいいギャラリーを作りたいそんな時におすすめなのが、今回紹介するJavaScriptベースのライブラリ「Galleria」です。

gallryjquery02.jpg

「Galleria」はJQueryを使ったライブラリで、シンプルながらも画像表示にフェードをかけたり画像の表示もスマートで、導入も比較的簡単にできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:24  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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