TOP  >  webdesign

Tag : webdesign

2010年04月06日

jQueryとMySQLで実現するシンプルなToDo「AJAX-ed To Do List With PHP, jQuery & MySQL」

仕事などを進めていく上で非常に便利なやることを記録させていくツールToDo。多くのToDoツールがリリースされており、様々なサービスが展開されていますが、今日紹介するのはjQueryとMySQLで実現するシンプルなToDoリスト「AJAX-ed To Do List With PHP, jQuery & MySQL」です。

インターフェースは至ってシンプルで、追加して消すという動きが直感的にできるようになっています。複雑な事はできませんが、ToDoで必要な最低限な機能はすぐに実装できます。

詳しくは以下

(さらに…)

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

様々なシーンで使えるプロユースなフリーアイコン集「40 Free Professional Useful Icon Sets for Web」

WEB制作に非常に便利なアイコン。内容の説明だったり、インターフェイスの向上だったり様々な側面で寄与してくれますが、今回紹介するのは様々なシーンで使えるプロユースなフリーアイコン集をまとめたエントリー「40 Free Professional Useful Icon Sets for Web」。

freeiconswebpro01
Free Mobile Berries Icon Set by templay-team

様々なタイプのフリーアイコンがまとめられています。今日はその中から特に気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

WEBデザインのワイヤーフレームを書くためのツール10選「10 Excellent Tools for Creating Web Design Wireframes」

WEBデザインと言っても様々なフローがあり、受注を受けたとき、いきなり、Fireworksやphotoshopでデザインを始めるという方はなかなか少ないと思います。今回はデザインの前段階のワイヤーフレームを描くためのツールを集めたエントリー「10 Excellent Tools for Creating Web Design Wireframes」を紹介したいと思います。

.mockflow.com/”>MockFlow

基本的にモックアップをつくるための前段階のものなので、そこまで複雑な表現はできませんが、WEBのワイヤーを作るという意味で、様々な便利な機能が組み込まれています。今日はまとめられているツールのなかからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:57  |  
Category: Design , WebDesign , WebService   
このエントリーをはてなブックマークに追加
2010年03月29日

新しくリリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」

軽量で高機能なjavascriptライブラリjQueryその手軽さから、多くのWEBデザイナーに利用されており、世界中でそのライブラリを使い、様々なプラグインが開発されリリースされていますが、今回紹介するのは最近リリースされたjQueryプラグインを集めた「10 New jQuery Plugins You Have to Know」です。

newjquery_01
Ajax Scroll

スライダーから、ボタンエフェクトなどなど様々なプラグインが公開されていました。今日はそのなかから幾つか気になったものをピックアップしてご紹介したいと思います。

詳しくは以下

(さらに…)

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

商用利用可!クリア感のある3Dフリーアイコンセット「 Incredibly Detailed 3D Icon Set」

WEB上ではデザインだけでなくユーザーインターフェイス的にも非常に役に立ってくれるアイコン。全体から見ると細かい部分ではありますが、重要な部分でもあります。今日紹介するのはクオリティの高い、クリア感のある3Dフリーアイコンセット「 Incredibly Detailed 3D Icon Set」を紹介したいと思います。

medialoot-icon-set-full

上記がセット内容の一覧です。一般的によく見かける種別のアイコンがセットになって配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:16  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2010年03月26日

CSS3で作るナビゲーションメニュー集「15 CSS3 Navigation and Menu Tutorials and Techniques」

次世代のコードとして、すでに利用している所も徐々に増えてきたCSS3。従来のCSSと比べて格段に表現できる幅が広がっており、今までどうしても画像を利用したり、FLASHで表現していた部分がCSSのみで実現できるようになっています。今日紹介するのはそんなCSS3を使ったナビゲーション集「15 CSS3 Navigation and Menu Tutorials and Techniques」を紹介したいと思います。

css3menu_01
jQuery Style Vertical Menu with CSS3 – No Javascript

様々な表現のCSS3ナビゲーションがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2012年08月21日

アナログテキストな雰囲気を演出できる水彩ブラシまとめ「500 + High Quality Ink and Watercolor Brushes For Photoshop」

デザインに優しい質感を持たせたい時に利用することが多い、水彩などのアナログなテイストですが、実際に絵の具で描いていると制作時間がかかりすぎてしまうことも。そんな中今回紹介するのが、アナログテキストな雰囲気を演出できる水彩ブラシまとめ「500 + High Quality Ink and Watercolor Brushes For Photoshop」です。


Mateu7’s Ink Brushes by ~mateuseven on deviantART

Photoshop用のブラシとなっており、さまざまな水彩画の雰囲気を再現できるブラシが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:46  |  
Category: Design , Photoshop   
2015年01月26日

CSSのみでアイコンを表現できる「icono」

さまざまなデザインアイコンが配布されており、制作している環境に合わせて使い分けるために、aiやpsd、png、svgなどダウンロードできる形式もさまざま。そんな中今回は、webサイト構築時にそのまま利用できる「icono」を紹介したいと思います。

icono

CSSのみでアイコンを表現できる、クラスを指定するだけで表示が可能な、非常に便利なアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2014年01月22日

ポップなテイストを演出できるフリーフラットアイコン「Free Flat Icons 2」

デザインを分かりやすく、また華やかに彩ってくれる素材として非常に重宝されているアイコン。さまざまなものをモチーフにデザインされており、種類豊富な中から選びながらデザインできる点も魅力的です。そんな中今回紹介するのは、ポップなテイストを演出できるフリーフラットアイコン「Free Flat Icons 2」です。

icon2_2

現在主流のフラットテイストなアイコンがセットになっており、使用するだけでデザイン性の高いwebサイトを作り上げることができそうです。

詳しくは以下

(さらに…)

続きを読む
posted 11:24  |  
Category: Design   
2014年02月11日

バレンタインday用デザインに活用できるアイコンセット「Free download: 40 Valentine’s icons」

まもなく迎える1年に1度のイベント・バレンタインday、楽しみにされている方も多いかと思います。そんなバレンタイン用のデザインに活用できるアイコンセット「Free download: 40 Valentine’s icons」を今回は紹介したいと思います。

valent

かわいらしいテイストのバレンタインイメージアイコンが40個セットになって、フリーでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:33  |  
Category: Design   
2011年01月17日

ヴィンテージ調のフリーテクスチャ素材集「60+ Free High Quality Vintage Textures」

デザイン製作をする際に多用するテクスチャは、いくつあっても嬉しいもの。そこで今回紹介するのは、ヴィンテージ調のフリーテクスチャ素材集「60+ Free High Quality Vintage Textures」です。


texture 2 by =night-fate-stock on deviantART

独特なアンティークな雰囲気溢れるテクスチャ素材が多数紹介されています。そのまま使っても様になるので、知っているととても便利なまとめではないかと思います。中でもいくつか気になったものを選んでみましたので、以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:09  |  
Category: Design   
2012年10月21日

iPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」

そろそろiPhone5の販売も一段落していて、多くの方が手にしている現状で、iPhone4Sなどの旧機種のユーザーもiOS6へのアップデートからもしばらくたちますので、モックアップも、iOS5のままというわけにも行かなくなってきているなんて制作会社の方もいらっしゃるのではないでしょうか?今日紹介するのはiPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」です。

iOS5と比べて細かなUIが変わっていますし、iPhone5画面解像度も変わっていますので、WEBサイトの見栄えも多少変わっています。

詳しくは以下

(さらに…)

続きを読む
2016年01月18日

バレンタインのデザインに活用したい スタンプ風アイコンセット「Valentine & Love Postage Stamp Icon Set」

お正月が終わるとすでに世間はバレンタイン商戦。デザイン業界でも関連するツールを手がけている方も多いと思います。そんな中今回紹介するのは、バレンタインのデザインに活用したい スタンプ風アイコンセット「Valentine & Love Postage Stamp Icon Set」です。

valentinepost

バレンタインイメージのデザインにぴったりな、可愛らしい切手風のデザインが特徴のアイコンをセットでダウンロードすることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年09月12日

wordpressで使えるスライドショーとフォトギャラリープラグイン集「25 Free Slideshow and Photo Gallery WordPress Plugins」

世界中で利用されているCMSの一つwordpress。その魅力の一つが、様々な機能を簡単に拡張できるプラグイン。今日紹介するのはwordpressで使えるスライドショーとフォトギャラリープラグイン集「25 Free Slideshow and Photo Gallery WordPress Plugins」です。


Dynamic Content Gallery

ライトボックス的なものから本格的なフォトギャラリータイプまで、様々なプラグインがまとめられています。今日はその中から気になったプラグインを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: WebDesign , WordPress   
2011年03月06日

カメラにまつわるピクセルアート配布サイト「The Camera Collection」

様々なカメラが開発され、世界中で利用されていますが、今日紹介するのは本体、レンズ、フラッシュなどカメラにまつわるピクセルアートを素材として配布するサイト「The Camera Collection」です。

上記のように二眼レフ、トイカメラ、ポラロイドカメラ、一眼レフなど多種多様なピクセルアートが登録されています。単純な作りですが特徴はきちんと抑えられていて、どの機種なのか分かるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
2012年05月20日

商用利用可!地図上の位置を知らせる、ベクターロケーションピンセット「Free Vector Map Location Pins」

現在、多くの地図サービスがリリースされており、提供されているAPIを利用してオリジナルのピンをマップ上に表示したり、情報をプロットして、地図をベースで見せるWEBページなどもコンテンツによっては求められてたりしますが、強紹介するのは地図上の位置を知らせる、ベクターロケーションピンをまとめたFree Vector Map Location Pins」です。

カラフルで、ユニークなロケーションピンがまとめて配布されています。収録されているロケーションピンは以下のとおりです。

詳しくは以下

(さらに…)

続きを読む
posted 04:53  |  
Category: Design , Photoshop , vector , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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