JavaScriptでの正規表現を覚えたいときに激しく使えるチートシート - IDEA*IDEA ～ 百式管理人のライフハックブログWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
IE5～8をCCS3の疑似セレクタ対応にするスクリプト - ie-css3.js
CSS3に対応していないIE5/6/7/8をCSS3の擬似セレクタに対応させるスクリプトを紹介します。 ie-css3.js 対応するセレクタは、下記の11種類です。 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child :first-of-type :last-of-type :only-of-type :empty スクリプトの動作は、セレクタを見つけたらシミュレーションしたものに変更されて適用されている、とのことです。 スクリプトの使用方法は、DOMAssistantと併用し、外部スクリプトとして記述します。 <textarea name="code" class="html" cols="60" rows="5"> <head> <script t
20 Fresh JavaScript Data Visualization Libraries
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. There are plenty of JavaScript librari
Web関連特集 ソーシャルブックマーク、ブックマーク追加ボタンの設置 | PHP & JavaScript Room
上記のサイトを参考に、より簡単にJavaScriptとCSSで、各種ブックマークサイトへの「ブックマーク追加」リンク一覧表示をさせてみました。 現在表示しているページのURLとタイトルを「location.href」、「document.title」で取得して設定しているので、貼り付けておくだけで自動で現在表示しているページがブックマークに追加されるようになっています。 以下の例ではベタ書きになっていますが、JavaScript部分とスタイルシートの部分はそれぞれ外部化した方がよいです。 「Social Bookmarks」リンクをクリックすると一覧が表示され、右端にある［close］ボタンまたは再度リンクをクリックすることで一覧が非表示になります。 ブックマークサイトのアイコンを多数表示するのは、スペースを取りますがこの方法なら、リンク1つだけなのでページもスッキリします。 た
自動でページネーションを付与できるJavaScript「JQuery Pagination Plugin 」
twitter facebook hatena google pocket ページが長くなる時に分割表示できるとユーザーフレンドリーになります。 また同時にページネーションとかページングと呼ばれるものを付るとより一層好ましいです。 これらすべてを自動で行ってくれる「Jquery Paginator」を紹介します。 sponsors 使用方法 Plugins | jQuery Pluginsからpaginator.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="paginator.js"></script> <script type='text/javascript'> $(function() { itemsPer
Google製、JavaScript/CSSの難読化＆キャッシュ·Reducisaurus MOONGIFT
ReducisaurusはJava製/Google App Engine用のオープンソース・ソフトウェア。Webアプリケーションが隆盛になり、JavaScriptを多用したシステムやCSSによる凝ったデザインのサイトが増えてきた。それぞれフレームワークを使ったりして複数のファイルを扱うケースも多い。 設定方法 JavaScriptやCSSのファイルを複数読み込むにはその分だけコネクションを行う必要があり、負荷がかかってしまう。そこで使ってみたいのがReducisaurusだ。ローカルファイルやリモートのファイルを読み込んで一つにまとめてアクセスできるようになる。 ReducisaurusはGoogleのエンジニアでJaikuの開発にも関わっているプログラマによるソフトウェアだ。実行はGoogle App Engine上で可能になっている。自分でサーバを立てることもできるし、Reducisa
JavaScriptでのXML操作をしっかり学べるオススメ本
いきなりですがこの本、現在出品者からしか買えません。さらに、「内容紹介」欄は 全てが#という、買い辛いになっています。しかし良書です。 誰におすすめなのか HTMLやCSSは一通り知っていて、JavaScriptは貼り付けるだけ等、 とくに、JavaScript初級者にオススメしたい本です。 前半はJavaScriptの入門書になっていて、 サンプルも豊富にあり、無理なく学べます。 そして、中盤からXMLを扱うオブジェクトの紹介と、サンプル。 次に、XMLの原理原則の紹介があり、後半は実際にJavaScriptでXMLを 扱うサンプルが続きます。 レビューにも、 Javascript,DHTML,XML,DOMによるプログラミングの基礎が中心 とあるように、「XMLの操作」というゴールに向かって、 しっかりレールが敷いてあり、チュートリアル本として華麗な構成になっています。 実は、私、この
SWFObject v2.0 ドキュメント日本語訳 : Media Technology Labs (MTL) : メディアテクノロジーラボ ブログ
Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や
onClick無しでも発リンクを測れるJavaScript
＜Ａ＞タグ内にonClick無しで発リンク計測できます。 Google Analytics: script to track outbound links and downloads::immeria::web analytics blog::Stephane Hamel 外部への発リンク、メール、ダウンロードが計測可能。以下のようにライブラリ読み込みをすれば、すぐに使えます。 <SCRIPT LANGUAGE="JavaScript" SRC="gaAddons.js"></SCRIPT> これだけでOK。他に何もする必要は無く、＜Ａ＞タグ全てに効きます。 半信半疑だったのですが、上図のようにイベントトラッキングに記録されます。コンテンツ＞イベントトラッキング＞カテゴリーで、確認しましょう。発リンクであれば上図のように、outboundというカテゴリーが出来ているはず。 メールのリンクは
『【続】GoogleがJavascriptを認識し始めたことによる弊害』
前回のエントリー の続きというか、 状況に進捗がありましたのでご報告します。 前回エントリーの 2. Javascriptで呼び出すFlashが認識されることで、ユニバーサルサーチに予期せぬ動画が出現 についてですが、 解決策として挙げていた「Googleに連絡する」 を実行したところ、 表示に変化がありました。 当初、ユニバーサルサーチの動画検索結果として、 のように表示されていたものが、連絡直後から、 のような、動画サムネイル×descriptionの複合型として表示されるようになり、 また数日後、 のように、通常のテキストのみの検索結果と同じものになりました。 現在はこの状態で落ち着いているようです。 複合型で留めてもらって、テキストのみとのCTRの差などを 検証したかったというのが本音ですが、 現状、Googleが「通常の検索結果」として考えたのが このテキスト単体型なのでしょう。
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」:phpspot開発日誌
テーブルのユーザビリティを飛躍的に向上させる「Chromatable」。 Chromatableはテーブルのヘッダーを固定させ、テーブルの要素にスクロールバーを付けることができるjQueryプラグインです。 普通のテーブル Chromatableで初期化 次のようにスクロールしてもヘッダー位置はそのままで非常に分かりやすい。 実装方法 実装方法も超簡単で、JSコード自体はたったの１行で実装可能。 <!-- ライブラリ読込み --> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery.chromatable.js"></script> <!-- 初期化方法１ --> <script> $(document).ready(functio
『GoogleがJavascriptを認識し始めたことによる弊害』
サイト運営者の皆様はお気づきかと思いますが、 最近、GoogleがJavascriptを認識できるようになり始めています。 ただ、その精度はまだまだ低く、幾つか弊害と思われる事象が 確認できております。 現在我々で確認出来ている現象は2点 Javascriptのリンクを辿れることによる404エラーが多発 Javascriptで呼び出すFlashが認識されることで、ユニバーサルサーチに予期せぬ動画が出現 順に何故これが起こっているかを説明させていただきます。 1. Javascriptのリンクを辿れることによる404エラーが多発 結論から言うと、Javascriptの関数などで、動的に埋め込まれている変数を クローラーがまだ追うことが出来ないことが問題のようです。 例えば、http://example.com/page/というURLに <a href="javascript:jump();"
Webデベロッパーのためのフォトギャラリー作成スクリプト – creamu
TutZoneというサイトで、Webデベロッパーのためのフォトギャラリー作成スクリプトがいろいろと紹介されています。 いくつかご紹介しますね。 Carousel.us MooToolsを使った3DのJavaScriptカルーセル。Firefox 2+, Opera 9+, Safari 3+, IE 6+, Chrome 1でテスト済 Galleriffic フェードイン&アウトしながら表示されるクールなフォトギャラリー Zoomimage クリックでズーム、前後の画像へのナビゲーションもついているギャラリー jQuery Slider II サムネイルつきのクールなフォトギャラリー Space Gallery MacのTimeMachineのようなインターフェースで、クリックすると1枚ずつフェードアウトして消えて、次の写真がズームするギャラリー TimeMachineのとかすごいですね。
Javascriptリンクにnofollowを付けられるのか
リンクにnofollow属性を付けると、サーチエンジンがリンクをたどることを禁止し、PageRankやアンカーテキストを渡さないようにできます。 従来、検索エンジンはJavascriptを理解することができず、したがってJavascriptで書かれたリンクを、評価できませんでした。 結果的にJavascriptは、nofollowリンクのようにPageRankもアンカーテキストも渡さないリンクだったのです。 しかし、Googleに限っていて言えば、状況は変わっています。 Google, Matt Cutts（マット・カッツ）氏のビデオをご覧ください。 Can I use “nofollow” in JavaScript? “Googleは、一部のJavascriptをクロールするようになったんだ。 また、Javascriptリンクに付いているnofollowもサポートするようになっているよ
ブラウザー上で動く iPhone-style トグルスイッチ
ここのところ「iPhoneアプリのUIの大半（ひょっとしたらアプリすべて）をHTML+JavaScript+CSSで作ることはできないか？」に挑戦している私。 そのためにまずは部品作りからとりかかっているのだが、昨日から今日にかけて作ったのは、プログレス・バー、スライダー、トグルスイッチなどの「連続値・不連続値」を表示・入力用UIコントロールをウェブページ上で実現するためのJavaScriptライブラリ。 見た目（Look&Feel）はCSSを使って自由に指定できるように作りつつ、シンプルでありながらいろいろな場面で使い回しがきくライブラリを作りたかったので、何度もリファクタリングを繰り返してしまったが、なんとか形になってきた。 ということで、そのライブラリ（jTouchControl version 0.10）を使ったiPhone風トグルスイッチを公開。一応、Safari (4.0),
8 different ways to beautifully style your HTML lists with CSS
The use of HTML lists (<ol> for an ordered list, <ul> for an unordered list) is very common these days. Today, we're going to look a little bit further than creating regular lists, by showing 8 different ways to beautifully style your HTML lists with CSS. We'll use some pure CSS techniques to make a bored list look awesome (and even have some extra functionality). As a reminder, here's how a defau
Ajaxに力を入れ始めたマイクロソフト、今度はJavaScript圧縮ツールを無料公開
マイクロソフトのAjaxに関する動きが目立ってきました。以前のエントリで紹介したように、9月にはAjaxによるWebアプリケーションを最適化して起動速度を改善するツール「Doloto」の配布を開始。 Ajaxの起動を高速化するツール「Doloto」、マイクロソフトが発表 － Publickey 10月には、Ajaxのライブラリとして最も人気のあるjQueryのマイクロソフト自身による配布を開始すると同時に、Ajaxライブラリを高速に配布するためコンテンツデリバリネットワーク、「Microsoft Ajax CDN」を立ち上げています。 マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ － Publickey Announcing Microsoft Ajax Library (Preview 6) and the Microsoft Ajax
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404
Site Under Maintenance
noupe - THE magazine for webworkers and site owners
