最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
レイアウトに関する強力なjQueryプラグイン６つ:phpspot開発日誌
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン６つが紹介されていました。 一昔前では不可能では？と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C
バックグラウンド画像、壁紙などを作る際に参考にできるPhotoshopチュートリアル集:phpspot開発日誌
High Quality Instructive Photoshop Wallpaper Tutorials | CreativeFan バックグラウンド画像、壁紙などを作る際に参考にできるPhotoshopチュートリアル集 次のようなイメージを作成するチュートリアル集になっています。どれもなかなかクオリティが高いので参考にできそう。 グラデーションをどれもうまく使ってますね 関連エントリ プロレベルのPhotoshopチュートリアル集 パノラマ写真から小さな惑星を作るPhotoshopチュートリアル 動画で学べるPhotoshopチュートリアル２０ 広告デザインのためのPhotoshopチュートリアル１５
Mitsunobuk codes - jsdo.it - Share JavaScript, HTML5 and CSS
Mitsunobuk @ jsdo.it - share JavaScript, HTML5 and CSS - jsdo.itはブラウザでJavaScript,HTML5,CSSを書いて共有するサイト。他のコードをコピーして編集できます。JavaScript,HTML5,CSSに関する質問&回答もありますよ
JavaScriptだけで地図の上にTwitterのつぶやきを表示する：マピオンラボ(Javascript)
Twitter連携という機能を2ヶ月くらい前にリリースしました。 実はこの機能、サーバサイドは一切使わずにJavaScriptだけで実装されています。 田町駅周辺のTwitterのつぶやき Twitter Search APIをJSONPで取得しているだけ これ。 Twitter Search API Method: search 必要なパラメータは以下の通り geocode 緯度経度半径 callback JSONPのために必要 rpp 取得するツイート数。最大100件まで。 検索結果を地図に載せるだけ！ なんだ楽勝じゃん、と思ったらほとんどのツイートに位置情報（ジオタグ）が含まれていないことが判明しましたorz 位置情報は以下のような形で返ってきます。 geo: { type: "Point", coordinates: [35.7011, 139.7708] } ところがほとん
Order and Chaos : could
ゲーム Order and Chaos PC ゲーム向けの MMORPG のようでありながら、操作性は限りなくシンプルにしてあるのが素晴らしいです。WiFi 環境が必須ですが、ソファにゆったり座って MMORPG を楽しむのはなかなか新鮮でした。 Gameloftが出すゲームは、どこかで見たようなゲームが多いという印象があります。モダンコンバットやヒーロー・オブ・スパルタなどコンソールや PC にあるゲームの類似品を幾つか見つけることができます。では、Gameloft がパクリゲームを作っているのかというと、そうではありません。Gameloft は、どこかで見たことあるゲームをモバイル環境に最適化し、誰でも気軽に楽しめる本格派ゲームを作り続けているところが魅力です。今回紹介する Order Chaos も例外ではありません。本格的な3DのファンタジーMMORPG を iPad/iPhone
75 (Really) Useful JavaScript Techniques | Developer's Toolbox | Smashing Magazine
In this two-part overview, we feature some of the most useful JavaScript and jQuery libraries which could be just the right solutions for your common problems. We hope that this overview will help you find or rediscover some tools that you could use in your next projects. If you have a problem and need a solution for it, chances are high that a JavaScript library or jQuery plugin exists that was c
DD_belatedPNG / jQuery.belatedPNG についてメモ的な | プログラマ気分
一定期間更新がないため広告を表示しています
画像ファイルを事前にキャッシュさせておく | Bonkura Blog
こなだいスライドショーをjQueryを利用して作ったんですが、IEだと画像の読み込みがどうも遅い。たぶん事前にキャッシュさせなきゃいけないんだろうなぁと思いつつも方法がわからず、先に読み込んでCSSで消すって方法を採用しました。 でもこれだとどうもスマートじゃない。何か方法があるでしょ、と思っていたらやっぱりありました。 こういうコードをDOM readyイベントの外に書いておくといいみたいです。 var images = ["hoge1.jpg", "hoge2.jpg", "hoge3.jpg"]; $.each(images, function(){ $("<img>").attr("src", this); }); こんな簡単だなんて･･･。jQueryはやっぱり凄いです。
画像をサーバから再読み込みする | のほほんラボ
画像がうまく読み込めずエラーになった場合、 再度サーバへ画像を取りに行き、ブラウザに再読み込みさせる方法として 下のようなjavascriptで実現してみた。 --------------------------------------------------------------------------- function Loadimg(img_name, img_src) { img = document.images[img_name]; img.src = img_src; } function TimerLoadimg(img_name, img_src) { dd = new Date(); img_src = img_src + "?" + dd.getTime(); setTimeout("Loadimg('" + img_name + "', '" + img_src
jsdo.itで覚えておきたい10のこと | </gecko> げことじ。
jsdo.it大好きです。 なので覚えておきたい10のことをまとめました。1 Chromeじゃなくてもすぐにコードを書きたい わからないことを質問する コメント・お気に入りにする プロフィールを変更する コメントを削除する Forkした・されたコードとのDiffを見る エディタでキーボードショートカットを使う エディタで同じ単語をハイライトする jsdo.it APIを使う Daily code rankingに載る jsdo.itを使ってる人向けです。 Chromeじゃなくてもすぐにコードを書きたい Chromeには JustEditがあるのですぐにコードを書き始める事ができます。 実はhttp://jsdo.it/code/newを叩くと書けます。ブックマークしてもいいね！ わからないことを質問する 気づきづらいですが右上にDiscussionsがあります。2 プロフィールを変更する
実はよく知らないQA(Quality Assurance)チーム
シャノンの新卒第1期として入社し、開発エンジニア -> 開発マネジャー -> 開発兼QAマネジャー -> QAマネジャー といった経歴で今に至ります。
The 11 JavaScript Mistakes You’re Making | Envato Tuts+
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing. Hi! I'm Andrew Burgess, and I'm a connoisseur of all things programming. I'm from near Toronto, Canada, and I've been fooling around with computers for nearly my whole life, both hardware and software. Right now, I'm finishing up a computer science degree. For a
21 Excellent Examples of Sliders in Web Design - Web Design Ledger
Inspiration 21 Excellent Examples of Sliders in Web Design Gisele MullerJune 6, 201123 Comments04.8k A while back we showcased here a list of 30 Inspiring Examples of Slideshows in Web Design and we also had a post showing 13 Super Useful jQuery Content Slider Scripts and Tutorials. Slideshows and sliders are really interesting elements for organizing and showcasing content. They are not only used
最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」
TOP > WebDesign > 最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」 WEB制作に便利なjQuery。プラグインも豊富にリリースされており、世界中でりよすされているjavascriptの一つです。今日紹介するのは最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」です。 Isotype 全部で8つのプラグインが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Sausage 長い、WEBページをどこに何があるのかスクロールバーの横にナビゲーションを出してくれるスクリプト。 ■ImageLens 画像の一部を拡大し、表示してくれるプラグイン。商品の詳
Webアプリケーションにおける Job Queue システムの構成例と Worker を作る際に気をつけること - blog.nomadscafe.jp
Webアプリケーション内で処理を直列に実行せずにJob Queueに回して非同期に実行することが多くなって来て久しいと思いますが、そのおすすめ構成と気をつけることについてつらつらと。 1) 既存のデータベースをキューとして使う構成例 １つ目はMySQLなどのデータベースをキューとして用いる例。既にアプリケーションで利用しているデータベースにキュー用のテーブルを作成して利用します。データベースを利用したキュー管理の仕組みとしてJonk、Qudo、TheSchwartzなどがPerlでは有名どころです。 依存するミドルウェアが増えないので最もシンプルな構成になると思います。 上記の図ではWorkerはアプリケーション内で実行することで冗長性を確保しますが、キューを格納するデータベースはSPOFになります。しかし、、データベースに障害があった場合キューだけでなくすべてのサービスが停止すると思われ
06 | 6月 | 2011 | blog.taiga.jp
最近、お仕事で Zend AMF と戯れる機会がありまして、ハマった事柄を備忘録として残しておきます。 ドキュメントに記されている NetConnection.call() メソッドの引数は以下の通り。 public function call(command:String, responder:Responder, ... arguments):void NetConnection.call() メソッドを使用して、PHP のサービス ( メソッド ) を呼び出すとき、call() メソッドの第 3 引数 (arguments) に渡す値の内容によって、AMF バージョンの解釈が変わることが分かりました。 結果は以下の通りです。 環境 : Flex 4.5, Zend AMF 1.11.7 //AMF0 として解釈 nc.call("PHPService.test", responder
06 | 6月 | 2011 | blog.taiga.jp
前回のエントリの続きですが、Zend AMF を使用して画像のバイナリデータを取得するときの注意事項は、以下の 2 点です。 AMF3 形式で通信 Zend_Amf_Value_ByteArray API で、AS3 の ByteArray 型に変換 例 : service.php <?php require_once 'Zend/Amf/Server.php'; require_once 'Zend/Amf/Value/ByteArray.php'; $server = new Zend_Amf_Server(); $server->setClass('PHPService'); $server->setClassMap('TestResultVO', 'TestResult'); $response = $server->handle(); echo $response; class
「ニフティrクラウドユーザーブログ」は、移転しました。
「ニフティクラウドユーザーブログ」は、移転しました。 自動でページを移動しない場合は、下記のリンクをクリックし、 新しい「ニフティクラウドユーザーブログ」をご覧ください。 今後とも「ニフティクラウドユーザーブログ」をよろしくお願いいたします。 ＞ ニフティクラウドユーザーブログ
Mac の Dock に Sites フォルダやダウンロードフォルダをカッコよく表示する方法
Mac の Dock はオシャレでしたが、サイトのフォルダやダウンロードフォルダを追加してもアプリケーションのフォルダみたいにカッコイイアイコンじゃなくてしょんぼりしていました。 ですが以下のように右クリックからフォルダを選択すればカッコよくなることを今なんとなく弄っていたら知りました。 以下のようにサイトのアイコンになりました。
フォント・パターン・テクスチャあらゆるグランジ素材を集めた、グランジ素材集の決定版「Ultimate Grunge Toolbox for Web Designers」
フォント・パターン・テクスチャあらゆるグランジ素材を集めた、グランジ素材集の決定版「Ultimate Grunge Toolbox for Web Designers」 アナログ感を与えたり、荒荒しさを表現したり、デザインの定番とも言えるグランジ。それだけに国内外で多くのグランジを取り入れた、または表現するための素材が公開されていますが、今日紹介するのはフォント・パターン・テクスチャあらゆるグランジ素材を集めたエントリー「Ultimate Grunge Toolbox for Web Designers」を紹介したいと思います。 10 Seamless Grunge Patterns .png 非常に多くのグランジ素材が集められていますが、今日はその中から特に気になったソイ剤をいくつか紹介したいと思います。 詳しくは以下 Yellow Template グランジ感とアナログ感を存分に表現し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PhoneGap - Quora
はてなブログ | 無料ブログを作成しよう
はてなブログ | 無料ブログを作成しよう
_level0 | Kayac Interactive Designer's Blog
Creattica Roundup: 25 Inspiring Web Designs!
Build, Secure & Extend your Enterprise Applications | Rogue Wave
『今注目のメディアクエリを使ったWebサイトリンク集「Media Queries」』
Photoshop Vip » プロ級の写真加工、編集を再現するPhotoshop無料アクション素材80個まとめ
Mac で cron を設定しても消えてしまう
WordPress で関連記事の一覧を作れる Yet Another Related Posts Plugin が便利
センスの良いPhotoshopのブラシやパターン素材がダウンロードできるサイト -MF Creative
新着記事
