TOP  >  フレームワーク

Tag : フレームワーク

2012年12月20日

シンプルなベースフレームで明快にレスポンシブデザインが実装できるフレームワーク「BASE」

最近のWEBデザインの主流の一つレスポンシブデザイン。端末の解像度に応じて、その端末に最適化したデザインを提供してくれるものですが、慣れていないとなかなか一から構築となると難しいものです。今日紹介するのはシンプルなベースフレームで明快にレスポンシブデザインが実装できるフレームワーク「BASE」です。

こちらは「Super Simple Responsive Framework」とある通り、至ってシンプルなもので、テキストリンク、リスト、テーブルなどなど、基本要素のみで構築されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:15  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年09月24日

PC、タブレット、スマートフォンで使えるUIフレームワーク「Kendo UI 」

多くの、端末がリリースされていて、端末間の表示を合わせるのはフレームワークを使わないと色々と面倒になってきました。今日紹介するのはPC、タブレット、スマートフォンで使えるHTML5ベースのUIフレームワーク「Kendo UI 」です。

基本的にはjsとcssで作られたフレームワークとなっていてjsとcssを読み込み、ルールに沿って、記述していく形になります。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2011年07月23日

CSS3のWEBデザインを簡易化してくれるUIフレームワーク「CSS3 Button UI」

まだまだ対応ブラウザの問題から、コーポレートサイトなどでは導入が難しいCSSですが、スマートフォンなど環境が整ってきたこともあり、利用し始めているという方も多いと思います。今日紹介するのは、角アール、シャドウなどCSS3を利用した表現を簡単に実装できるCSS UIフレームワーク「CSS3 Button UI」です。

予め、CSSが設定されており、簡単なクラスを割り当てるだけで、CSS3をのボタンを再現することができます。

詳しくは以下

コードの呼び出し例は以下のとおり。

上記は画像で貼り付けてありますが、マウスオーバーの処理もセットされていて、実用的に利用できそうです。その他にも角アールのものや文字の前に画像を表示させるものなどがセットされています。その他のデモは配布元の「CSS3 Button UI」からご覧ください。ボタンはCSS3でとお考えの方は是非どうぞ。

CSS3 Button UI

続きを読む
posted 03:20  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年07月06日

WEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」

一から全てデザイン、制作することは精度も上がりますし、クリエイターとしては当たり前のことなのかもしれませんが、案件ベースで見て、予算や時間的な問題で、デザイン、設計などを全てオリジナルでこなそうと思うと無理がある案件もあるかと思います。そんな時に役立つのが今回紹介するWEBデザイナーのためのフレームワーク30「30 Useful Frameworks for Designers」です。

simpl
Simpl

よく見るグリッドシステムから、シンプルなCSSのデザイン処理を集めたもの、wordpressのテンプレートを作るためのものなどなど、制作の負荷を軽減してくれる、様々なフレームワークがまとめられています。今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2007年10月23日

シンプルなMacバックアップツール「iBackup」

万が一に備えてバックアップは常に取っておきたいもの。取りすぎるぐらいでちょうどいいと良く言われますが、それは何かが起きた時こそ思います。今回紹介するバックアップツール「iBackup」はインターフェイスもシンプルで設定も簡単な初心者にも優しいバックアップツールです。

インターフェイスは上記のようにスッキリとした作り、バックアップ方法も簡単で、バックアップしたい項目にチェックを入れて右下の「バックアップ」開始をクリックするだけです。初回以降は差分のみバックアップしてくれますので高速です。

設定はかなり細かく行なえ、定期的なバックアップ、バックアップ方法や、ログの有無、バックアップフォルダの名前設定などなど、細かい所に行き届いた作りになっています。もちろんリストアもできます。これだけ揃ってドネーションウェアで提供されています。

管理人もあまり頻繁にバックアップを取る方ではないですが、このツールを導入して定期的にバックアップを取っていこうと思っています。

iBackup

続きを読む
posted 09:06  |  
Category: Tool   
tag: 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月25日

ハイクオリティなアイコンの作り方を動画で紹介する「iconka.com」

インターネット上で配布されているハイクオリティーなアイコン、これらは一体どういう風に作られているか、気になった事は無いでしょうか?今回紹介する「iconka.com」ではハイクオリティーなフリーアイコンを配布するとともにその作り方を動画で公開しています。

フリーアイコン配布と動画チュートリアル

サイトではいくつかのシリーズのアイコンの作り方をまとめたビデオチュートリアルが公開されています。一つ一つ詳しく追っていく感じではありませんが、こんな風にして作られているのかと言うのはわかるようになっています。

動画は以下から

(続きを読む…)

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

春らしさを楽しめるフローラルブラシまとめ「A Collection Of Free Floral Brushes For Photoshop」

桜も見頃を迎え春を感じられるようになり、制作するデザインにもあたたかみのあるものが増えてきていると思います。そんな中今回は、春らしさを楽しめるフローラルブラシをまとめた「A Collection Of Free Floral Brushes For Photoshop」を紹介したいと思います。


Floral Stroke by ~noniq on deviantART

花や植物をモチーフにしたベクターイラストのブラシから、手書きの優しい雰囲気のフローラルブラシまで、さまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:23  |  
Category: Design , Photoshop   
2015年07月04日

レトロな雰囲気のフリーマルチメディアアイコン「35 Multimedia Icon Set」

いろいろな種類が展開されているアイコン。デザインにもさまざまなテイストのものが存在していますが、今回紹介するのは、レトロな雰囲気のフリーマルチメディアアイコン「35 Multimedia Icon Set」です。

multimedia-icon-set

マルチメディアをテーマとした、フラットで個性的なデザイン性のアイコンが35種セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

ロゴマークの素材になりそうなPSDを100個集めた素材集「75 PSD Logos」

簡単にロゴマークを作ってくれ、ロゴマークのアイデアのインスピレーションを得たい。そんな時におすすめなのが、今回紹介する素材集「75 PSD Logos」です。こちらはロゴマークになりそうなモチーフが75個集められて配布されています。

psd-logos.jpg

配布されているPSDのデザインは全体的に少しゴッテリとしったデザインが多いように見受けられます。使えるとするとIT系、WEB系などそっち方面には良く合うデザインだと思います。タイトルには75とありますが配布されているzipには100個のPSDが同封されていました。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:40  |  
Category: Design , Photoshop   
2009年07月23日

背景パターンを選択してダウンロードできるWEBサービス「PatternWall.com」

WEB制作を行なうにあたりそのサイトの雰囲気を大きく左右するのが背景。色だったりパターンだったりテクスチャだったり様々な背景がサイトのテイストに併せて展開されていますが、今日紹介する「PatternWall.com」はそんな背景パターンをダウンロードできるWEBサイトです。

picture01

上記のようにグリッドに背景が引き詰められており、選択する事で、全面がその徘徊に切り替わります。さらにDownloadのボタンをクリックする事で、表示されている背景がjpgでダウンロードで切ると言うものになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:39  |  
Category: Font , WebDesign   
tag: webdesign
2014年01月10日

いろいろなデザインに活用できる 37種のフリーアイコンまとめ「37 Fresh and Free Icon Sets for Web Designers」

特にwebデザインを手がける際によく利用するアイコン。小さなイラストで意味を表現できるとても便利なツールです。今回はそんなアイコンを37種まとめた「37 Fresh and Free Icon Sets for Web Designers」を紹介したいと思います。

icon120110_5
Free Flat Icons by Ben T.

定番として使えるタイプから、個性的なものまでさまざまなアイコンがセットになっています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:54  |  
Category: Design   
2013年06月20日

多彩な種類が魅力 線画イラストレーションセット「430+ FREE storyboard illustrations」

デザイン用のイラスト制作のためび、毎回手描きで起こしている方も多いと思いますが、伝わりやすい作品にするために細かく書き込んでいくと、ついつい時間がかかってしまうものです。そんな時に是非利用したい、多彩な種類が魅力の線画イラストレーションがセットになった「430+ FREE storyboard illustrations」を紹介したいと思います。

dd_story_01

イラスト制作やアイコンデザインを手がけるクリエイター・Julian Burford氏が無料配布している、使いやすいイラストセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:33  |  
Category: Design   
2017年05月11日

デザインに華を添えるのに役立つ 手書き風フリーフォントまとめ「40 Best Free Brush Fonts for Designers」

ブラシで書いたような欧文書体はとても味があり、使用することで印象的なデザインを作り上げることができる存在。今回はそんな手書きフリーフォントまとめ「40 Best Free Brush Fonts for Designers」を紹介したいと思います。

Rainwood_brush_font
Rainwood Free Typeface – IanMikraz Studio

手書きというカテゴリの中でも、さまざまなテイストのデザインフォントがまとめられています。気になったもをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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