TOP  >  AJAX

Tag : AJAX

2010年01月23日

日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」

付箋を貼って情報共有したり、アイデアを書き出したりアイデアマップをつくったりと、クリエイティブの場では度々使われている付箋。今日紹介するのはAjaxとphp,JQueryを利用して制作された、付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」を紹介したいと思います。

fusen00

付箋は自由に追加したり、削除する事ができ、もちろん位置も自由自在に動かす事ができるようになっています。インターフェイスもかなりシンプルで、だれでも簡単に直感的に操作する事ができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:31  |  
Category: Tool , WebDesign   
tag: AJAX Tool
このエントリーをはてなブックマークに追加
2009年09月11日

jQueryのMooToolで実現するカレンダープラグイン集「10 Beautiful jQuery and MooTool Calendar Plugins」

javascriptのライブラリとして人気が高い、jQueryとMootool。両方ともかなり高機能で様々な事を実現する事ができますが、今回紹介するのはjQueryのMooToolで実現するカレンダープラグイン集「10 Beautiful jQuery and MooTool Calendar Plugins」です。

calj01
Full CalendarDemo

jQueryのMooToolを用いて制作された様々なカレンダーが集められています。今日はそのなかからいくつかきになったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:31  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年08月18日

クオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」

WEBページでもよく利用するボタンやバッジ。細かな所ですが、そういった所のレベルを上げる事でサイト全体のクオリティも上げる事ができます。今日紹介するのはクオリティの高いボタンやバッジを作る為のphotoshopチュートリアル「30 Useful Photoshop Buttons and Badges Tutorials 」です。

psbutton01
Slick and Clean Button in Photoshop

立体的なものから、クリアなものグラデーションで質感を表現したものまで様々なボタンが用意されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:49  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2009年05月12日

jQueryで実現するフルスクリーンスライドショー「supersized」

全画面の写真のスライドショーは迫力があり、写真や作品の魅力を十分に伝えてくれます。皆さんは全画面の写真スライドをWEB上で制作するときどういった物をつかっていますでしょうか?今日紹介するのはJQueryで実現するフルスクリーンスライドショー「supersized」です。

srideshows01

実装もものすごく簡単で、ソースファイルを丸ごとダウンロードできますので、収録されているphpを改変していけば簡単にカスタマイズもできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年04月28日

Ajaxで実現するエフェクト20選「20 More Excellent AJAX Effects You Should Know」

最近ではライブラリも多数リリースされ、様々な所で使われている「Ajax」簡単に高度なエフェクトや動作が導入可能ですが、今日紹介する「20 More Excellent AJAX Effects You Should Know」はAjaxで実現するエフェクトをまとめたエントリーです。

ajaxeffects01
GlassBox

様々なAjaxのサンプルが紹介されていますが、今日はその中からいくつか気になった物を紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:51  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2009年04月03日

JQueryで実現するシンプルで実用的なメニュー「10 Best jQuery Menu Plugins」

コンパクトで高機能なAjaxライブラリjQuery。国内でも多くのサイトで使われているライブラリの一つですが、今回紹介するのはjQueryを使ったシンプルで実用的なメニューを集めたエントリー「10 Best jQuery Menu Plugins」を紹介したいと思います。

ajdsharp01
jdMenu Hierarchical Menu Plugin for jQuery

全部で10のJQueryで利用して作られたメニューが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2008年09月09日

「新ゴ+Helvetica」などの合成フォントの作り方

普段illustratorで作業することが多いのですが、今まで恥ずかしながら、合成フォントという機能を知りませんでした。今日は「クリエイティブ・タブロイド withD」で紹介されていた合成フォントの機能について簡単に紹介したいと思います。

合成フォントとは漢字/かな/全角約物/全角記号/半角欧文/半角数字のそれぞれに、好みのフォントを指定し、セットとして扱える機能で、例えばこの機能を使えば、英文はHelvetica、その他は新ゴでと言ったことがフォントをいちいち変えることなく文字を入力できます。数字や欧文などを日本語書体で使うとイマイチだったりするので、数字は欧文フォントに変えていたりすることがあるのでこれは便利な機能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:00  |  
Category: Design   
2015年11月09日

デザイン性の高いフリーテンプレート集「20 Beautiful & Free Resume Templates for Designers」

制作したデザインが実際に使用されている時の状態を確認したい、また提案時などにデザインをより魅力的に見せたい、そんなシーンはとても多いと思います。そんな中今回紹介するのは、紙媒体のデザインを手がけている方にとっては特に嬉しい、デザイン性の高いフリーテンプレート集「20 Beautiful & Free Resume Templates for Designers」です。

template1109_2
Free Minimalistic And Clean Resume Template – CreativeBooster

ポスターや名刺、チラシ、冊子などのイメージテンプレート、いろいろな種類がピックアップされています。気になったものをまずは以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

フリーのUIテンプレート&キット「20 Free Modern UI Design Elements & PSD UI Kits Download」

スマートフォンやタブレット端末で様々なことができるようになり、Webサイトやアプリを活用する機会が増え、使いやすさに配慮されたUI設計は非常に重要な存在になってきています。そんな今是非参考にしたい、フリーのUIテンプレート&キット「20 Free Modern UI Design Elements & PSD UI Kits Download」を紹介します。

UIkit01

さまざまなテイスト・設計のUIテンプレートが紹介されており、どれも非常に秀逸なものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2013年05月04日

指定URLからページに利用されている色を分析してくれるWEBサービス「Colours」

WEBサイトを作っていて悩むのが、配色。配色はプロのWEBデザイナーでも非常に難しく、いつも悩んでいるという方も多いと思います。今日紹介するのは、サイトにどんな色が利用されているかを分析し、視覚化してくれるWEBサービス「Colours」を紹介したいと思います。指定のURLから上記のような配色を割り出してくれるというもので、国内外でも知られているサイトがまとめられていました。

指定のURLからも分析が可能でしたので、Designdevelopを分析してみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: WebDesign , WebService   
2011年01月27日

クリエイティブなパッケージデザインのまとめ「20 Creative and Inspiring Package Designs for Drink」

誰しもが毎日必ず口にする”飲み物”、お店などで購入する場合、容器のパッケージに惹かれてつい・・という方、とても多いかと思います。そこで今回紹介するのは、クリエイティブなパッケージデザインのまとめ「20 Creative and Inspiring Package Designs for Drink」です。


Bottlegreen Limited Edition : Lovely Package® . Curating the very best packaging design.

美しいデザインのものから、中身をリアルに想像させてくれるもの、個性的な形をしたものなどさまざま。気になったものをピックアップしていますので、以下よりご覧ください。

(続きを読む…)

続きを読む
posted 11:58  |  
Category: Design   
2012年05月12日

CSS3で実現するテクニック集「15 Thorough & New CSS3 Tutorials」

まだまだ現場レベルではブラウザの問題もあり、なかなかフルでは利用できないCSS3ですが、スマートフォンを中心に徐々に利用されてきています。今日紹介するのはCSS3で実現するテクニック集「15 Thorough & New CSS3 Tutorials」。


Orman Clark’s Vertical Navigation Menu: The CSS3 Version

メニューからプレイヤーなど様々なWEB上で利用できるチュートリアルが公開されています。今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:18  |  
Category: WebDesign   
2008年09月29日

photoshopブラシをマスターするためのチュートリアル「35 Tutorials for Mastering Photoshop Brushes」

今までDesigndevelopでは様々なphotoshopフリーブラシを紹介してきましたが、今回はブラシ自体ではなくて、ブラシを使ったデザインをマスターするためのTipsを集めたエントリー「35 Tutorials for Mastering Photoshop Brushes」を紹介したいと思います。


Funky Web Design Layout

photoshopブラシを使った様々な表現が紹介されていますが、その中から特に気になったチュートリアルをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:43  |  
Category: Design , Photoshop   
2014年09月28日

さまざまなスポーツを表現したフリーアイコンまとめ「38 Superb Yet Free Sports & Games Icon Sets」

世界各国共通で人気のスポーツ。非常にさまざまな種類がありますが、今回紹介するのは、そんなスポーツを表現したフリーアイコンまとめ「38 Superb Yet Free Sports & Games Icon Sets」です。

sport_1
Wooden Sports Iconset (5 icons) | Uriy1966

フラットなテイストから、リアルな立体感のあるタイプまで、いろんな種類のアイコンが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:23  |  
Category: Design   
2014年11月05日

デザイナーがチェックしておきたいフリーフォント16種「16 New Free Fonts for Designers」

常に新しい種類が公開されているフリーフォント。いつもチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、デザイナーがチェックしておきたいフリーフォント16種「16 New Free Fonts for Designers」です。

fomt1105_1
Omega Ruby Font | dafont.com

厳選されたデザイン性の高いフリーフォントが16種紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:39  |  
Category: Font   
2018年01月21日

水彩の草花の風合いが美しいイラストセット「Botanical Garden Watercolor Set」

高い技術を活かしたデザインがどんどん進化する中、アナログな手描きのデザインは常に根強い人気を誇っています。そんな中今回紹介するのは、水彩の草花の風合いが美しいイラストセット「Botanical Garden Watercolor Set」です。

botanifree1

ボタニカルテイストの植物イラストをセットでダウンロードすることができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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