TOP  >  オープンソース

Tag : オープンソース

2018年05月02日

手軽にデザインをカスタマイズできるWebサイトテンプレートまとめ「25 Free Open Source Website Templates for Easy Customization」

企業から個人まで、幅広い目的・用途で運用されるWebサイトは、インターネットを通して情報発信をする際に欠かせないツールのひとつ。しかし、初心者が一からコードを組みWebサイトを制作するとなると、完成までにコストがかかってしまいがちです。今回ご紹介するのは、そんな手軽に制作できるWebサイトテンプレートをまとめた「25 Free Open Source Website Templates for Easy Customization」です。

25-free-open-source1
25 Free Open Source Website Templates for Easy Customization
使いやすく、カスタマイズ可能なオープンソースのWebサイトテンプレートが25種類紹介されています。さらにその中から、これはと思ったものを幾つかピックアップしてみましたのでご覧ください。

詳しくは以下
(続きを読む…)

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

ECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」

年齢を問わずさまざまな人たちが利用するネットショッピング。クリック1つで簡単注文できるのでとても便利ですが、使いやすさが追求されたサイトを一から構築していくのはとても大変な作業です。そんな時に参考にしたい、多くの人が活用するECサイト運用のための便利なサービス14選「14 Best ECommerce Options for Designers」を今回は紹介します。

ECommerce01
eCommerce Open Source | Free eCommerce Website | Magento

用途に合わせて活用できるアイテムが揃っています。気になったものをいくつかピックアップしましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

オープンソースで利用可能なフリーのセレクトボックスまとめ「10 Free Open Source CSS and JavaScript Select Box Snippet」

お問い合わせやアンケートなどのUIに欠かせないセレクトボックス。新しい動きやデザインを上手く取り入れることで、他にはないオリジナル感を演出し、差を付けることができると思います。そんなシーンで参考にしたい、フリーで利用可能なオープンソースのものをまとめた「10 Free Open Source CSS and JavaScript Select Box Snippet」を今回は紹介します。

select-box0
Select Box

CSSとJavaScriptの特殊なセレクトボックスが10種類紹介されています。中から気になったものを幾つかピックアップしてご紹介しますので、ご覧ください。

詳しくは以下
(続きを読む…)

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

モバイル用のHTML5フレームワーク「Sencha Touch」

開発者の間では次世代の規格として注目を集めているHTML5。様々な可能性を示してくれていますが、今日紹介するのはPCようでは無く、モバイル用のモバイル用のHTML5フレームワーク「Sencha Touch」です。

このフレームワークはWEBアプリに、iphoneアプリやアンドロイドアプリ並みのデザインと、操作感を可能にするフレームワークで、HTML5とCSS3を使って構築されています。

詳しくは以下

(続きを読む…)

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

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

2009年09月27日

フリーで使える800以上のRSSアイコン「800+ Most Wanted Free RSS Icons for Bloggers」

個人でも大手のニュースサイトでも一般的になってきたRSS。RSSでサイトやブログの更新情報を流したり、逆に購読したりと言う方は非常に多いかと思います。今日紹介するのはそんなRSSを示すアイコンをあつめたエントリー「800+ Most Wanted Free RSS Icons for Bloggers」を紹介したいと思います。

rss01
800+ Most Wanted Free RSS Icons for Bloggers

基本的にRSSを表すアイコンは規定のものがありますが、その規定のマークを上手く使ったユニークなものからスタンダードなものまで幅広いRSSアイコンが800以上紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:54  |  
Category: WebDesign   
tag: webdesign
2009年07月16日

ヴィンテージテクスチャの決定版「 60+ Vintage Style Textures Every Designer Should Have」

様々な種類のテクスチャがWEB上では公開されていますが、その中でも質感を出すのに非常に重宝するのがヴィンテージテクスチャ。布だったり紙だったり独特の古びた風合いはデジタルデータになっても質感や雰囲気を伝えてくれます。

vintage-textures01

今日紹介するのはヴィンテージテクスチャを数多く収録したテクスチャセット「 60+ Vintage Style Textures Every Designer Should Have」です。非常に多くのテクスチャが収録されています。一部のサンプルを下記に貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:36  |  
Category: Design , Photoshop   
2008年08月17日

個性的な背景素材をダウンロードできる「Shizoo – einfach mal Design haben」

Designdevelopでは「ディテールまでこだわって背景画像が作れるジェネレーター「Tiled backgrounds designer」/a>」や「商用可!パターン背景素材集「DINPATTERN」」など背景素材がダウンロードできるサイトをいくつか紹介してきましたが、今日紹介するのは個性的な背景素材を配布しているWEBサイト「Shizoo – einfach mal Design haben」です。

シンプルでキレイ目な背景画像も用意されていますが、どちらかと言うと、カラフルなストライプやイラストレーション、柄物などなど少し個性的な背景素材を手に入れる事ができます。全部で25種類の背景画像が収録されている内容の一部を下記に貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:35  |  
Category: WebDesign   
tag: webdesign
2007年11月16日

【FreeFont】400以上のフリーフォントがダウンロードできる「FONT SUGAR」

デザインする上で欠かせないのがフォント、世の中には本当に様々な種類のフォントが出回っています。今日紹介する「FONT SUGAR」は様々なフォントがダウンロードできるフォント配布サイトです。

Fontsugar

有料、無料とどちらのフォントも取り扱っていますが、フリーフォントが充実していて現在400以上のFONTがダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:43  |  
Category: Design , Font   
tag: Design Font
2014年12月20日

シンプル・ベーシックなデザインに最適なフリーフォント「15 Free Minimalistic Designs Fonts」

フリーフォントは非常に便利な素材ですが、たくさんある種類の中から、目的のものを見つけ出すのはなかなか大変なもの。そんな中今回は、シンプル・ベーシックなデザインに最適なフリーフォントをまとめた「15 Free Minimalistic Designs Fonts」を紹介したいと思います。

ofnt1220_1
Fox & Cat Typeface on Behance

ミニマルテイストなデザインフォントが15種厳選され紹介されています。気に入ったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:35  |  
Category: Font   
2011年11月03日

psdで配布しているモバイルサイトやスマホアプリを創るときに便利なGUIキット集

国内でも徐々に普及してきているスマートフォン。ここ最近ますます、スマートフォン移行が進んでいる感があり、WEB業界でもモバイルサイトやスマホアプリを受託する機会も増えてきていると思います。今回紹介するのは、モバイルサイトやスマホアプリを創るときに便利なGUIキット集「40 New Web, Mobile and Application GUI Kits」です。


Web GUI Kit

このエントリーでは全部で40ものモバイルのデザインのための素材が配布されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Stencils for Sketching iPhone, iPad & Android
モバイルのWEBサイトワイヤーフレームのための素材、まずは構成を先にというときには便利なキットです。

full-set-of-stencils-for-sketching-iphone
 
 
 
 
 
Android GUI PSD
Androidアプリを制作するときに便利なAndroidのGUIをセットにした素材キット。

android-gui-psd-high-density
 
 
 
 
 
iOS 5 GUI PSD
細かな部分が変わったことでも知られるiOS5を再現した素材キット、様々なUIが再現されています。
 
ios-5-gui-psd-iphone-4s
 
 
上記の他にも非常に沢山の素材がまとめらています。スマートフォン関連でWEBサイトやアプリのデザインをされる方は是非。

40 New Web, Mobile and Application GUI Kits

続きを読む
posted 01:20  |  
Category: Design , Photoshop , WebDesign   
2019年03月21日

【商用可】アナログ感のあるドローイングフリーフォント「THRONE」

フォントというのはデザインに与える時影響が非常に大きく、そのフォントが持つ雰囲気で大きくデザインの仕上がりの印象は大きく異なります。今回紹介するのは、カスレや色ムラまで細かい部分まで再現した、アナログ感のあるドローイングフリーフォント「THRONE」です。

1thro

いくつか利用例などが配布元では公開されていましたので、以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:02  |  
Category: Design , Font   
2009年01月05日

映像で学ぶイラストレーター「50 Excellent Adobe Illustrator Video Tutorials」

制作のチュートリアルを見てもイマイチ操作方法が分からない、その通りの結果になってくれない…チュートリアルを見ながら制作を進めていて、そんな事に陥ったことも勉強中という方にはあるかと思います。


Patterns and Shapes in Adobe Illustrator

今回紹介する「50 Excellent Adobe Illustrator Video Tutorials」はグラフィックスの制作のためのビデオにチュートリアルを50個集めたエントリーです。実際の操作を見ながら学ぶわけなので文字とスクリーンショットのチュートリアルよりもかなり分かりやすいかと思います。今日はまとめられている中から、いくつかのビデオチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:29  |  
Category: Design   
2008年10月30日

グラフィカルな表現に最適なフリーベクターデータ集「Free Vector Graphics」

デザインの制作に役立つベクターデータを「WEB制作で使えるベクターデータ集「Vector Graphics for Web Design」」や「ハイクオリティなフリーphotoshopブラシ配布サイト「Qbrushes」」など、今までいくつか紹介してきましたが今回紹介するのはグラフィカルな表現に最適なベクターデータを集めたエントリー「Free Vector Graphics」を紹介したいと思います。


Download Free Music Vector Graphics

モチーフ的なものや元々グラフィック作品のベクターデータがダウンロードできます。様々なベクターデータが紹介されていますが今回はその中からいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:21  |  
Category: Design , vector   
tag: Design vector
2008年01月10日

コアな部分のUIデザインを集めたFlickrコレクション「 Design Patterns」

先日「役割別にUIデザインを集めたFlickrコレクション「Design Solutions」」と言う記事でユーザ−インターフィスに特化したFlickrコレクションを紹介しましたが、今回紹介する「 Design Patterns」も同じくユーザ−インターフェイスに特化したコレクションになっています。

UIデザイン

基本的には「Design Solutions」と同じく404、Navigationなど役割毎にセットが構築されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:03  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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