twitter facebook hatena google pocket ECサイトを中心にわりと広がりつつあるカルーセル。 これを使用することで、省スペースで広がりのある見せ方が可能になりました。 jQueryプラグインの「Just Another Carousel」では、矢印などをクリックしたときだけではなく、要素へのマウスオーバーでもスクロールでき、さらに動きもスムーズです。 sponsors 使用方法 Just Another Carouselからjquery.jac.css、jquery.jac.jsを、またjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="jquery.jac.css" media="screen" /> <script type="text/javascript" src="jquery-1.

twitter facebook hatena google pocket かの有名なLightBoxは画像を一回一回大きく表示します。 そんな時間は必要ない、また、まずはちらっと見たいという方にオススメです。 JavaScriptライブラリjQueryのプラグインimgPreviewでは、リンクされている画像をプレビューさせられます。 sponsors 使用方法 imgPreviewからimgpreview.jquery.jsをjQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="imgpreview.jquery.js"></script> <script type="text/javascr

画像編集ソフト「GIMP」に搭載された強力な機能を活用すれば、写真を面白おかしく改造するのも、イケメン写真を捏造するのもお手の物だ。「なにやらズゴイらしいけど、使い方を覚えるのが大変そう」などとＧＩＭＰの導入に二の足を踏んでいた人も、この記事を参考にして、ぜひコラ画像作成に挑戦しよう。 GIMP 徹底活用ガイド 2009 (インプレスムック エムディエヌ・ムック)(MdN) ￥1,575 マーケットプレイス 新品最安値：￥1,575(+送料) (価格は2009/02/04 18:37時点のものです) ダウンロード＆インストール まずはGIMPをダウンロードしよう。現在の最新バージョンは2.6.4だ。リンク先ではインストールの手順を説明している。 詳細はこちら→市販ソフト顔負けの高機能フォトレタッチソフト GIMP for Windows 基礎:GIMPで写真に落書きをする／人物を切り抜

Styling Code Snippets with CSS demo デモでは、ノートスタイルが二種類と視認性に優れたブラックタイプが一種類紹介されています。 三種類ともHTMLはシンプルで、クラスを記述するだけでデザインを適応できます。 グリーンのノート <textarea name="code" class="css" cols="60" rows="5"> pre { font-size: 12px; padding: 0; margin: 0; background: #f0f0f0; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 20px; background: url(pre_code_bg.gif) repeat-y left top; width: 600px; over

デザインに使えるパターンを探している。 そんなときにおすすめなのが、『200+ Beautiful Seamless Patterns Perfect for Web Design』。継ぎ目のないパターン200選だ。 以下にいくつかご紹介。 ↑のキャプチャはSoftly Plaidly- Peachy Keen (11パターン)。 Pattern 2 (14パターン) Textured Stripes (6パターン) Patterns .27 (50パターン) GypsyGarden (1パターン) その他のリストは以下から。 » 200+ Beautiful Seamless Patterns Perfect for Web Design 継ぎ目のないパターン、チェックして使ってみてはいかがだろうか。 ちょっと用があって外苑前へ。外苑前ってすごく気持ちいいね。

Ajaxローディング時に使える画像ジェネレーターが色々あったようなのでまとめてみました。 こうした細かいところも、他サイトと違うものを使って独自色を出したいという場合に、沢山あると選択肢が広がりますね。 Preloaders.net ちょっと変わったデザインから選んでジェネレート可能。 Ajax Loading デザインから、背景色、前景色を選んでジェネレートできる。 Loadinfo.net 多数のサンプルからクリックで好きなものを作れる。種類多いです Webscriptlab 500で見れなくなってるかも。 120+ Free Ajax Activity Indicator Gif Icons ジェネレーターではないけどサンプル多数 他にもあったら教えてもらえるとありがたいです。

WEB開発に活用できる、２００９年初お目見えアイコンセット集。 知っていると思っていても、まだまだ知らないアイコンは色々あるみたい＆生まれているみたい。 Proxal Icon Set v2 by !valkyre on deviantART 細かくデザインされたミニアイコンセット Sanscons シンプルだけど背景色が選べて汎用に使えそうなアイコンセット iconset "sketch'd up!" on the Behance Network スケッチがいい味をだしているアイコンセット WebDev Icon Pack WEB開発に使えそうなものがかなり沢山詰まっている Irokez CMS Icon Set CMSに使えそうなアイコンセット集 参考エントリ：50 of the Best Ever Web Development, Design and Application Ico

Building a jQuery-Powered Tag-Cloud - NETTUTS jQueryを使ったタグクラウド生成チュートリアル。 次のようなタグクラウドをJavaScript(jQuery)+PHP+JSONで実装するチュートリアルです。 おのおののサイズをJavaScriptで制御することで、文字サイズのスタイルをずらずら書かなくてもよいというのがいいですね。 PHPで完結しないところが若干回りくどいということもありますが、フロントとバックを分けていることで、別のＵＩにも調整しやすいというメリットもあります。 関連エントリ jQueryとPHPでダイナミックな投票スクリプトを作成 jQueryを使ったブラウザ上で動作するLeopardデスクトップの構築

フォーム設計のポイントについては、実践メモでも何度もご紹介してきました。 フォーム設計についての記事一覧 今回は、ECサイトの「配送日時」を例にとって、フォームの改善ポイントをご紹介します。 一見普通のフォームですが、実際にユーザ行動観察調査を行ってみると、何人ものユーザが混乱する様子が観察されました。どのような問題が起こったのでしょうか？ 調査では、次のようなことが起こりました。 「配送日時は1週間以内をご指定ください」という注記の存在に気付かず、1週間以降の月日を入力してしまった。 「2月8日」と入力したが、実際に指定できるのは2月7日までだった。 翌週の水曜日で指定したかったが何日か分からずに、手元の手帳でカレンダーを確認しようとした。 開発側の視点では、「1週間以内とちゃんと明記しているのに・・・」「曜日なんて考えるまでもない」と思ってしまいがちです。 もちろん何の問題もなく使いこ

これまでHTMLページにSWFファイルを埋め込む際には、Adobe Flash Player向けのリッチメディアコンテンツをパブリッシュする仕組みの一環として、２重のタグ*を用いる方法が多用されてきました。この方法の一番の欠点といえば、最近のWeb標準との準拠性に欠ける旧式のベンダ固有のマークアップが用いられるということです。また、この方法ではマークアップ内に代替コンテンツを含めることもできません。 この問題を解決するために開発されたのが、リッチメディアコンテンツをWebページに埋め込む際に、標準規格との親和性にも優れたいくつかの方法を提供するSWFObject 2*です。SWFObject 2は、プラグインなしでWebを閲覧するユーザのための代替コンテンツの使用や、検索エンジンが当該コンテンツをインデックスしやすくするための支援策、さらには、ビジターをFlash Playerのダウンロー

1.はじめに 1-1.Adobe Developer Boxとは ADB ( Adobe Developer Box ) は、Adobe AIR で作成された RIA開発者向けのデスクトップツールであり、主に以下の機能を備えています。 レコメンド RIAエンジニアに役立つ情報が記載されたサイトをレコメンド。 RSSリーダー RIAエンジニア向けのフィードが登録された RSSリーダー。もちろんユーザーによるフィードの編集が可能で、たくさんのフィードを見やすく表示。 PDF検索 複数のPDFファイルを一発検索。インストール時に「Adobe Flex リソース」のPDFファイルが含まれています。 現在、Flex User Groupの大阪のメンバーが中心となって開発を進めており、2009年1月末ごろ Adobeよりベータ版がリリースされる予定です。画像はウィジェットモードで起動中のADBです。

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

今日、仕事で試してみたのですがとても効果があったので書いておこうと思います。 なにかというと共通のCSSとかjavascript用のCSSとかをまとめて@importで読み込むためにimport.cssとかって作ったりしますが、そこで読み込んでいる順番で<head>に書いてえば@importで読み込んでいるCSSが多い時はサイトのレンダリングの時間がかなり早くなります。 import.cssの場合 例えばこんな感じでCSS内で共通のCSSをインポートしていると思います。で、それを各ページ用のCSSでまたimportするみたいな感じです。 @import 'reset.css'; @import 'font.css'; @import 'thickbox.css'; 変更後 これを以下のように変えるだけで今回の案件では劇的にレンダリングの速度が変わりました。 <head> <link re

FlashDevelop 3 用のプラグインを作りました。 このプラグインは、FlashDevelop の編集中のドキュメントに対して JavaScript を実行して編集することができるようになります。 コマンド用のスクリプトは .jsfd ファイルとしてプラグインディレクトリ内に保存されますので、自由に追加・編集・削除が可能です。 これを使うことで、簡単なプラグインであれば、C# を使うことなく作成、編集することができるようになります。 現在はまだ制作の途中段階ですので、今後仕様が変わる可能性はあります。 ダウンロード fdcommands_0_1_2.zip 追記 fdcommands_0_1_3.zip prompt() と alert() が使えなかったので、実装しました。 内容 FDCommands.dll commandList.txt 導入方法 Fl

ドコモのmova、ついに終了時期が決定 Tweet 2009/2/2 月曜日 matsui Posted in DoCoMo, ニュース | No Comments » 以前からニュースに取り上げられては否定されていたmovaの終了時期ですが、とうとう公式な発表があったようです。 →　NTTドコモ　報道発表資料　「movaサービス」および「DoPaサービス」などの終了のお知らせ [nttdocomo.co.jp] →　ケータイWatch　ドコモ、2Gサービス「mova」を2012年3月末に終了 →　ITMedia +D Mobile　ドコモ、2Gサービスを2012年3月末に終了 気になる終了時期は「2012年3月末」となったようです。 思ったよりもまだまだサービスを続けるのですね。 またこれにあわせて、Dopaやデュアルネットワークなど、合計25個のサービスが停止となるとのことです。 詳し