このサイトは、モーグ株式会社がWebサイトをコーディングする際の制作ガイドラインを示すものです。 サンプルファイルとしてテンプレートHTMLをダウンロードできるようにしてありますので、適宜ご活用ください。テンプレートHTMLのご使用、改変、再配布等はすべて自由としますが、その動作等をモーグ株式会社は一切保証しませんので、ご了承くださいませ。
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが(関連記事)、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
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.
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる(したほうが便利)。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
データ作成情報では、入稿されたデータのチェックや修正の経験を基に、データ作成の注意点やマメ知識を掲載していきます。何かお役に立てる情報があれば、どんどん利用してください。 IndesignとExcelデータの連携 先日、名簿の仕事をいただきました。当初、お客様はIndesignでの入稿も検討されていましたが、 最終的に編集はプロに任せた方が良いとの判断で、Excel原稿を弊社でレイアウトする形になりました。ExcelとIndesignの親和性は他の製品に比べて高いのですが、詳しくない方は、具体的にどう活用したら良いのかよく分からないことも多いと思いますので、今月は以下についてまとめたいと思います。 ●名簿など、Excelの表組をIndesignに流用する際の操作 ●表スタイルについて ※画像はWindows10、IndesignCS6のものです。 ※ソフト又はOSのバージョンにより、メニュ
データ作成情報では、入稿されたデータのチェックや修正の経験を基に、データ作成の注意点やマメ知識を掲載していきます。何かお役に立てる情報があれば、どんどん利用してください。 →最新話へ 文字組みの崩れ《インデント、トラッキング、カーニング、ツメの設定》 入稿データをチェックしていると、特に「文字組み」扱いの箇所に、文字のばらつきがよく見られます。 改行位置がきれいにそろっていないもの、字下げが半角になっているもの、文章中の1行または1箇所だけ文字間が妙に空いているもの(ジャスティファイの悪影響?)や、稀に文字と文字がくっついている、重なっているものもみられます。 こうなると「きれい、きれいじゃない」の問題ではなくなります。 以上を踏まえ、今回のお役立ち情報ですが ●文章でよく見られる文字の乱れの改善法 ●フォント、ソフトに見られる傾向(例えば「ト」の左は空きがちになる) ●ついやってしまいが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く