Photoshop VIP ☞ Webレイアウトデザインの参考にしたいPhotoshopチュートリアル25個まとめ（ サンプルPSD素材）『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」:phpspot開発日誌
要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 2011年07月26日- Grumble.js 要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」 $('h1').grumble(options) と唱えると、h1要素のとなりに次のようなバブルを表示させることが出来ます。 要素指定なので簡単です。optionsにはアングルや距離等も指定できます。 一定秒数超えたら消すということも出来ます。オレンジ色だけじゃなくて、別の色にすることもできるみたい なんとも注目してしまいそうなポップアップですが、注目させたいポイントに置くとCVRアップなどに貢献できるのかも。 関連エントリ カッコよく動くポップアップでより分かりやすくメッセージを表示出来る「JQUERY BUBBLE POPUP」 リンクにカー
25 Powerful Examples of Masonry jQuery Web Design
jQuery is a powerful tool for animation, image galleries, tooltips, dynamic forms, real time updates and a variety of other techniques that we’ve featured jQuery tutorials on before. It is purely used on many cased either in web design or development. However, jQuery web design effects can be hard to implement in designs properly, because you have to know how to use them to enhance usability and n
jQuery Clip - jQueryのプラグインをまとめました。
jQueryの便利で実用的なイメージスライダーやレスポンシブ対応のプラグインをタグやカテゴリで見やすくまとめました。
横に飛び出すメガメニューを実装するjQueryプラグイン・JQUERY VERTICAL MEGA MENU
最近かなり見かけるようになった印象の、 大量のコンテンツを格納するメガメニュー の横に飛び出すタイプ。jQueryで実装して います。メガメニューはECサイトやポータル サイトなどなど、階層の深いWebサイトにて ユーザビリティ向上に貢献してくれます。 何度もクリックしないと目的の場所に到達できない、という設計はユーザーに取って不便ですし、離脱率も上げてしまいがちですので、大量のコンテンツを保有するWebサイトではこういったメガメニューの導入を検討するのも良いかも知れません。 メガメニューはドロップダウン形式が多いのですが、今日ご紹介するスクリプトはサイドメニュータイプです。 見た目はよくあるサイドナビゲーションメニューですが、マウスを乗せると横に関連ページなどが整理された状態で飛び出しますので視覚的にもコンテンツを探しやすそうです。 画像を含めてあげるのもなかなか効果高そうですな。 コー
投げ込んだ先で花が咲く「花の手榴弾」 | naglly.com
粘土で作られた手榴弾型の入れ物に土と花の種が入っている「Flower Grenade（花手榴弾）」です。この手榴弾を投げ込んだ先で容器が破裂し、土と種がその場に留まる事で数週間後に花を咲かせます。 販売元サイトはこちら。12ユーロ（1400円ほど）で販売中です。 SUCK UK - Flower Grenade http://www.suck.uk.com/product.php?rangeID=145 本来、手榴弾は命を奪うために使われますが、この「花の手榴弾」は破裂することにより生命を作り出します。 手榴弾型と言うのがかなり皮肉ですが、発想は非常に面白いです。 誰かに見つかったら怒られそうですが、アスファルトとコンクリートで囲まれた街の片隅にこれを一発、投げ込んでみたくなりました。 その他の参照元はこちらです。 Flower Grenades: For Peaceful Eco-Ter
[JS]あらゆる要素をランダムにフェードアウト・インさせるスクリプト -LivingFade
あらゆるDOM要素をランダムなタイミングでフェードアウト・フェードインさせるjQueryのプラグインを紹介します。 LivingFade jQuery Plugin デモ [ad#ad-2] デモでは複数のdiv要素がボックス状に配置されており、「Fade Out」「Fade In」ボタンをクリックすると、フェードアウト・フェードインのエフェクトがランダムなタイミングで適用されます。 デモ：ベーシック callback機能もあり、エフェクトが終了すると、メッセージが表示されます。 エフェクトの適用範囲を指定することも可能で、下記は右下のdiv要素に異なるclass名を与え、その箇所のみ適用させないデモです。 デモ：適用範囲の指定 LivingFadeの実装 「デモ：ベーシック」を例に実装方法を紹介します。 HTML 対象となる要素を内包するdiv要素に「class="demo1"」を付与し
iPhoneやiPadやネットブックなど、さまざまなスクリーンサイズでウェブサイトを確認できる -Screenfly
iPhoneやiPadやネットブック・ノートブック・デスクトップやテレビなど、さまざまな解像度のスクリーンでウェブサイトの表示を確認できるオンラインサービスを紹介します。 Screenfly [ad#ad-2] Screenflyの対応スクリーン 現在、対応しているスクリーンは下記の通りです。 Desktop ネットブック10インチ(1024x600) ネットブック12インチ(1024x768) ノートブック13インチ(1280x800) ノートブック15インチ(1366x768) デスクトップ19インチ(1440x900) デスクトップ20インチ(1600x900) デスクトップ22インチ(1680x1050) デスクトップ23インチ(1920x1080) デスクトップ24インチ(1920x1200) Tablet ViewSonic(800x480) Velocity Cruz(800
HTML5でiPhoneアプリ開発！PhoneGap入門 (1/5)
HTMLやCSS、JavaScriptといったWebの技術でスマートフォン用のアプリを開発できるモバイルフレームワークが注目されています。本連載でもこれまで、Web技術を使ってiOS向けのアプリを開発できる「NimbleKit」を紹介してきましたが、他にも以下のような同様のモバイルフレームワークがあります。 スマートフォン向けのアプリケーション開発フレームワーク Titanium http://www.appcelerator.com/ PhoneGap http://www.phonegap.com/ NimbleKit (iPhone専用) http://www.nimblekit.com/ JSWaffle (Android専用) http://d.aoikujira.com/jsWaffle/wiki/ 今回から数回にわたって、「PhoneGap」を使ったiPhone/iPad向け
アナログテレビのブラウン管が放射線を遮蔽 - NIMSが効果を確認 | エンタープライズ | マイコミジャーナル
物質・材料研究機構(NIMS)の元素戦略材料センター 資源循環設計グループは、原子力発電保守管理・放射性物質関連業務のATOXと協力して、家電リサイクルで集められた使用済テレビのブラウン管ガラスから得られるガラスカレット(ガラス破砕くず)が放射線の遮蔽に有効であることを確認した。 原発事故に対処するためには放射線を遮蔽することが必要となる。多量の放射性物質が作業環境下に存在している福島原発の事故対策では、大量の遮蔽材料が必要となるが、通常よく用いられる放射線(特にガンマ線)の遮蔽材料は鉛は、中国などでの鉛バッテリ需用の急騰などで品薄感が強く、価格もリーマンショック前の2006年の水準に戻ってきている。代替としてタングステンやバリウムも候補とされるが、価格面でも中国依存度の面でも、厳しい状況と言ってよいのが現状である。 しかし、鉛を含んだ資源が都市鉱山として期待できるようになってきた。それ
[JS]カラー画像を白黒に自動変更して表示する画像ギャラリー -Black and White
カラー画像を白黒のグレースケール画像に自動変更して表示する画像ギャラリーのjQueryのプラグインを紹介します。 デモページ：マウスホバー（2番目）でカラー表示 Black and Whiteの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script src="js/jquery.min.js"></script> <script src="js/jQuery.BlackAndWhite.js"></script> HTML 画像を内包するa要素に「class="bwWrapper"」を加えます。 <ul id="wrapper"> <li><a href="#" class="bwWrapper"><img src="files/Hydrangeas.jpg" width="300" height="225" /></a></li> <l
「誰のためのデザイン？」は開発者よりむしろユーザが読むべき良書な件 - もとまか日記Ｚ
最近この本の存在を知り購入してみました。実はかなり有名な本らしく、今更感ありまくりですが・・・ 誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)作者: ドナルド・A.ノーマン,D.A.ノーマン,野島久雄出版社/メーカー: 新曜社発売日: 1990/02メディア: 単行本購入: 19人 クリック: 502回この商品を含むブログ (248件) を見る 以前書いた以下の記事のブコメで知りました。 スマホアプリの「使いやすさ」とは何か、を考えてみた 最近のはてブコメントは残念なのが多々見受けられ、非常にガッカリしてますが、たまには役に立つこともありますね。 さて、この本が発売されたのは1990年、実に20年以上前のため、内容的には古臭く感じる部分も多々あります。何しろ、1990年と言えばWindows3.0の時代。当然ですが、インターネットはまだ普及していません。私もその頃は
TechCrunch | Startup and Technology News
Live Nation says its Ticketmaster subsidiary was hacked. A hacker claims to be selling 560 million customer records. An autonomous pod. A solid-state battery-powered sports car. An electric pickup truck. A convertible grand tourer EV with up to 600 miles of range. A “fully connected mobility device” for young urban innovators to be built by Foxconn and priced under $30,000. The next Popemobile. Ov
テクノロジーデザインが手軽に表現できるフリーPhotoshopブラシ集「Huge Collection of Free Tech Brushes for Photoshop Users」
テクノロジーデザインが手軽に表現できるフリーPhotoshopブラシ集「Huge Collection of Free Tech Brushes for Photoshop Users」 数多くのPhotoshopブラシが世界中で発表されており、制作に利用しているというデザイナーの方も多いと思います。そこで今回は、テクノロジー系のデザインに使いやすいPhotoshopブラシを集めた「Huge Collection of Free Tech Brushes for Photoshop Users」を紹介したいと思います。 （Technical by ~Raven03 on deviantART） 実用的なデザインから、近未来のようなデザインまで、さまざまなブラシが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Big Brushe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「アサリがあっさり死んだわけ」大澤曉人 豊島区立池袋第三小学校４年（東京都）