2009年3月19日のブックマーク (17件)

  • jQueryを使って作るシンプルなモーダルダイアログ:phpspot開発日誌

    Simple JQuery Modal Window Tutorial | Queness jQueryを使って作るシンプルなモーダルダイアログ。 jQuery単体で、ライブラリを使わずにLightBoxのようなモーダルダイアログを実現する方法です。 JavaScript45行ぐらいで、これを実現できてしまっちゃっているところが、jQueryのシェアの要因かもしれません。 シンプルなモーダルダイアログ なかなか凝ったログインダイアログ 貼り付けメモ風 仕組みとしては、グレー背景や、ダイアログ等、あらかじめ必要なHTMLエレメントとCSSは定義しておいて非表示にし、jQueryによってshow,hideしているというものです。 実際に使える有用なサンプルとしてではなく、よいjQueryの教材としても使えるかもしれませんね。 関連エントリ 便利なjQueryプラグインいろいろ ナビゲーションの

    kkeisuke
    kkeisuke 2009/03/19
  • 「Internet Explorer 8」正式版が3月20日に公開

    Windows SQL Server 2005サポート終了の4月12日が迫る、報告済み脆弱性の深刻度も高く、早急な移行を

    kkeisuke
    kkeisuke 2009/03/19
  • YUI Testを使ったJavaScriptユニットテストのすすめ

    ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、検索事業部の角田です。 私が担当しているプロジェクトではPHPUnitとSeleniumを使ってテストを行っています。そして、最近YUI TestというJavaScriptによるユニットテストライブラリを使い始め、JavaScriptのユニットテストがとてもいい感じに思えてきたのでご紹介します。 YUI Testは、Yahoo! Developer Networkにて公開されているYahoo! UI Libraryの数多くあるコンポーネントの中の一つです。その名の通り、JavaScriptのユニットテストを行うライブラリです。JavaによるJUnitPHPによるPHPUnitを使ったことのある方であれば、すぐに使い方

    YUI Testを使ったJavaScriptユニットテストのすすめ
    kkeisuke
    kkeisuke 2009/03/19
  • 404 Not Foundページをユーザーにとって、より有用にする5つのチップス

    2. Keep it familiar 見慣れたデザインで 404ページのデザインは、そのサイトの他のページと同様にするのが望ましいです。異なったデザインにしてしまうと、ユーザーはサイトから離脱したと思うかもしれません。 404ページには、最低限、あなたのサイトのロゴと404のエラーメッセージを配置してください。 3. Keep it Basic ベーシックに 404ページでユーザーにエラーということを突きつけて圧倒させないでください。404ページのゴールは、可能な限りユーザーが探していたページに導くことです。 その1つの方法として、404ページにアクセスが多いページのリンクを掲載する方法があります。 また、検索機能を設置することも効果的な方法です。 4. Offer some direction 道案内を提示 404ページには、ユーザーにいくつかの道案内を提示するべきです。 最も重要な道

    kkeisuke
    kkeisuke 2009/03/19
  • スタイリッシュでバリエーションも豊富なフリーの高品質なアイコン -Icons Etc.

    多種多様なアローやショッピングカートなど、スタイリッシュにデザインされたフリーの高品質なアイコンをIcons Etc.から紹介します。

    kkeisuke
    kkeisuke 2009/03/19
  • Ajaxで文字を打ち始めると大きくなるテキストエリア - Ajax活用情報紹介サイト Recently Ajax by H2O Space.

    お問い合わせ画面などで、ユーザーに文章を打ち込んでもらうときは「テキストエリア」を使います。 しかし、テキストエリアの大きさは大きい方がユーザーにとってはうれしいものの、場所を取ってしまうので、ページ制作者にとっては邪魔なもの。 そこで、「文字を打ち始めたら大きくなる」テキストエリアはいかがでしょうか。 James Pdolsey氏のサイトで『jQuery plugin: ‘autoResize’』が紹介されていました。 大きくなるときに、ちょっとしたアニメーションで「にょきっ」と大きくなるのが、なんとも粋でかわいらしいです。こんな演出なら使ってみたいですね。 文字を打ち始めるとテキストエリアが大きくなる『jQuery plugin: ‘autoResize’』 ※ 動作デモは、ページ上部の「Demo」からどうぞ [PR] Ajax開発のお手伝いは、エイチツーオー・スペースにお任せく

    kkeisuke
    kkeisuke 2009/03/19
  • ゆっくりのデスクトップマスコットを作る2(アイコン、システムトレイ) - Every day is Carnival

    今回はアイコン画像を付けること。 あとはシステムトレイにアイコンを追加して、そこからアプリケーションを閉じたりできるようにしてみようと思います。 まずはアイコン画像を付ける プロジェクト名-app.xmlファイルをいじります。 91行目〜94行目のimageタグの中に画像のパスを書いてあげます。 <icon> <image16x16>icons/icon_016.png</image16x16> <image32x32>icons/icon_032.png</image32x32> <image48x48>icons/icon_048.png</image48x48> <image128x128>icons/icon_128.png</image128x128> </icon> 上の様に書くとsrcフォルダのiconsフォルダの中にある画像が読み込まれます。 これでアイコン画像の設定は完了

    ゆっくりのデスクトップマスコットを作る2(アイコン、システムトレイ) - Every day is Carnival
    kkeisuke
    kkeisuke 2009/03/19
     システムトレイにアイコンを追加
  • スタイルシートを切り替える「styleswitcher.js」

    スタイルシートを切り替える「styleswitcher.js」 Check Tweet 配布元:Alternative Style: Working With Alternate Style Sheets ライセンス:不明 styleswitcher.jsはリンクにより読み込んでいるスタイルシートを切り替えることができ、文字サイズの切り替えなどによく利用されるJavaScriptライブラリです。 使い方 配布元よりダウンロードした「styleswitcher.js」をhead要素などで読み込みます。 <script type="text/javascript" src="styleswitcher.js"></script> 次にスタイルシートを読み込みます。スタイルシートは切り替え前のスタイルシートと切り替え後のスタイルシートです。 切り替え後のスタイルシートは読み込み時に反映されないよ

    kkeisuke
    kkeisuke 2009/03/19
  • flabaka.com

    AstroでPandaCSSを使ってみるAstroを触ってみようかな? と思い、まずは公式のチュートリアルを一通り終わらせてみました。以前から気になっていたPandaCSSの勉強も…と思ったので、AstroでPandaCSSを使ってみることに。PandaCSSのインストールマニュアルを見ながら各種設定を終え、npm run devしてみても、CSSが反映されず。原因は単純なミスでした。 LaravelでjQueryを使ってみるデータベースに登録、更新、削除を行なった際に、簡単なflashメッセージを表示させてみようかと。一定時間が経過 or ボタンクリックでメッセージが消えるアニメーションを、jQueryで実装してみたいと思います。npmを使ってインストールしたjQueryを使うと、javascriptの実行順が意図しないものになってしまい、jQueryが実行されなくなってしまいました。色

    flabaka.com
    kkeisuke
    kkeisuke 2009/03/19
  • Ring

    Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や

    kkeisuke
    kkeisuke 2009/03/19
  • Movable TypeのカレンダーでサイトID(ブログID)を指定できる「MultiCalendarプラグイン」

    Movable Typeのカレンダー処理で、MTCalendar タグの代わりに、ブログIDを指定できる MTMultiCalendar タグを提供するプラグインを作成しました。 1.経緯 「複数ブログの情報をひとつのカレンダーに表示したい」という質問を頂いて、色々試したのですが、標準の MTCalendar タグでは、ブログIDや複数ブログIDが指定できないため、プラグインでブログIDを指定できる拡張テンプレートタグを作成しました。 また、MTCalendar タグは再構築時のパフォーマンスを考慮したキャッシュ機能があるので、MultiCalendar プラグインでは、その機能も継承するようにしました。 ちなみに、質問を頂いた方のMTバージョンは3のため、プラグインでは全くご要望の内容が満たせておりません。 2.価格 3300円/1インストールMT(税込み、購入前に必ず動作確認してくだ

    kkeisuke
    kkeisuke 2009/03/19
    MT MTCalendar タグの代わりに、ブログIDを指定できる MTMultiCalendar タグを提供するプラグイン
  • Movable Type 4.25リリース

    Movable Type 4.25 がリリースされました。 Movable Type 4.25 出荷開始 Movable Type 4.25 では、様々なバグフィクス、セキュリティ強化に加え、モーションブログを作成するためのテンプレートセットや、それに関する新機能を追加。また、プラグインとして提供されていたアクションストリーム機能を強化してバンドルしています。 Movable Type 4.25 は下記のリンクからダウンロードできます。 個人ライセンスダウンロードサイト Movable Type Open Source Project シックス・アパート ユーザーサイト なお、Community Pack を含まない Movable Type Commercial 4.25 (MT-4.25com), Movable Type 4.25 (Open Source) ではモーションブログ、お

    Movable Type 4.25リリース
    kkeisuke
    kkeisuke 2009/03/19
  • パターンテクスチャの配布サイト | クリエイティブ・タブロイド withD(ウィズ・ディー)

    こんにちわ。ここ最近友人が一人、また一人と禁煙に成功していく様子を見て、なんだか取り残されていく感じのしてるmBlogのQuattroです。「タバコだけは止めるつもりないよ」とか言ってたのに止めちゃうんだもの! 自分も以前1年間禁煙できてたんですが、悪い友達のすすめの1ですっかり喫煙者に戻ってしまいました。うーんタバコ止めたい。 さてそんな喫煙率の高そうな制作業界のみなさんに送る今回の内容は、ウェブのデザインで使いやすいテクスチャの配布サイトの紹介です。タイルパターン配布サイトに限定して集めてみました。ウェブってテクスチャの登場する機会が多いですよね。デザインの引き出し拡張に是非。 タイルパターン配布サイト まずはダウンロードするだけで使える、タイルパターン画像の配布サイトからご紹介しましょう。上下左右にループするこれらのテクスチャは、フォトショップにパターンとして定義しても使いやすいと

    kkeisuke
    kkeisuke 2009/03/19
  • note.x | PapervisionX っすか

    Adobe MAX 2009で紹介があったらしい、次世代PV3D「PapervisionX」について公式にアナウンスが出てますな。 PapervisionX - what it is and what it isn’t “ぺーぱーびじょんえっくす” なのか “ぺーぱーびじょんくろす” なのかが非常に気になるな(それはどうでもいい) ざっくり解釈した感じだと、 svnに上がってるcs4ブランチはPVXじゃないよ。 PVXはFlashPlayer10の3DAPIに基づいて、ゼロから書き直してる。 Alchemyとかも取り入れるかもね。 バージョン管理とかロードマップもちゃんと整備するつもり。 まだコアに手を付け始めたとこなんで、リリース時期とか未定。 PV3D2.0は開発続行するよ。 みたいなこと言ってる模様。 とりあえずこれで、PV3D2.0がイキナリ天変地異的仕様変更することはなさげかな

    kkeisuke
    kkeisuke 2009/03/19
  • Actionscript3.0で外部スクリプトとの連携 - nidaCreBlog

    AS3.0で外部スクリプトとの連携について参考URL等をメモ。 ■Javascript 詳細は「ITProさん」を参照するとして、要は「flash.external.ExternalInterface」を 利用すれば簡単にAS←→Javascript間でデータの受け渡しが可能。 ■PHP AS2.0では「LoadVars」を使用してたようですが(PHPとの連携では未使用でした…)、 AS3.0からは「URLLoader」を使用します。 参考URL ■memo.at sonicさん ■Flex2 外部データの操作

    kkeisuke
    kkeisuke 2009/03/19
    Javascript 連携
  • ActionScript3 Collection Framework - i2frame

    as3 | なんかせこせこ作ってたら似たようなものがネットに大量にあることに気づいた。ericfeminellaericfeminellaの人のライブラリ。すごくライトな感じ。Open Source AS3 APIs » Eric FeminellaAS3-Collection-Framework直観的にわかりやすいSet、Stack、Queue、Map対応。偽fladdictやるな。no titleas3dspolygonalさんの公開しているFramework。前者と違って結構独自の機能が付いてる。BinaryTreeが入ってる!すげえ。 as3ds - DataStructures in AS3 - Google Project Hosting as3dsがなんかすごそう。まぁ自分でつくる価値あるとしたらListCollectionView継承してDataBinding対応のColl

    kkeisuke
    kkeisuke 2009/03/19
    ActionScript3 Collection Framework
  • 8のjQueryのすごいTIPS

    8のjQueryのすごいTIPS 原文:8 awesome JQuery tips and tricks 微妙なTIPSもあるのですが、役に立つのもあるのでご紹介。 target="_blank" のリンクの作成 XHTML 1.0 Strict ではtarget=blank属性が利用できない。そこでjQueryを利用して別ウィンドウを開く方法を紹介しよう。 $('a[@rel$='external']').click(function(){ this.target = "_blank"; }); <a href="http://www.lepinskidesign.com.br/" rel="external">lepinskidesign.com.br</a> [to-R補足] 実際に利用する際はjavascript部分を$(function(){...})などで包む必要があります。[

    8のjQueryのすごいTIPS
    kkeisuke
    kkeisuke 2009/03/19