Highcharts.js を使ってみた
最近IDEA*IDEAさんで取り上げられていたHighcharts.jsを試してみましたので、躓いた点などをメモしておきます。 ■公式サイト http://www.highcharts.com/ ダウンロード、更新履歴はこちらから見られます。ライセンスもこちらに記載があります。 個人利用、教育目的の利用、および非営利組織での利用については無料ですが、商用利用の際にはライセンスの購入（1サイト$80、複数サイト$360）が必要になるので注意です。 ■公式リファレンス http://www.highcharts.com/ref/ おそらく全部JSで実装されているのだと思いますが、凄いクオリティ高いです・・・ ■実際に導入してみて躓いたポイント 以下、すべてバージョン1.0.2（2009/12/09）での気づきです。 グラフを描画する領域のサイズは、CSSでは定義できない、直接style属性に書
『2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来』に参加してきた #html5semi - Diary of absj31
2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 : ATND 2012/01/20 2012年のHTML5、CSS3、JavaScriptはこうなる〜実際のサービス事例で考えるHTML5の近未来 #html5semi - Togetter (写真：神保町駅改札前) HTML5関連ネタはやろうやろうと思いつつ個人的にはリーチ出来てない分野でして、ちょっくら拝見してきました。ちなみに上記の募集サイト、凄い人気で200人の定員に一時は倍の400人が登録すると言う事態に。HTML5人気は凄いですね〜。 開催開場は株式会社オプト１F大会議室＠神保町。この日は朝から雪が降るなどして天候が崩れていましたが、夕方〜開催の頃には問題無く止んでおりました。しかし外は寒かった！(>_<) 入場時の状況で5分程遅れて本編スタート。以下メモです。 基調
9 Useful Javascript Syntax Highlighting Scripts
Syntax highlighting is very important especially when we want to show our code example on the blog. By enabling the syntax highlighting on the blog, readers can read the code blocks easier. There are a lot of free and useful syntax highlighting scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby
JavaScript Garden
JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献
Opera News
Desktop, web3 Opera adds Crypto Browser features to its flagship desktop and mobile browsers and delists the... February 29th, 2024 On March 14th we will no longer be supporting updates for the dedicated Crypto Browser, as its core features have... Gaming, Opera GX Pimp your smartphone with GX Mods, now available in Opera GX on Android and iOS February 8th, 2024 Transform the look and feel of your
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
asamuzaK.jp : IE9でもtext-shadow（再公開）
textShadowForIE9、スクリーンリーダーなどアクセシビリティ面への配慮を加えた新版に書き直して再度公開です。 テストケース 以前に公開していたtextShadowForMSIEなどを利用している方はこの新版に差し替えていただけますよう強くお願い申し上げる次第です。 使用方法 CSSファイルからtext-shadowの値を自動的に読み込んで適用させていますので基本的に以下の設定をするだけでOKです。 また、手動で個別指定できるようにもしています。（後述） ソースをコピーしてJavaScriptファイル（textshadow.jsなど）を作成し、HTMLから外部JavaScriptとして読み込む。 または、既存のJavaScriptファイルにソースをコピペして追加。 以前のスクリプトからの主な変更点 スクリーンリーダーでダブって読み上げられないよう、影にはWAI-ARIAのaria
IE6でyuga.js＋thickbox.jsをSSLサイトで使用するとエラーが出る
概要 ▶ Webを制作する上で結構面倒なのがInternet Explorerのブラウザの挙動です。このInternet ExplorerはMicrosoft製でOSに標準で搭載されている割にはバージョンによってかなり変な動作をすることがあり、多くのWeb制作者の頭を悩ませています。とはいってもInternet Explorerの話と言えば、多くの場合、Internet Explorer 6のことを指します Webを制作する上で結構面倒なのがInternet Explorerのブラウザの挙動です。 このInternet ExplorerはMicrosoft製でOSに標準で搭載されている割にはバージョンによってかなり変な動作をすることがあり、多くのWeb制作者の頭を悩ませています。 とはいってもInternet Explorerの話と言えば、多くの場合、Internet Explorer 6
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it — you won't even have to modify your style sheets. Just start
FacebookのJavaScript SDKの下品なコメントが格好良すぎて惚れた件 - kissrobberの日記
https://github.com/facebook/connect-js/blob/master/src/core/content.js#L113 // Dear IE, screw you. Only works with the magical incantations. // Dear FF, screw you too. Needs src _after_ DOM insertion. // Dear Webkit, you're okay. Works either way. var guid = FB.guid(), …続く 親愛なるIEへ、 死ね。 謎の呪文を使わないと動かない… 親愛なるFFへ、 お前も死ね。 DOM挿入後にsrc設定必要 親愛なるWebkitへ、 お前はいいだろう。 どっちでも動く。
IE6で:hover擬似クラスを適用するためのCSS : ずっと工事中
ブログネタ：ライブドアブログのカスタマイズ に参加中！ 今回もテンプレートを作ったときの副産物でも。 やや旬をすぎたネタですみませんが、IE6では:hover擬似クラスがaタグにしか効かないので代替策を探してみました。 IE6のためだけにJSを設置するのはスマートじゃないしテンプレート共有では警告も出るし、よく知られているcsshover.htcは記述自体がスマートでも別ファイルをどこかにアップロードしなくてはいけないなど、適当なものが見つからないときはこんな感じにすると良いようです。 *html .target-element { behavior: expression( (function(el) { if(typeof(behavior_onMouseEnter) == 'undefined') { behavior_onMouseEnter = function() { this
実装が簡単で、フォームの使い勝手を向上させるJS 3種
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス の、CSSんところにちゃっかり、CSS HappyLife ZERO が載ってて嬉しい＞＜ さて、今回はフォームです。 お問合わせフォームとか資料請求フォームとか、ウェブサイトには結構な確率で何らかのフォームが有るかと思います。 このフォームの使い勝手の良し悪しが、とても重要なのは言うまでも有りません。 でもまぁ、ビミョーなフォームが多いですよね。 本気でやり出すと、サーバーサイドに手を加えたりして云々だと大変なので、コストがかかるとかで出来ない場合も有るかも知れません。 しかし、フロントエンドで出来ることも有るので、フォームを実装する際に何事もなかったかのように極々自然と使い勝手が良くなる（だろう）機能を盛り込んだらステキですよね。きっと。 しれっとコーダーが、フォームに今回紹介する機能を実装しておけば「おー！
Adapt.js - Adaptive CSS
What is this? Adapt.js is a lightweight (820 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed. A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetch
[Fireworks] 画像ファイルを一括して指定。任意の幅・高さ以内にリサイズするjsf « きんくまデザイン
こんにちは。きんくまです。 ひさびさのFireworksネタです。 ファイルを上書きするので注意が必要です。FireworksCS4で動作確認してあります。 １ フォルダを指定 ２ 指定の幅・高さ以内に画像がおさまるようにリサイズ ３ 上書き保存 ４ ２、３を終わるまで繰り返し 自分でほしいほしいと思ってて、作る機会もなかったんですが久しぶりに同じことをするため 必要になったのでつくりました。本当はPhotoshop版がほしかったんですけどね。jsx覚えたいな。 使い方としては、拙作jsfEditを使うとすごく簡単なんですが、わざわざいれたくないよという人のために。→Flash経由で大量のバッチ処理をしたところメモリの解放がうまくいかないみたいで、固まってしまうことが判明しました。このバッチはjsfをそのまま実行しないとダメみたいです、、。 １ 下のソースをコピーするか、このファイルをダウ
Flash Helper Scripts：JavaScriptで「Flash＋Photoshop」連携をパワーアップ！ | デベロッパーセンター
西田 善彦氏 storage.goodmix 本記事で紹介している「Flash Helper Scripts」は、Flash/ActionScript開発のためのオープンソースコミュニティ「Spark project」にて共有・提供されています。Spark projectでは、その他にもさまざまな用途のライブラリやソースコードが公開されています。ぜひ、チェックしてみてください。 Flashサイトを構築する際に、サイトデザインやデザインパーツをPhotoshopで作成し、それをFlashに読み込んでオーサリングしている人も多いでしょう。バージョンアップとともに、FlashとPhotoshopの連携は強化されてはいるものの、現状の機能だと物足りなさを感じている人はいませんか？ 本記事では、FlashとPhotoshopの連携をもっとスムーズに、もっと便利にするスクリプト集を紹介します。
footerをウィンドウ下部に固定する『footerFixed.js』
footerをウィンドウ下部に固定する『footerFixed.js』 footer部分を画面下部に固定するためのjsライブラリ『footerFixed.js』を作成しました。 フッターをコンテンツの内容量にかかわらずwindow下部に表示させるためのjsライブラリです。 サンプル 設置方法は head要素なのでfooterFixed.jsを読み込みます。 <script type="text/javascript" src="./footerFixed.js"></script> ウィンドウ下部に固定したい要素にid属性「footer」を付けます。 これでその要素をウインドウの下部に表示させることが可能です。 (ウインドウの下部というのがわかりにくいと思うのですが、内容量がウィンドウサイズを超える場合は通常通り、内容量がウィンドウサイズより小さい場合はウィンドウの下部に配置という意味です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近海外で流行りのTwitter,Facebook,Google+1,Analyticsをまとめる非同期スクリプトにはてなを加えてみた | ゆっくりと…
Home - Yep-Nope
GitHub - mozilla/popcorn-js: The HTML5 Media Framework. (Unmaintained. See https://github.com/menismu/popcorn-js for activity)
CssUserAgent (cssua.js)