サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
jqModal is a plugin for jQuery to help you display notices, dialogs, and modal windows in a web browser. It is flexible and tiny, akin to a "Swiss Army Knife", and makes a great base as a general purpose windowing framework. Features; Designer Frieldly - Use *your* HTML+CSS for Layout and Styling Translator/i18n friendly - No hardcoded English strings Developer friendly - Extensible through callba
こんばんは、先日右のみパーマをかけたishidaです。 最近はページや画像をlightbox系で表示する機会が多くなってきましたが、ポップアップで表示することも少なくありません。 今回ご紹介するのは、jQueryを使ったポップアッププラグイン jquery.popupwindow.js です。 設置方法 配布ページよりデータをダウンロードし、ポップアップを利用したいhtmlのhead要素などでファイルを読み込みます。 <script src="jquery.js" type="text/javascript"></script> <script src="jquery.popupwindow.js" type="text/javascript"></script> 表示する部分は以下です。 <a href="DUMMY.html" class="popupwindow">ポップアップ</a
Windows Internet Explorer 6 Ajaxian ≫ jQuery one-line plugin to crash IE6において、IE6をクラッシュさせるプラグインが紹介されている。IE7やIE8ではクラッシュせず、IE6のみでクラッシュが発生する。紹介されているプラグインはjQuery Crash Plugin。プラグインのソースコードは次のとおり1行だけ。関数を定義しているのみ。 /** * jQuery Crash (http://mktgdept.com/jquery-crash) * A jQuery plugin to crash IE6. * * v0.0.2 - 5 March 2010 * * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith) * Dual licensed
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが(関連記事)、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement A while ago, we came up with a technique for creating accessible charts and graphs that uses JavaScript to scrape data from an HTML table and generate bar, line, area, and pie chart visualizations using the HTML5 canvas element. This technique provides a simple way to generate charts, but more impo
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Magazine, 45+ New jQuery Techniques For Good User Experienceにおいて49のjQueryテクニックが紹介されている。jQueryプラグインやスクリプトを使ってユーザエクスペリエンスを向上させることを狙ったもので、特にここ最近登場した新しいものに的が絞られている。紹介されているプラグインやスクリプトは次のとおり。 スライドパネルを使ったログインフォーム スポイルリビーラー ファイルアップローダ Facebook風入力フィールド Canavs要素を使った円グラフ ラジオボタンとチェックボタン ページをリロードすることなく実現するサブ
jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features: Numerous chart style options. Date axes with customizable formatting. Up to 9 Y axes. Rotated axis text. Automatic trend line computation. Tooltips and data point highlighting. Sensible defaults for ease of use.
グリッドベースのレイアウトを作成すると、ついついdiv要素を多用してしまいがちですが、意味のあるデータにはそれに適した要素を使用し、無駄なdiv要素やclassだらけのマークアップから卒業する方法をWebdesigner Depotから紹介します。 Fight Div-itis and Class-itis With the 960 Grid System 下記は各ポイントを意訳したものです。 はじめに CSSのフレームワーク:960.gsの場合 classの乱用を避ける リスト要素の使用 画像とキャプションの使用 複数の見出しとパラグラフの使用 子要素のclassは親要素に はじめに 数年前までウェブページの設計はテーブルがスタンダードでした。そしてCSSはそれを大きく変え、今日ではCSSのフレームワークがウェブページの設計を容易にしてくれています。 しかしながら、このCSSのフレームワ
grepコマンドでは、"-A"オプションを利用することで、パターンマッチした行の以下数行分をあわせて出力することが可能です。 プログラムの関数名と、その中身n行分を見たい場合なんかに使えます。 A NUM, --after-context=NUM NUM で指定した行数だけ、パターンにマッチした行の後の行も表示します。 http://www.linux.or.jp/JM/html/GNU_grep/man1/grep.1.html 実際には以下のような感じ。 $ cat /etc/init.d/httpd | grep 'start()' start() { $ cat /etc/init.d/httpd | grep -A 10 'start()' start() { echo -n $"Starting $prog: " check13 || exit 1 LANG=$HTTPD_LA
わけあって、デブサミ2010に行くことができなかったのですが、Agile2.0 〜 世界はただゆっくりとその形を変えてゆくで、気になっていた講演が再演される!ということを知ったのですが、わけあっていけず。 USTREAMで探してみたのですが、デブサミは撮影禁止らしく断念。 とおもいきや、すくすくの川口さんがTwitterで動画を紹介してくださったので、ゆでたまごを食べながら楽しくみました。 http://www.ustream.tv/flash/video/5466548 岩切さんと言う方のオープニング(デブサミの運営側の人?) http://www.ustream.tv/flash/video/5466623 三周遅れのXP -僕とドワンゴ のXP @yoshiori * タイトルの意味は、 1周目はマイク・コーンとかのアジャイル宣言とかしていた人たちが方向を示してくれた 2周目は角谷さ
概要 CakePHPのFormヘルパーのdatetimeのパラメータをいっつも忘れてそのたびにFormヘルパーのソースを調べるのが馬鹿らしくなってきたのでここら辺でメモしておきます。 パラメータ FormHelper::datetime($fieldName, $dateFormat = ‘DMY’, $timeFormat = ’12’, $selected = null, $attributes = array(), $showEmpty = true) $fieldName: モデル.フィールド名。いつもどおり。 $dateFormat: 年月日の並び順。不要な場合は”NONE”を指定。そのほかは以下のとおり。 “DMY” “MDY” “YMD” $timeFormat: 時間の表示形式。”12″もしくは”24″。不要な場合は”NONE”を指定。 $selected: 初期選択値の指
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く