JavaScriptによるリンク制限
.htaccessが使えない環境の場合、JavaScriptで簡易的にリンク元を判別、 指定ページに飛ばす事でリンク制限が行えます。 ただし、.htaccessがページを表示させる前にブロックするのに対し、 JavaScriptは一度ページを読み込みかけてから、別ページへジャンプ、となるので、 処理の遅いパソコンでは一瞬隠したいページが表示されてしまうことがあります。 .htaccessが使えるならそちらを使う事をおすすめします。 また、JavaScriptのリンク制限は、あくまで人間の目を誤魔化しているだけなので検索よけの効果は皆無です。 ＵＲＬをコピーペーストして来た人や、ノートンなどリファラを遮断するソフトを入れている人には効きません。またJavaScriptをオフにしている人にも効果がありません。 JavaScriptで特定ＵＲＬからのリンクを制限 JavaScriptで特定ＵＲＬ
Headroom.js - Give your pages some headroom. Hide your header until you need it.
Plain JS Using plain JS, pass the options as the second argument to the constructor. Options are automatically merged with the defaults. jQuery/Zepto plugin Using the plugin, pass the options object as the only parameter. Options are deep merged with the defaults. Data API code If you're using the data-* API, define any property as a data attribute. Options supplied via the data-* API are also dee
[JS]ブラウザとそのバージョンだけでなくOSもデバイスもスクリーンサイズも判定し、CSSのセレクタで利用できる便利なスクリプト -CSS Browser Selector+
IE6/7/8/9, Firefox, Chrome, Safari, Operaは当たり前、Win, Mac, LinuxなどのOS、iPhone, Android, iPod, iPadなどのデバイス、スクリーンのサイズ、言語などを判定し、それらをCSSのセレクタで利用できるスタンドアローンのスクリプトを紹介します。 CSS Browser Selector+ CSS Browser Selector+の特徴 CSS Browser Selector+の使い方 CSS Browser Selector+の特徴 CSS Browser Selector+はハック無しで、さまざまなUAをCSSのセレクタで指定できるスクリプトです。ブラウザごとに異なるスタイルシートの適用、スマフォやタブレット用のレスポンシブなスタイルにも利用できます。 CSS Browser Selector+が判別するの
ActyWay.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
Pot.js + PotLite.js - Document and Reference - JavaScript Async + String Utility Library
このライブラリは現在メンテナンスされていません。 CPU負荷を抑えて重い処理を軽くするJavaScriptライブラリは chillout.js をお使いください。 This repository is no longer maintained. To reduce JavaScript CPU usage by asynchronous iteration, use chillout.js instead.
javascriptを読み込みと同時に実行する方法
javascriptを読み込みと同時に実行する方法 javascriptを読み込みと同時に実行する方法 (function() { alert("test"); })() のように(実行する関数)()と記述すると関数の読み込みと同時にその関数を実行します。 window.onload=function(){ alert("test2"); } はページそのものの読み込みが終了した後に実行するため コード読み込み時に実行される前述のほうが先に実行されます。 スポンサードリンク to-Rについて JavaScriptやCSS、React/Angularなどのフロントエンド情報を発信しています。 書いてる人 西畑一馬 (株式会社トゥーアール) 代表取締役/フロントエンドエンジニア 株式会社トゥーアールについて 渋谷にあるフロントエンドに特化したWeb制作会社です。フロントエンドの実装についてお困
JavaScriptと活用しよう
JavaScriptの有効利用法，CGIプログラミングの支援ツールとして考える 戻る JavaScriptは，Webブラウザのバージョンによって，動作が異なる場合があり， いろいろなWebブラウザを利用してアクセスする可能性があるシステムで不用意に 利用すると，トラブルの元になります． しかし，どのWebブラウザでも利用できる最小限の機能や，イントラネットで利用し， Webブラウザを特定できる場合は，CGIに対して最小限のリクエストで最大限の効果を 得られるシステムを構築する手助けになるでしょう． JavaScriptは、HTMLと共にクライアントに送信されるため，内部処理を利用者に 知られたくない場合は，利用しないほうがよいでしょう． 8.1 文字列の長さのチェックを行う HTMLでは，文字列の長さを「バイト数」でなく「文字数」で扱う傾向があります． しかし，ほとんどの場合CGIで処理で
Yellowpipe - HTML converter: HTML to PHP, HTML to Javascript, HTML to ASP
HTML to Script Converter Tool Easily convert your HTML to javascript, PHP, or ASP. Simply paste your HTML code into the empty box then select your desired scripting language. Copy the content by selecting ‘All Select.’ To clear the content and start over, select ‘Reset.’ Our HTML to Script Converter Tool is free and easy to use. You can come back to this resource anytime to support smaller project
Bookmarklet Builder
Bookmarklet name: Rows: Help for Bookmarklet Builder Javascript code: javascript: Wrap text (Bookmarklet)
iPadのSafariに不足しているものを補う - ザリガニが見ていた...。
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
【JavaScript】navigator.userAgentを用いたブラウザを識別するサンプルコード 某IT系研究員（予定）のひとりごと
来年東京で就職予定の京都在住大学院生によるつぶやき。ジャンル無し。 アニメヲタ、そして究極のミク廃を豪語する。 適当にブラブラした時の事や、旅行記録を書いたりもするかも。 このページを見ているような人はご存知だと思うが、ブラウザ上での動作をリッチにしてくれるJavaScriptはブラウザによって解釈が異なる場合がある。 開発者視点で見れば本当にInternet Explorerなんて使うのやめちまえと思うんだけど、そんなわけにもいかない。 また、FireFox + firebugで開発なんかしてたりするとIEでの確認をうっかり忘れてしまい、IEでシステムが動かない、なんてこともある。 どのブラウザでも動くようなコードを書くのが理想だけど、どうしても無理な場合がある。 そんなときはブラウザ毎に別処理を書くのが手っ取り早い。 というわけで、昔僕が書いたブラウザ識別クラスのサンプルコードを公開し
JavaScriptでDeferredとイテレータの非同期処理用ライブラリ作ってみた | 圧縮電子精神音楽浮遊構造体
2011年10月11日火曜日 JavaScriptでDeferredとイテレータの非同期処理用ライブラリ作ってみた Pot.js という JavaScript ライブラリを作りました。 1ヶ月半くらい前からこつこつ書いてたんですが 実は先日、HDD トラブルでソースコードまるごと紛失してしまったんです。 作業ディレクトリごとなくなっちゃってもう涙目でした。 システム復元とかキャッシュとかいろいろ探したりがんばって HDD の断片から数週間前のデータの一部がいちおう見つかって そのコードの切れ端みたいのと記憶を頼りに元に戻してるところです。 その作業があまりにめんどくさいので、 とりあえず動くところまで元に戻った 非同期処理のオブジェクトのみライブラリにしようと PotLite.js としてコミットしました。 あまり巨大なライブラリより結局のところよかったのかもしれない
知ってて当然？初級者のためのJavaScriptで使う即時関数(function(){...})()の全て
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ！ 毛根にはこれからもがんばってほしい！いつだって頭を温かいまなざしで見守
IE6-8でもCSS3に対応するライブラリまとめ:phpspot開発日誌
Kick-ass CSS3 Support in IE6, 7, and 8 | AEXT.NET MAGAZINE IE6-8でもCSS3に対応するライブラリまとめ。 IEでCSS3に対応するには behavior で htcを指定する方法が簡単で便利ということでライブラリが色々あるようだったのでまとめました。 そんなに多機能はいらないという場合に、機能を削ったものを使うという方法もありかもしれません。 CSS3 PIE 角丸、ドロップシャドウ、グラデーション背景等、多くのプロパティに対応していて今後も対応を強化 IE-CSS3 border-radius、box-shadow、text-shadow等のプロパティが使えるようになる。いかがスタイリング例 css3shadow.htc テキストに影をつけるためのhtc curved-corner - Project Hosting on
ジャンクワードの森：BookmarkletでDIVのclassやidを確認する方法
<< 2013年12月 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 CSSを使ってサイトデザインをすると、DIVが大量発生し、しかも入れ子状態になることが多いです。 最初作ったときはいいですが、後で修正をするときなど、どこにどのDIVを指定していたかがわかりにくくなることがよくあります（コメントを活用する方法もありますが、それもソースが複雑に見える要因になります）。 そんな時に使えるのが、Bookmarkletを使ったDIVのclassやidの確認です。 実際の動作の前に、Bookmarkletについて Bookmarkletとは、 特定の動作を記述したJavaScriptプログラム（軽いプログラムのことが多い）を、ブラウザのブックマーク（お気に入り）に入れて、そのブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Responsive Cat
kowaza
window.close()で確認ダイアログを出さないで閉じる。 - Windows Script Programming
ASCII.jpリファレンス
Create a new fiddle - JSFiddle