よくあるカウントダウン系のティーザーサイト用のJavascriptを作ってみましたよ。 まぁただのカウントダウンなんですけどね。Javascriptを呼び出すだけでOKです。呼び出すと以下のようなアレがでてきます。ティーザー広告やティーザーキャンペーンを打つ際にご利用ください。FlashじゃないからiPhoneやiPadでも見れるよ。teaser.jsのダウンロードは以下からhttp://labs.synck.jp/documents/12737308564432351740.zip
ティーザーキャンペーン用Javascript
よくあるカウントダウン系のティーザーサイト用のJavascriptを作ってみましたよ。 まぁただのカウントダウンなんですけどね。Javascriptを呼び出すだけでOKです。呼び出すと以下のようなアレがでてきます。ティーザー広告やティーザーキャンペーンを打つ際にご利用ください。FlashじゃないからiPhoneやiPadでも見れるよ。teaser.jsのダウンロードは以下からhttp://labs.synck.jp/documents/12737308564432351740.zip
『IEのみにJavaScriptを適用・実行させる方法』
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます！現在、長野県長野市の制作会社でWeb作成中！ @cc_onって何だ？ ツイッターのタイムラインで気になったツイートがあったので見ていたら 見たことがないものがあったのでメモ @cc_on ってなに？ /*@cc_on ほげほげ*/ この暗号みたいなものを書くとIEのみにJSを有効にさせることがきるみたいです。 これは知りませんでした。 @cc_onを使ってIEを判別するやり方も役に立ちそうです。 JavaScriptでIEかどうかをたったの1行で判別する方法 var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { a
第5回 JavaScriptの基礎知識#2：クロージャ編 | gihyo.jp
こんにちは、太田です。前回はJavaScriptの基礎的な部分を解説しました。今回はJavaScriptのクロージャについて解説します。クロージャはJavaScriptでは使用頻度が高く（意識して使用していなくとも、ほとんどの場合クロージャが使われています）、今後の連載の中でも積極的に使っていきますのでここで確実に理解してしまいましょう。 クロージャとは クロージャはその定義を説明されてもなかなか理解できないため、難しいものだと思われがちです。しかし、ソースコードを中心に見方を少し工夫すればすんなりと理解できると思います。 さて、クロージャの前に確認しておくべき基本事項があります。それは、JavaScriptでは関数を入れ子にできる、という点です。ある関数の中に別の関数を定義することができます。基本中の基本ですが、これがクロージャにおいてもっとも重要です。 では、それを踏まえて次のコー
Class.js | Evan Byrne' Writings
Table of Contents Create A Class Using Your Class Constructors Extending Classes Class.merge() Plugins GPL License Comment See what others have to say on this topic, or add your own two cents. View Comments (0) Post Comment Overview JavaScript by nature does not have classes like other languages. This has been a source of frustration for developers trying to create complex applications. Class.js a
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。 ソースコード(Javascript) scrollsmoothly.js 読み込み例 <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜めにスクロール可能 スクロール中にもリンクをクリック可能 別のページからのリンクでも指定の場所までスムーズスクロールします MIT License 動作確認ブラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
W3C DOM Compatibility - CSS Object Model View
Last major update on 20 July 2010. This page has been translated into Romanian. Mobile table. These compatibility tables detail support for the W3C CSSOM View specification in all modern browsers. Want these Tables updated? Join the donation drive. WindowView properties. ScreenView properties. DocumentView and ElementView methods. ElementView properties. Mouse position. WindowView properties These
いま見ているページを認証不要でTwitterに投稿するブックマークレット
何で認証不要かというと 本家のサイトから直接投稿するから。 Twitter はいつの間にか http://twitter.com/home?status=[文字列] で投稿欄にその文字列を入れられるようになってた。 いつの間にかじゃなくて最初からできたのかな。 ともかく以前はAPI を通じて認証してたんだけど、 そんなことしなくても これならものすごく簡単に投稿できる。 というわけで いま見ているページのタイトルと URL を投稿するブックマークレット。 このページをTwitterに このリンクを右クリックして ブックマークだかお気に入りだかに保存してから 投稿したいページが開いた状態で そのブックマークレットをクリックね。 要するに Twitter の投稿画面に飛ばすだけなので ID やパスワードをどこかに預ける必要はない。 ログインしていれば [ページタイトル] [ページ URL] が
見ているページをTwitterに投稿するBookmarkletとブログ用ボタン | Creazy!
[2009/06/18：追記] bit.lyに対応したスクリプトも書きましたので、こちらもどうぞ。 ・【bit.ly対応版】見ているページをReTweetするブログ用ボタン [C!] いしたにさんがブログにTumblrボタン付けて、Twitterボタンもつけたいようなので持っていたBookmarkletから在庫放出しますw 自分のブログのエントリーにTumblrに１クリックで投稿するボタンつけました。 (snip) twitterボタンお待ちしてます！ via: 自分のブログのエントリーにTumblrに投稿するボタンつけた:[mi]みたいもん！ Tumblrボタンは単純にTumblr純正の bookmarklet をリンクにしているだけなので、Twitterも同じ要領でできます。 まずは、元となるBookmarkletから。 Surfing Page to Twitter ソース中身はこん
クロスドメインの制約を外す事ができるproxy「Simple PHP Proxy」 | Web活メモ帳
JavaScriptやActionScriptで外部のXMLを読み込む場合などにクロスドメインの制約で読み込めない場合があります。 Flashの場合は外部サイトにcrossdomain.xmlを設置してもらったりする、JavaScriptの場合はJSONPを使用するなど対応方法はありますが、全ての案件に対応可能なわけではないと思います。 そんな外部との連携でどうしようもできない時に使用したいのが今回ご紹介するSimple PHP Proxyです。 これは外部サイトのデータをPHPで取得する事によって、自ドメイン内でデータを表示する事ができるproxyシステムです。 外部サイトにアクセスする際には以下のオプションを指定できるようです。 クッキーを送信 Userエージェントを送信 GETかポストか ヘッダーを送信 使い方 使い方は簡単です。 設置したPHPファイルに「url」というクエリーを追
掲示板/JavaScript質問板/Open Error: 2370.dat - TAG index Webサイト
ホームページ制作の情報交換 - 掲示板
JavaScript初級者から中級者になろう
JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基本的な操作とテキストノード 木構造の操作：ノードの除去 木構造の操作：ノードの追加 木構造の操作：さまざまな機能 木構造の操作
Flashでcrossdomain.xmlを使わないでクロスドメインする - proto*
Flashでクロスドメイン（別ドメインの情報へのアクセス）する時には参照先のサーバにcrossdomain.xmlを置き、その中にFlashが置かれているサーバの登録が必要です。 ---------------------------------------------------------------------- <?xml version="1.0″ encoding="UTF-8″?> <cross-domain-policy> <allow-access-from domain="*" /> </cross-domain-policy> ---------------------------------------------------------------------- これだと、どこからでもアクセス可能です。 一般に公開されているWebAPIを使う時に、上記の
SnowTech 2010 Webinars
Welcome to SnowTech 2010 SnowTech is over, but you can still enjoy the sessions. These conference sessions are being delivered to you by industry professionals and leaders with expertise in technology for associations and non-profits. You can still benefit from their expert advice, information and valuable tips. Select any session listed on the right for only $25 each.
W3C cheatsheet
Accessibility: WCAG2 at a Glance Perceivable Provide text alternatives for non-text content. Provide captions and alternatives for audio and video content. Make content adaptable; and make it available to assistive technologies. Use sufficient contrast to make things easy to see and hear. Operable Make all functionality keyboard accessible. Give users enough time to read and use content. Do not us
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
細かいJavaScriptの仕様や習慣やテク集 - 三等兵
気づいたことやミスしたことなどメモしていたので確認作業。細かい仕様だったり暗黙のルールだったり、テクニックだったり。JSに慣れていたら当たり前なことばかりかもしらん。 追記のところはid:os0xさんより。ありがとうございます！ undefined var a; alert(a) // undefined 宣言だけだとundefined。undefinedというのは、宣言している変数に値が入っていませんよ、ということ。 そしてオブジェクトには無いプロパティとか参照すると出てくる。 var a = 100; alert(a.length); // undefined さらに引数も。 function func(val) { alert(val); } func() // undefined 引数はCallオブジェクトってのに格納される。このオブジェクトはローカルの変数が格納されるオブジェクト
マンガで分かる JavaScriptプログラミング講座
はじめに 「マンガでわかるJavaScript」は、難しそうに思えるプログラムを、簡単そうに見えるマンガで解説するという初心者向けの入門講座です。 架空の高校生たちに教える形式で、プログラムの基礎から応用を、解説していきます。一通りのマンガを読めば、かなり実践的なところまで、プログラムを書けるようにしていきます。 （マンガは、左上から右下へと読みます） プログラムというと、けっこう大変そうに思えますが、この講座のテーマは「面倒くさいことを楽にする」です。面倒臭がりで、手抜き大好きの女子高生を主人公にして、楽しくプログラムを学んでいくことにします。 主な対象読者は「これからプログラムを学んでみたい人」「Webの世界に関わっていてJavaScriptを学んでみたい人」「昔JavaScriptを触っていたけど最新のトレンドが分からないので改めて学んでみたい人」などです。初心者だけでなく、Webデ
縦書き表記をサポートするテキストレイアウトエンジン·Nehan MOONGIFT
NehanはJavaScript製のオープンソース・ソフトウェア。コンピュータはアメリカ発とあって、左から右に表記されるのが基本だ。アラビア語のように右から左に表記される場合もあるが、それでも横に流れるのは変わらない。日本語のように縦に書かれることは考慮されていない。 だが日本人である以上、慣れはあるとは言え縦書きの方が分かりやすい。それは今後電子書籍が流行っていく中で必ずネックになるはずだ。とは言え出力自体縦書きにするのは難しい。そこで表示だけを切り替えるのがNehanだ。 NehanはHTMLでは通常通り横向きに書かれている文章をJavaScriptを使って縦書きに変換する。カギ括弧など単純に縦に並べると問題のある文字は画像を使って置き換えてくれる。これによってぐんと見やすい状態になる。 実際の使い方としてはclassの中に幅、高さ、フォントサイズを指定する程度で良い。特に何も考えずに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法