Twitter BootstrapでさくさくWeb開発 : アシアルブログ
<div class="container-fluid"> <div class="row-fluid"> <div class="span4"> Span4の中身 </div> <div class="span8"> Span8の中身 </div> </div> </div> Preタグで囲むコード エンジニアの皆さんなら、ブログにコードを書きたいですよね。 Twitter Bootstrapでも、かっこ良くコードを見せる手法を提供しています。 ・codeタグで囲む 赤くなります。 ・preタグで囲む 囲み枠がつき、灰色になります。 ・Preタグ+Google Prettifyを使う preタグのclassに、prettyprint linenums を入れましょう。 これが超かっこいい！！コードを見せるならこれがよさそうですね！ さて、かっこいいGoogle Prettifyですが、こ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは
jQuery、プラグイン、jQuery UI、Web経由のCDNとは：CSSの書き方も分かるjQueryプラグイン実践活用法（1）（3/3 ページ） CDNを利用してWeb経由でjQueryを使うには jQueryとjQuery UIのライブラリは、Webサイトからダウンロードして利用する代わりに、CDNを使って利用することもできます。ここでは、jQueryのWebサイトからjQuery 1.3.2とjQuery UI 1.7.2のライブラリをダウンロードして利用する代わりに、グーグルとマイクロフトのCDNを使って利用する方法を紹介します。 なお、グーグルのCDNには、jQuery UIのテーマ（スタイル）も登録されています。 グーグルのCDN グーグルのCDNを利用してjQuery 1.3.2とjQuery UI 1.7.2のライブラリを組み込むには、<head>要素に次のような<scr
jQueryを使う際の25個Tips | Magicalog
mprove your jQuery – 25 excellent tips ｊQueryを利用する際の25のTipsを見つけたので紹介します。 ちょっと長いですが、かなりいいです。 google jsapiを利用しましょう google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); これを利用すると読み込み時間が高速になります。 チートシートを利用しましょう わからなくなったら、チートシートを利用し、さくっと。 チートシートはこちらがいいかもしれません。 http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/ http://colorcharge.com/jquery/ ライブラリ
Google SitesのGoogle GadgetにjQueryを使う簡単な方法 - KEINOSの日記（旧ブログ）
この記事は次のブログに引っ越しました。 https://blog.keinos.com/20101110_825Google Sitesでガジェットの開発をする際に、Javascriptを使い始めると、やはりjQueryも使いたいと感じる事が多いと思います。 色々な方法はありますが、簡単と感じる（３ステップで追加できる）方法を記載します。 ※追記：Google Apps Scriptがスタンダード版Appsでも使えるようになったそうです。Ajax風にURLの表示結果をフェッチしたい場合、今後はこっちもありかも。まだSitesで使えるAppsScriptは限定されていて、フェッチ関数は使えません。 追記 よりシンプルかつ大胆に使えるガジェットを作りました。別ドメインに設置されたjQueryを使った外部Javascriptを指定して実行します。 ポイントは、ガジェットのプロパティに書かれたHT
Google sites（サイト）でJavaScriptを実行させる
前の記事でjavascriptのデモ画面を作ろうと思い立ち、Google サイトがちょうどいいかなと思ったけど、Google サイトではスクリプトを実行できない。それを何とか実装させたときのメモ。 scriptタグは書けないのでガジェットとして追加する。 流れとしては 実行したいJavaScriptを書いたガジェットのXMLファイルを作成 Googleサイトにアップロード ガジェットを追加するページを作成 挿入 → その他のガジェット → URLを指定・・・で追加したXMLのアドレスを指定 という感じ。 下の例ではblink.xmlというファイルをアップロードした。トップレベルにアップロードしないと使えなかった。 このXMLファイルの中身は次のような感じ。 <?xml version="1.0" encoding="UTF-8" ?> <Module> <ModulePrefs title
WebデザイナーのためのJavaScript、jQueryの勉強法 - DESIGNMAP
まったくのプログラミング初心者の方を対象にJavaScriptの独学方法をのべていきたい。今回とりあげるJavaScriptの勉強法はあくまでWebデザイナー向け（もしくはフロントエンドエンジニア向け）なので、Node.jsのようなサーバーサイドJavaScriptはとりあげていない。 JavaScriptとjQueryをどちらから勉強するべきか。今回はあえて邪道とわかっていながらもjQueryにふれるという順番をとった。本来は、JavaScriptの基礎をしっかりおさえてからjQueryにすすむのが正統である。今回はトップダウン方式で実践にふれてから、基礎に戻る学習法を提案したい。 jQueryはJavaScriptを楽に開発するためのライブラリで、jQuery自体はJavaScriptのコードでできている。最初にいきなりjQueryにふれて、HTMLを動的に操作する（これをDOM操作と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
jQuery・Ajax実践サンプル
CSS Lecture: Google AJAX APIを使ってjQueryやPrototypeを読み込む
Add gadgets, scripts & more to classic Sites - Sites Help