はてなブログ | 無料ブログを作成しよう景色変わる6インチヒール ― 靴の話 春頃に買ったすごくお気に入りの靴があって、今日はその話をします。 商品としてはこれで、アイボリーとブラックを持っています。 https://store.cityhill.co.jp/item/945970.html アイボリーを買った後、かわいくて歩きやすくて気に入ったのでブラックを追加購入しま…
Box2DJS - Physics Engine for JavaScript
Click this image to start demos. Note that it takes long time to load the page. Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to us
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
IE の getAttribute / setAttribute: Days on the Moon
DOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは、基本的には JavaScript における element[name] / element[name] = value のシンタックスシュガーでしかありません。ですから、element.setAttribute("innerHTML", "foo") とすると、element の属性には何の変化もないが element の内容が書き換えられるという事態になります。 この (手抜き) 実装が原因で、getAttribute
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
[JS]キーボードのイベントを取得できるスクリプト -jQuery Hotkeys Plugin
jQuery Hotkeys Pluginは、単独のキーからキーを組み合わせたものまで、キーボードのイベント取得ができるスクリプトです。
Create an apple style menu and improve it via jQuery - Kriesi.at - Premium WordPress Themes
Create an apple style menu and improve it via jQuerySince I wrote my last tutorial on how to create a CSS only multilevel dropdown menu I got a lot of visitors who wanted to know how I created the main navigation of kriesi.at. (a so called kwicks menu) The interest in extraordinary menus seems to be high nowadays, so today I will teach you how this is done. Since the Apple-flavored Leopard-text-in
DynamicDrive.com is For Sale | BrandBucket
A premium domain name exclusively for sale on the BrandBucket network. Dynamic Drive: A vibrant, forceful name that conveys motion and innovation, suggesting cutting-edge technology and forward-thinking solutions. Possible uses: A mobile app for car diagnostics. A tech platform for logistics. An adaptive learning software. Full ownership of domain dynamicdrive.com. Logo design source files and rig
タブ式のスライドウィジェットを簡単作成できるjS「jFlow」:phpspot開発日誌
jFlow 1.2 - The Ultra-lightweight Fluid Content Slider for jQuery | Keansphere jFlow is a widget to make your content slides. タブ式のスライドウィジェットを簡単作成できるjS「jFlow」 単なるタブＵＩではなく、ページの切り替えにスライドアニメーション機能を加えたというもの。 デモはかっこうわるいプレーンな感じですが、CSSでデザインすれば使えそうです。 利用にはjQueryが必要。 関連エントリ JavaScriptを使ったULリストをツリー風に表示するサンプル「Simple Tree Menu」 jQueryでクールにアニメーションするメニューを実装するチュートリアル
John Resig - JavaScript Micro-Templating
I’ve had a little utility that I’ve been kicking around for some time now that I’ve found to be quite useful in my JavaScript application-building endeavors. It’s a super-simple templating function that is fast, caches quickly, and is easy to use. I have a couple tricks that I use to make it real fun to mess with. Here’s the source code to the templating function (a more-refined version of this co
クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 – creamu
DiaryTechnology クールにアニメーションしてハイライトしてくれるJavascript『Create a Simple, Powerful Product Highlighter with MooTools』 クールなインターフェースを実装したい。 そんなあなたにおすすめなのが、『Create a Simple, Powerful Product Highlighter with MooTools』。クールにアニメーションしてハイライトしてくれるJavascriptだ。 このエントリーでは、かっこよくアニメーションしてくれるインターフェースが紹介されている。HTML、CSSだけでなく、Javascriptも公開されているため、実装するのも容易だろう。ライブラリはMootoolsを使用している。 以下にデモがあるので見ていただきたい。 » Demo クールにアニメーションしてハイ
ウェブ制作にかかせないFirebugの機能を更に強化する機能拡張集 | コリス
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Firebug HTML, CSS, JavaScriptなどを編集・デバッグ・モニタリングできる開発ツール。 以下の全ての機能拡張は、Firebug上で動作します。 Firebug Firebug -Firefox Add-ons YSlow ページの分析、パフォーマンスレポート、HTTP/HTMLサマリー、コンポーネントのリスト YSlow YSlow -Firefox Add-ons Firecookie クッキーの管理 Firecookie Firecookie -Firefox Add-ons FirePHP PHPのデバッグ FirePHP FirePHP -Firefo
【レポート】"The Internet is the Wii"(インターネットこそWiiだ) - Wiimote-over-HTTP (1) インターネット越しにWiiリモコンを操作できるWiimote-over-HTTP | パソコン | マイコミジャーナル
「Wiimote-over-HTTP」(以下、WoH)は、一般的なPCに接続されたWii Remote(以下、Wiiリモコン)の操作や各情報の取得をインターネット経由で可能にするためのAPI、いわゆる「リアルデバイスWebサービス」を提供するWebアプリケーションです。 最大7台までのWiiリモコンが接続でき、それぞれのボタン押下状況や傾きの取得、LEDやバイブレーションの操作を行うことが可能になります。レスポンスはXML / JSON / JSONPといわゆる一般的なWebサービスの形式になっています。もちろんWoHのWebサービスに接続できる環境さえあれば、世界中のどこからでも、WoHのサーバに接続されたWiiリモコンのバイブレーションを操作したり、ボタンの押下状況などを取得できます。 WoHは、Wiiリモコンの操作や情報取得を行うためのコアライブラリに WiiremoteJを利用して
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
JavaScript/ウィンドウ/サブからメインウィンドウを操作する - TAG index
サブウィンドウ内のアクションで、メインウィンドウ（親ウィンドウ）を操作するスクリプトです。 （例：サブウィンドウ内のリンクでメインウィンドウ内のページを切りかえる） メインウィンドウのソース <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- // サブウィンドウを開く処理 function disp(url){ window.open(url, "window_name", "width=250,height=350,scrollbars=yes,resizable=yes,status=yes"); } // --> </script> </head> <body> <p><a href="example_sub8.html" target="window_name" on
jQueryでウィジェットインターフェース
多くのデベロッパから支持を集め、もはやおなじみとなったJavaScriptフレームワークjQuery。jQuery単体でも非常に優れたJavaScriptフレームワークだが、jQueryにはjQuery UIと呼ばれるウィジェットセットが用意されており、デベロッパは同ライブラリを利用することでグラフィカルなユーザインタフェースをより簡単に開発することが可能となる。 jQuery UIはThe jQuery Projectが開発/公開しているjQueryをベースとしたウィジェットライブラリ。The MIT License、GNU GENERAL PUBLIC LICENSE Version 2(GPLv2)のデュアルライセンスの下で公開されている。いくつかのコア機能とウィジェットが用意されており、ダイアログやスライダー、タブといったインタフェースを簡単に構築することが可能だ。また各種APIや
【ハウツー】Web開発者必見! jQuery UI ウィジェット3選 (1) シンプルでかつ強力なウィジェット群 | エンタープライズ | マイコミジャーナル
7月3日に掲載した記事「jQueryを使ってるならコレ! ウィジェットライブラリの決定版 - jQuery UI」ではjQuery UIの簡単な概要と、jQuery UI/SliderとjQuery API/CSSを組み合わせたサンプルコードをいくつか紹介した。簡単なコードを追加するだけで、工夫次第でさまざまな使い方ができるUIを作成可能ことがおわかりいただけたと思うが、jQuery UIには他にも汎用性の高いコア機能とウィジェットが用意されている。本稿ではその中でもとくに興味深いウィジェット「Datepicker」「Dialog」「Tabs」を紹介する。 なおWebブラウザ実行環境と使用したJavaScriptファイルは次のとおり。 Microsoft Windows XP SP3 / Microsoft Internet Explorer 7 FreeBSD 8-current / M
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists This JavaScript and CSS will allow you to use custom images for checkboxes, radio buttons and select lists. Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script graceful
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
Ext JS - JavaScript Library
