TOP  >  sliders

Tag : sliders

2017年08月11日

CSSだけで使えるスライダー10選「10 Free Open Source Carousel Sliders Built With Pure CSS」

情報を詰め込んだWEBサイト、どれもこれも見せたいのですが、そのためには情報を有効的に見せる事が重要になってきます。今回紹介するのは情報を魅力的に見せることができる、CSSだけで表現されたスライダーをまとめたエントリー「10 Free Open Source Carousel Sliders Built With Pure CSS」です。

OSCSliders01
Pure-CSS Netflix Show Carousel

スライダーとひとことで言っても様々な表現があります。今回は集められているスライダーの中でも気になったものをピックアップしてみました。

詳しくは以下

(さらに…)

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

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

2018年05月05日

デザインに使えるハイクオリティなスクリプトフォントまとめ「36 Free Script Fonts for Graphic Designers」

デザインのトレンドとしても人気の高い、手描きのような筆致が魅力のスクリプトフォント。注目度の高いクリプトフォントだからこそ、様々なテイストのものをチェックしておきたいもの。今回ご紹介するのはそんな方におすすめしたい、多数テイストのスプリクトフォントをまとめた「36 Free Script Fonts for Graphic Designers」です。

36-free-script-fonts-for-graphic-designers1
36 Free Script Fonts for Graphic Designers | Fonts | Graphic Design Junction

大胆な筆を使ったような荒々しい書体から、繊細でエレガントなものまで、36種類ものスプリクトフォントが紹介されています。今回はその中から幾つか、気に入ったフォントをピックアップしましたのでご覧下さい。

詳しくは以下
(さらに…)

続きを読む
posted 10:16  |  
Category: Font   
2017年12月31日

クオリティの高いフリーで使えるパッケージモックアップまとめ「20 Realistic Free Food Packaging Mockups」

ブランディングやパッケージデザインを提案する時に重要な役割を果たすモックアップ。その精度が高ければ高いほど、クライアントにリアルなイメージを提供することができます。そんな時に役立ってくれるのが今回紹介する、クオリティの高いフリーで使えるパッケージモックアップまとめ「20 Realistic Free Food Packaging Mockups」です。

foodpackage01
Ice Cream Cup Mockups | MockupWorld

パッケージモックアップが20種類紹介されていますが、どれも精度の高いものばかりです。中でも気になったものをピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
2017年04月19日

マテリアルデザインを取り入れたフリーワードプレステーマ「10 Free WordPress Themes that Utilize Material Design」

フラットデザインの弱点を解決すべくうまれたマテリアルデザイン。デバイスをまたいだシームレスな使い心地が特徴で、平面に質量と触覚を生み出し、ユーザーに沿うものへと進化しました。今回はそんなマテリアルデザインを取り入れたフリーワードプレステーマ「10 Free WordPress Themes that Utilize Material Design」を紹介したいと思います。

material01
Teslata — Free WordPress Themes

マテリアルデザインのベーシックな構造とデザイン性を反映させたワードプレステーマが揃っています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年09月17日

利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」

マウスオーバーしたときに出現するツールチップ、その対象物の内容を説明したり、補足的なデータを表示したりとユーザーインターフェイスを向上させてくれるテクニックの一つです。今日紹介するのは利用しやすいjQueryで作るツールチップを集めた「25 Useful jQuery Tooltip Plugins and Tutorials」です。

jquerytooltip01
qTip – The jQuery Tooltip Plugin

吹き出しタイプやフェードタイプなど様々なもの集められていますが、今回はそのなかからいくつか気になったツールチップをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 08:48  |  
Category: WebDesign   
2008年01月08日

役割別にUIデザインを集めたFlickrコレクション「Design Solutions」

様々なFlickrセットやコレクションが公開されていますが、今回紹介するのはWEBのユーザーインターフェイスに特化したコレクション「Design Solutions」こちらではWEBページの役割毎にユーザーインターフェイスのセットを作っています。

ユーザーインターフェイスコレクション

かなりのセットが用意されていて、404ページ、フォームページ、フッターなどの基本的なページから、コメント、ヘッドライン、カレンダーと言った少し変わったUIまで全部で34セットのユーザーインターフェイスが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:34  |  
Category: WebDesign   
tag: webdesign
2014年10月02日

イラストレーターを使い慣れていない人でもわかりやすいチュートリアルまとめ「50 Fresh Adobe Illustrator Tutorials for Beginners」

幅広いグラフィック表現を可能にするソフト・イラストレーター。豊富な機能ゆえ、なかなか使いこなせていないという方も多いのではないでしょうか?そんな中今回は、イラストレーターを使い慣れていない人でもわかりやすいチュートリアルまとめ「50 Fresh Adobe Illustrator Tutorials for Beginners」を紹介したいと思います。

tutorials1001_1
Create a Tasty Pretzel Text Effect in Adobe Illustrator – Tuts+ Design & Illustration Tutorial

さまざまな種類のグラフィックを描き出せる、イラストレーターでの制作方法が分かりやすく紹介された記事がまとめられています。

詳しくは以下

(さらに…)

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

リアルな壁面を作り出すphotoshopブラシ「Free High Res Photoshop Brushes」

色々とグラフィカルな表現に使えそうなテクスチャがコンクリートなどのひび割れた壁。

グランジブラシ

以下にこの「Free High Res Photoshop Brushes」を使って描いた画像をいくつかピックアップしておきます。描いたと言ってもブラシを選択して押したといったほうが正しいのですがかなり良い感じで壁面を作り出すことができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:28  |  
Category: Design , Photoshop   
2012年06月12日

WEBデザインに利用しやすいミニマルアイコンまとめ「25 Sets Of Clean Icons For Perfect Minimal Web Design」

表示サイズが小さくなることも多いWEBデザインでは、シンプルで分かりやすいアイコンの必要性を感じる場面も多いのではないでしょうか?そこで今回紹介するのが、WEBデザインに利用しやすいミニマルアイコンをまとめた「25 Sets Of Clean Icons For Perfect Minimal Web Design」です。


Impressionist UI Free – User Interface Pack – DesignModo

カラーを利用しないシンプルなデザインの中でも、表現力が高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:14  |  
Category: Design   
2012年11月04日

CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」

インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。写真に色を乗せたり、色を抜いたり、様々な加工を施して写真の印象を簡単に変えてくれるものですが、今回紹介するのはフォトレタッチソフトを利用したものではなく、CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」 です。

こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。

詳しくは以下

(さらに…)

続きを読む
posted 02:59  |  
Category: Design , WebDesign   
2014年02月02日

クリエイティブ・デザイン性の高い40種のフリーフォント「40 Recently Released Free Fonts」

たくさんのフリーフォントがダウンロードできる環境にある中、膨大な種類からクリエイティブな印象のフォントを探し出すのは意外に大変なもの。そんな時にチェックしたい、クリエイティブ・・デザイン性の高いフリーフォントを集めた「40 Recently Released Free Fonts」を紹介したいと思います。

font140202_1
Korneuburg Slab | Free Font on Behance

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

詳しくは以下

(さらに…)

続きを読む
posted 10:26  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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