ipadアプリデザインのためのテンプレート&ワイヤーフレーム集「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」
ipadアプリデザインのためのテンプレート&ワイヤーフレーム集「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」 国内でもipad2が発売されて、ipadを活用する気運も再び高まっている業界もあると思いますが、今回紹介するのは、ipadアプリをデザインするためのテンプレートやワイヤーフレームを集めたエントリー「GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers」です。 iPad GUI Design Template Version 2 (PSD) プレゼン用、本番用のデザイン用様々な形のテンプレート&ワイヤーフレームが集められています。今日はその中から幾つか下記になったものをピッ
新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」
TOP > WebDesign > 新しくて、素晴らしいjQueryプラグイン「30 Fantastic New jQuery Plugins」 高機能なjavascriptライブラリjQuery。サイト制作には欠かせないライブラリのひとつと言っても過言ではないほど、世界中で利用されているライブラリの一つです。多く利用されているだけあって、様々なプラグインが日夜開発されリリースされています。今日は最近リリースされたjQueryプラグインをまとめたエントリー「30 Fantastic New jQuery Plugins」を紹介したいと思います。 jMenu – Horizontal Navigation with Unlimited Sub-Menus 様々なタイプのjQueryプラグインがまとめられていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思い
iphoneアプリを始めとした、モバイルのためのUIデザインパターン集「Mobile UI Patterns 」
TOP > WebDesign > iphoneアプリを始めとした、モバイルのためのUIデザインパターン集「Mobile UI Patterns 」 国内でも数多くの機種がリリースされ、普及の兆しを見せてきているスマートフォン。それに伴い多くのコンテンツが制作されてきています。今日紹介するのはそんなモバイルコンテンツの様々なパーツデザインを集めたUIデザインパターン集「Mobile UI Patterns 」。 スプラッシュ、フィード、ユーザープロフィールなどなどモバイルのアプリやWEBサイトに欠かせない、様々なデザインが収録されています。 詳しくは以下 ■Splash Screens 様々なアプリのスプラッシュがスクリーンショットで集められています。 ■Comment Detail ユーザーからのコメントも様々な見せ方があります。 ■Lists 多くのコンテンツを見せるときに利用
HTML5で作られたビデオプレイヤー集「10 Best HTML5 Video Player」
次世代の言語として期待されているHTML5、すでにスマートフォン関係の標準ブラウザで対応し始めていることもあり、利用したことが有るという方もWEB制作者であれば多いのではないでしょうか？今日紹介するのはそんなHTML5で作られたビデオプレイヤーをまとめたエントリー「10 Best HTML5 Video Player」です。 FryPlayer – HTML5 Video Player 全部で10種類のHTML5で作られたビデオプレイヤーがまとめられていましたが、今日はその中から幾つか気になったものを紹介したいと思います。 詳しくは以下 ■LeanBack Player モバイルを始め、多くのブラウザで対応可能なビデオプレイヤー ■MediaElement.js- HTML5 Video Player オーディオのみの再生も可能なメディアプレイヤー。 ■Flare Vide0 – HTML
ソースファイル付き！Flashで作るフォトギャラリーチュートリアル10選
WEB制作の要素の中の一つフォトギャラリー。制作しているWEBサイトのジャンルによっては、作らない場合も多いのですが、WEB制作されている方々だと作る機会も比較的多いものだと思います。今日紹介するのはそんな時に役立つFLASHで作るフォトギャラリーのチュートリアル「10 Sleek and Professional Flash Image Gallery Tutorials」です。 Papervision 3D Flash Gallery Tutorial 全部で10個のFLASHによるチュートリアルが収録されていますが、今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Build a Dynamic Flash Gallery with Slider Control スライダーで操作するフォトギャラリー、動きもなめらかです。 View Demo » ■Mac
クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」
TOP > WebDesign > クオリティの高いWEBレイアウトpsd「40 Professional and Detailed Web Layout PSD Templates」 WEBを制作する際にphotoshopで制作しているひとには便利なpsdテンプレート。パーツを参考にしたり、全体のベースとしたり様々な使い方がありますが、今日紹介するのはクリエイティブで、プロフェッショナルなWEBレイアウトPSDファイルをまとめたエントリー「40 Professional and Detailed Web Layout PSD Templates」です。 Free Professional PSD Template: BlueMasters – Smashing Magazine 様々なテイストのpsdファイルがまとめられていますが、今日はその中から気になったテンプレートをピックア
商用可!和柄のphotoshopパターン「和風ぱたあん」
和柄はデザインで考えると特定のジャンルにしか使えない個性的なものですが、逆にそう言ったデザインをする上では非常に使える素材です。和食のメニュー、日本のテイストが必要とされるデザインには重宝されるものですが、一からつくるのは複雑だし、色合いとかも難しいので、なかなか難しいものです。 そこで今回紹介するのは日本風の和柄のphotoshopパターンを収録したパターンセット「和風ぱたあん」です。収録画像の一覧が公開されていましたので、下記に貼付けておきます。 詳しくは以下 photoshopで使えるパターンファイルの他、pngファイルも収録されていますので、photoshopが無いと言う方にもオススメです。パターンは全部で20パターン収録されています。 ライセンスはありがたい事に商用可、公開元の「Japanese style pattern by ~gimei on deviantART」には”ロ
wordpress+jQueryで実現するテクニックチュートリアル30選
世界中で使われているCMSの一つwordpress。高い拡張性もその人気の一つですが、今日紹介するのは同じく世界中で使われているjavascriptライブラリjQueryとwordpressを組み合わせて実現するテクニックのチュートリアルを集めたエントリー「30 Tutorials Combining Both WordPress and jQuery」です。 Including jQuery in WordPress (The Right Way) jQueryを正しく、テンプレートに読み込ます方法から、Ajaxを使ってランダムに記事をピックアップ表示させる方法などなど様々なjQueryとWordpressを使ったテクニックが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■WordPress Featured Post Slideshow
美しい花のフリーphotoshopブラシセット集「250+ Floral Photoshop Brushes」
TOP > Design , Photoshop > 美しい花のフリーphotoshopブラシセット集「250+ Floral Photoshop Brushes」 季節感、華やかさ、美しさ、女性らしさなど様々な印象を演出できるモチーフの一つ花。それだけにデザインをしていても非常に便利で使いやすい素材だと思います。今回紹介するのはそんな花を表現してくれるフリーphotoshopブラシセットを集めたエントリー「250+ Floral Photoshop Brushes」です。 Floral Photoshop Brushes(66 brushes) 全部で250もの、花を表現する為のphotoshopブラシが集められています。今日はそのなかからいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Floral Brush (5 brushes) ビンテージ感も演出できる、ブ
WEBデザイン−のためのジェネレーター集「55+ Extremely Useful Online Generators for Designers」
TOP > WebDesign > WEBデザイン−のためのジェネレーター集「55+ Extremely Useful Online Generators for Designers」 制作する際にグラフィックソフトやレイアウトソフトを使って自分で制作と言うのが普通だと思いますが、WEB上で特定の部品だけ簡単に生成してくれるジェネレーターもあり、場合によってはそちらの方が便利だったりします。 Pattern Cooler 今回紹介する「55+ Extremely Useful Online Generators for Designers」はそんなデザイナーが便利に使えるジェネレーターを集めたエントリーです。様々なジェネレーターが公開されていますが、今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Ajax Loading Gif Generator
photoshopフリーパターン集「Patterns Pack 1 by PeterPlastic」
背景など、アートワークに敷き詰める事ができるパターン。非常に便利なものですが、今回紹介するのはphotoshopで利用できるパターンを集めた「Patterns Pack 1 by PeterPlastic」を紹介したいと思います。 収録されているパターンは全部で72種類。カモフラ、カーボンファイル、アンティーク調なもの、ドクロのマークなどなど、様々なパターンが公開されています。 詳しくは以下 プレビュー用のjpgとpatで公開されていますので、photoshopをお持ちの方であればすぐに使う事ができるかと思います。パターンファイルはphotoshopさえあれば簡単に制作する事ができますが、いざ制作しようと思うと以外と大変なので、忙しいデザイナーさんは役立つ素材なのではないかなと思います。 WEB制作に置いても紙の制作問わず、幅広い種類のパターンが収録されていますので、POPな演出以外にもデ
シームレスに敷きつめられるWEB用背景素材配布サイトまとめ
WEBを制作する上で、印象を決定付ける大きな要素が背景。表示面積が大きいだけに背景が与えるものは大きい。今日紹介するのはそんなWEB制作の際に使えるシームレスに敷きつめられるWEB用背景素材配布サイトを集めたエントリー「27 Best WebSites to Download Free Seamless Patterns」を紹介したいと思います。 Pattern 8 ジェネレーター的な使い方ができるサイトから種類豊富に幅広い背景素材を配布されているサイトまで様々なサイトが収録されています。今日はその中からきになったものをピックアップして紹介したいと思います。 詳しくは以下 ■Everyday Icons 比較的POPな背景が多く登録されている背景素材サイトです。可愛らしいサイトを作りたい時に。 ■Hybrid Genesis 質感のある個性的な壁紙がセットで公開されています。クセがあるので
ハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」
テクスチャの中でももっともポピュラーで使いやすい素材、木、質感を演出したり、暖かみをデザインに与えたりとその使い方は様々ですが、比較的便利に使える素材として重宝したりします。今日紹介するのはハイクオリティな木のフリーテクスチャ「75 High-Quality Free Wood Textures」です。 スタンダードなフローリングのような木目から木の壁、削られたものから、年輪といったものまで幅広いフリーテクスチャが展開されています。全部で75もの素材が公開されていますが、今回はそのなかから気になったものをいくつかピックアップして紹介したいと思います。 詳しくは以下 2560pxを超えるものもあり、全体的に高解像度のテクスチャが集められていますので、色々な使い方ができるかと思います。 テクスチャはすべてフリーでダウンロードすることができるみたいですが、ダウンロード元はバラバラですので、利用す
フリーベクターデータリソースサイトの決定版「49 Amazing Resources for Free Vector Graphics」
TOP > Design , vector > フリーベクターデータリソースサイトの決定版「49 Amazing Resources for Free Vector Graphics」 制作には非常に便利なベクターデータ。Designdevelopでも数多く便利なベクターデータやリソースサイトを紹介してきましたが、今日紹介するのはベクターデータを配布しているリソースサイトをまとめたエントリー「49 Amazing Resources for Free Vector Graphics」を紹介したいと思います。 VectorVault 有名どころから珍しい所まで多々公開されています。今日はその中から今までDesigndevelopで紹介した事が無いサイトを中心にいくつか紹介したいと思います。 詳しくは以下 CoolVectors Vector Portal iDesign * Vect
敷きつめられるイラストレーターのチェックパターン集「20 Seamless Plaid Patterns for Illustrator」
TOP > Design , vector > 敷きつめられるイラストレーターのチェックパターン集「20 Seamless Plaid Patterns for Illustrator」 イラストレーターで背景等を制作する際に便利なパターン。一度制作しておけば、どんな大きさにも対応でき、目の粗さ等も柔軟に対応できる優れものです。今回紹介するのはそんなイラストレーターのチェックパターンをあつめたエントリー「20 Seamless Plaid Patterns for Illustrator」を紹介したいと思います。 すべてチェックのパターンになりますが、様々なパターンが公開されています。今日は公開されているものの中から気になったものをいくつか公開したいと思います。 詳しくは以下 パターンファイルは便利ですが、自分で制作するとなるとなかなか面倒くさいのでありがたいですね。 配布している
プロフェッショナルなハイクオリティPSD素材集「30+ Professional Designs with Free Photoshop PSD Files」
TOP > Design , Photoshop > プロフェッショナルなハイクオリティPSD素材集「30+ Professional Designs with Free Photoshop PSD Files」 フォトショップのレイヤー構造等を細かな作りの部分まで格納できるpsd形式。グラフィック制作からWEBデザインまで様々な分野のデザインで使われていますが、今日紹介するのはプロフェッショナルなハイクオリティPSD素材集「30+ Professional Designs with Free Photoshop PSD Files」です。 Browser Template 写真加工からアイコンのベースになるようなものまで様々なpsdデータが登録されていますが今日は其の中から気になったものをいくつか紹介したいと思います。 詳しくは以下 ■Photoshop 3D Cube 立体的な
@font-face Fontsで使えるフリーフォント集「Download Hundreds of @font-face Fonts」
TOP > Design , Font > @font-face Fontsで使えるフリーフォント集「Download Hundreds of @font-face Fonts」 @font-face規則とは、CSSで利用したいフォントを指定するためのもので、フォントデータの入っているURIを指定すると、フォントを持っていないユーザーにも任意のフォントで見せる事ができるというものですが、今日紹介するのはそんな@font-face Fontsで利用できるフリーフォントを集めたフォント集「Download Hundreds of @font-face Fonts」です。 Blackletter、Calligraphicなどとカテゴリに分けられて様々な書体ががダウンロードできるようになっています。 詳しくは以下 基本的にフリーでダウンロードする事ができ、フォント上部の「Get Kit」の
デザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials」
TOP > WebDesign > デザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials」 非常に高機能で軽量なjavascriptライブラリとして様々な機能を提供してくれるjQuery。様々なシーンで利用されていますが、今回紹介するのはデザインの邪魔をしないシンプルで小粋なjQueryエフェクト集「21 Simple and Useful jQuery Tutorials You Might Have Missed」です。 Vertical Scroll Menu ｜ Demo ナビゲーションメニューからギャラリーなどジャンル別に全部で21個のエフェクトが紹介されていますが、今回は其の中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Four Corners Sliding
商用可も有り！6000を超えるフリーフォントをダウンロードできる「GMK Free Fonts download」
TOP > Design , Font > 商用可も有り！6000を超えるフリーフォントをダウンロードできる「GMK Free Fonts download」 様々なフォントが日々発表されており、Designdevelopでも様々なフォントを多々紹介してきました（Font）が今日紹介するのは6000を超えるフリーフォントをダウンロードできる「GMK Free Fonts download」です。 種類は様々ですが、POPな書体からキレイ目な書体、手書き風の書体などなどフォントが登録されており、ダウンロードできるようになっています。 詳しくは以下 登録されているフォントの極一部 非常にシンプルなつくりで新着順にフォントがならんでおり分かりやすいです。残念ながらフォント名からは検索できるのですが、フォントのタイプからは検索する事はできないようです。 登録されているフォントはすべてダウン
クロスブラウザの為のCSSテクニック集「15+ techniques and tools for cross browser CSS coding」
TOP > WebDesign > クロスブラウザの為のCSSテクニック集「15+ techniques and tools for cross browser CSS coding」 IE、Firefox、safariなどを始めとして様々なブラウザがリリースされていて、制作者サイドにはブラウザ間の差異を極力少なくすると言うのは使命の一つだと思いますが、構成によってはなかなか難しく手こずったりする場合があります。今日紹介する「15+ techniques and tools for cross browser CSS coding」はクロスブラウザの為のCSSテクニックを集めたエントリーです。 CSSをリセットする方法からIE用のCSSを読み込ます方法等々、様々なCSSのテクニックが紹介されていますが、今日はその中からいくつか気になったモノをピックアップして紹介したいと思います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
