JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT
昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgとJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。 html5ではsvgをhtml中に埋め込んで、更にそのsvgにcssでスタイルを当てたり、JavaScriptでいろいろやったり出来ます。 この時、要素のクリック領域は要素の形そのままなので、昨日のリモコンのような変な形のクリック領域を簡単に作ることが出来ます。 以下の画像の色のついた箇所にマウスを乗せたりクリックをしたりしてみてください。 100km 画像はWikipediaより。 上記の画像は、クリックできる箇所に .svg-area というクラス名と、data-name属性に市町村の文字列が入っており、以下の様なcss/jsによって動作を実現しています。 path.svg-area { cursor: pointer;
[JS]DOMエレメントを操作するシンプルで超軽量のスクリプト -Chibi
jQueryなどの他のスクリプトに依存せず、DOMエレメントを操作するシンプルで超軽量（2KB gzipped）のスクリプトを紹介します。 Chibi -GitHub Chibiの対応ブラウザ Chibiの使い方 Chibiの対応ブラウザ IE6をはじめ、ほとんど全てのデスクトップ・スマートフォン用のブラウザをサポートしています。 Android Browser 2.1+ Blackberry Browser 6+ Chrome Chrome Android Firefox 3.5+ Firefox Mobile Internet Explorer 6+ Internet Explorer Mobile 9+ Opera 10+ Opera Mini Opera Mobile 10+ Safari 3.2+ Safari Mobile 3.2+ Symbian^3 Browser or h
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
株式会社ジラフィー(Giraffy)
会社情報 事業内容 ソフトウェアシステム開発 クール、セキュア、標準準拠をポリシーに、ソフトウェアシステムの開発を行っています。 Web などのインターネット技術を中心とした豊富な開発経験と高い技術力で高品質なソフトウェアをお届けします。 Webサイト制作 Webサイトのデザイン、HTML/CSSコーディング、WordPress などの CMS への組み込みも行います。 既存のWebサイトへの問合せフォーム等の追加も承ります。 スマートフォン向けアプリケーション開発 iPhone や iPad、または Android など、スマートフォン用のアプリケーションの開発を承ります。 その他 BlackBerry 用テーマ Self Shortener (WordPress プラグイン) 会社概要 社名
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
