キーワード検索「index」
750
サイト運営者なら覚えておきたい便利なサイト・ツール30選まとめ 2011年06月18日 00:52 役立ち/PC/Webテクニック Tweet Check Browser Compatibility http://browsershots.org/ 各ブラウザでのサイト表示を確認できます。 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 http://www.taginde...
277
最後のビルド作業にだけXcodeが必要ですがHTML、CSS、JavaScriptの知識だけでOS Xネイティブアプリが作れるファイル一式です。特定のサイト専用ブラウザを作ったり、HTML5の機能を使えばオフラインでも使える完全に独立したアプリが作れそう。Zipを解凍してできたフォルダの中には「public」というフォルダがあり、そのフォルダにHTML、CSS、JavaScriptファイルを置いて...
veadardiary.blog29.fc2.com
244
HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。ファイル構成：コメント無し版各ファイルの説明index.htmlHTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。css/main.css@import用のスタイルシートです。css/reset.cssE...
109
iPhone, Androidのスマートフォンなどの小さいスクリーンから、デスクトップの大きいスクリーンまで、それぞれの表示サイズに合わせて最適なレイアウトを提供するHTML5+CSS3のテンプレートを紹介します。 サイズ変更時はレイアウトの一部がアニメーションで移動し、面白い仕掛けにも利用できそうです。 HTMLの構造 テンプレートはブログを想定して作成されています。 ヘッダ、ナビゲーション、特...
92
![[HTML5]世界一インストールが簡単なWikiをリリースしました。 - DQNEO起業日記](http://capture.heartrails.com/200x130?http://dqn.sakusakutto.jp/2012/05/jswikimini2-localstorage-javascript.html)
世界一インストールが簡単(で奇妙)なWikiシステム「JSWikiMini2」 (タイトルは若干釣り気味ですがまんざら嘘でもないと思います。) JSWikiMini2をリリースしました。 JSWikiMini2 YuiwikiminiのJavaScript実装です。 特徴は、(おそらく)世界一インストールが簡単なことです。 なぜかというと "index.html" ファイルただ１個で動くからです。...
74
CSSをで制御して様々な演出をしているjQueryプラグインのまとめです。 Create a unique Gallery by using z-index and jQuery
54
![[CSS]IE6でもそれなりに、CSS3で実装するツールチップのチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-tutorial-tooltips-by-red-team-design.html)
吹き出し風デザインの実装イメージ .tooltip { position: relative; background: #eaeaea; cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none; } .tooltip span { visibility: hidden; posit...
53
パララックス効果のあるコンテンツ を作る為の雛形みたいなコードがあ ったのでメモ。既に似たようなのは いろいろあるんですが、div要素を 使って実装していて自由度がありそう だったので備忘録的に記事にしておき ます。 昨日訳あって、FAQサイトをさまよってたらたまたま見かけて良さそうだったので勉強用にちょっと拝借しました。 Parallax with jQuery レイヤーはdiv要素です。赤いボ...
45
Pull Down for Navigation - Inspect Element スマホでの面白いトップナビゲーションの見せ方チュートリアルがデモ付きで公開されています。 実際にデモを実機で試すのが一番よいかもしれません。position:fixed と z-index をうまく組み合わせて実現されています。 １つのテクニックとして認知しておくだけでも今後のアイデアに活用できるかも デモページ...
47
jQuery Mobileによるスマートフォンサイトの制作方法を解説する本連載。前回に引き続き、簡単な会社案内サイトを作りながら、jQuery Mobileの基本的な使い方を学びましょう。 aboutページの作成とCSS3によるデザインの変更 今回はトップページ以下の詳細ページを順に作成していきます。まずは「to-Rについて」のページ（#about）から取り掛かりましょう。前回作成したindex....
45
2010年10月26日火曜日5分で作るOpera エクステンション5分で作るOpera エクステンション Opera エクステンションがやって来るヤァ！ヤァ！ヤァ！ Opera11が発表されましたが、皆様いかがお過ごしでしょうか。 開発者でない人でも、簡単に作れるOpera エクステンション。 作成するファイルは僅か5つ。 ・index.html ・background.js ・popup.htm...
37
HTML5, JavaScript | 12:29 | | Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@k...
34
![[作って学ぶ！jQuery] 第5回 ajaxを使って複数ブログの最新記事一覧を表示する | バシャログ。](http://capture.heartrails.com/200x130?http://c-brains.jp/blog/wsg/10/05/06-171000.php)
こんにちは、GWはがっつり朝から晩まで子供と遊びまくっていたishidaです。今回はajaxを利用して、ブログの最新記事を掲載してみようと思います。 ajaxで取得するデータは、同一サーバ内のxmlデータとします。また取得するブログは以下の3つとしています。馬車道の社長ブログ（/blog/niidome/index.xml）ゴトウ@シーブレインの馬車道（/blog/goto/index.xml）バ...
39
ほぉ、と思ったのでご紹介。他の要素の裏に回りこむようなエフェクトを実現できるプラグインですよ。↑ ユニコーンがタイトルの裏に回り込んだりします。z-indexを使い、後ろに来たときにはこの要素よりも裏にね、といった指定をするようです。他にも前後で大きさを替えたりとか、スピードの指定などができるようです。ちょいと幻想的なエフェクトを実現したいときに良いですね。詳細＆ダウンロードは以下からどうぞ。» ...
19
Youtubeは通常z-indexが効かず、Lightboxや ナビゲーションをposition:fixed;させるときは z-indexが効くように?wmode=transparentと いうパラメーターを加えてあげなければなり ません。しかしいちいち加えるのはストレス なので、動画をよく貼るサイトにはjsで自動 的に挿入できるようにします。 Youtubeはデフォルトでは一番上に来てしまうので...
23
Node.jsExpressでテンプレートからプロジェクトを作ると、現在の最新版2.5.4では . ├── app.js ├── package.json ├── public │ ├── images │ ├── javascripts │ └── stylesheets │ └── style.css ├── routes │ └── index.js └── views ├── index....
22
![Re:jQueryでセレクタを再指定する方法[to-R]](http://capture.heartrails.com/200x130?http://blog.webcreativepark.net/2011/11/10-032757.html)
ネタ元：jQueryでセレクタを再指定する方法: 小粋空間 なんとなく呼ばれた感じがしたので添削というか、私ならこう書くかなというところで。 (function(jQuery){ $(document).on("change","input.foo",function(){ var foos = $("input.foo"); var prevInput = $(foos).eq($(foos)....
17
HTML5, JavaScript | 12:29 | | Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@k...
16
「とある案件で、静的サイトの一部にWordPressを導入して、その新着情報を既存サイトのindex.htmlに表示させる、ということになりました。」という話を前回しましたが、結局どうやって解決したかを書いておきます。 （同一ドメイン・同一サーバ内でのお話です。別サーバ、別ドメインでどうなるのかの検証はしていませんのであしからず。） 再説明ですが、もともとあった静的HTMLのサイトの一部（仮に /...
13
jQueryのセレクタ機構は非常に明快で使いやすいものです。 しかしまだまだ正規表現には見劣りしてしまいます。 「Regex Selector for jQuery」プラグインを利用することでセレクタ機構で正規表現が使えます。 この機能の獲得でjQueryによる開発はより柔軟で高速に様々なケースへ対応できるようになります。 Regex Selector for jQuery jQuery.expr...
