サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
画力アップ
labs.yusukenakanishi.com
またまたjQueryのタブプラグインです。タブがテキストの場合でも画像の場合でも対応し、クエリ文字列で指定するとそのタブの場所までスルスルっとスクロールしたり最初に開いておきたいタブが指定できたりします。 動作デモ Demoを見る クエリ指定した際のDemoを見る ダウンロード queryTabs.js 導入方法 jQueryとqueryTabs.jsがあれば動作は問題ありません。装飾はCSSでお好みに。 <link rel="stylesheet" type="text/css" media="all" href="css/queryTabs.css" /> <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script
小学校の時、先生に人の嫌がることを進んでしなさいと言われ、好きな女の子に虫を見せて本当に嫌がられた記憶ありませんか?あの感じを何歳になっても味わいたいという少年の心を持った素敵なあなたのために、「人の嫌がることを進んで出来るプラグイン jDTGnoKyouhu.js【グロ注意】」をつくりました。好きな女の子のサイトに実装したらそれはもう嫌がられること間違いないしです! 使用上の注意 グロテスクな表現があるので注意して下さい お食事中はお避け下さい 心臓の弱い方はおやめ下さい 未成年の方は保護者同伴で御覧下さい ゴキブリ好き? Demoを見る ファイルをダウンロード 導入方法 // head内の記述 <link type="text/css" rel="stylesheet" href="css/jdtgnokyouhu.css" /> <script type="text/javascri
本日ご紹介するのはですね。タブが画像になっているjQueryのプラグイン。 タブがテキストになってるのはたくさんありますよねぇ。「私、タブが画像になってると嬉しいんだけど。」「テキストが画像になればねぇ。」という多くのお声をいただきまして開発させていただきましたのがこちらimageTabs.js。 ちょっとじっくりご覧下さいこのDemo。 Demoを見る imageTabs.js Demoを見たり触ったりで大体わかっていただけたかと思うのですが簡単にご説明をします。jQueryプラグインですから、jQueryを読み込んでからimageTabs.jsを読み込むようにするんですねー。 // head内の記述 <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.mi
Demoを見る ファイルをダウンロード jQueryのプレゼン用スライドプラグインをつくってみました。プラグインといっても何の設定も出来ませんが…。Demoを見てもらえば大体のことはわかると思います。一応以下にも説明をしておきますね。 必要なファイルを読み込む <link rel="stylesheet" type="text/css" media="all" href="./css/default.css" /> <link rel="stylesheet" type="text/css" media="all" href="./css/base.css" /> <script type="text/Javascript" src="./js/lib/jquery.min.js"></script> <script type="text/Javascript" src="./js/muk
hetemlかつWordPressなひと向けの話です。WordPress2.9にアップグレードしようと思って自動アップグレードのボタンをポチっとすると見慣れない以下の画面が。 「馬鹿野郎、MySQL4.12以上でないとWordPress2.9にアップグレードできねぇよ。」ってことらしいのです。データベースアレルギーな僕は早速ググったわけです。すると参考になりそうな2つのブログを見つけ無事完了しましたよ。ま、以下のブログを見ればわかるしココで終わっても良いんだけど。 MySQLを4から5へ(さくら+WPの場合) « Waviaei 馬鹿ラッチ2.0 — WordPress2.9のシステム要件がMySQL4.12以上になった為、慌ててデータベース移行。 でもね。キャプチャーないとやる気しないよね?そこで僕の登場です。 以下に書くけど自己責任でお願いします。 1. データベースのエクスポート
Demoを見る とある勉強会でnoriさんからjQueryを使ってRSSを取得しXMLをパース、そしてリストで表示させるという夏休みの?宿題があったのでやってみました。自分の中でRSSが同じドメインにある場合とRSSが同じドメインにない場合(JavaScriptはセキュリティの関係上、ドメインが違うファイルを読込む事は出来ない仕様になっています。)を想定して作ってみました。 同じドメインにある場合 Demoで読み込んでいるのはこのxmlファイルです。以下JavaScriptのソースにある$.ajax(options)の詳しい内容についてはjQuery日本語リファレンスなどで確認して下さい。 HTML //head内にjQueryを <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/
Demoを見る タイトルの通りjQueryでアコーディオンを作ってみました。上記リンクのDemoを見ていただけるとわかりやすいかと思います。アコーディオンの動きを文章で説明するとh3のタイトルをクリックするとその次の要素ulが開いたり閉じたりするってことですね。どうでもいい話ですが僕はJavaScriptなどのプログラミングはヘボヘボなので頭の中でこんな事を考えつつ紙に書くようにしてます。。動きと頭が整理されていいんです。 基本となるHTML <div id="accordion01"> <h3>メニュータイトル01</h3> <ul class="list-01"> <li><a href="#">リスト01</a></li> <li><a href="#">リスト02</a></li> <li><a href="#">リスト03</a></li> <li><a href="#">リスト
ハムさんが企画されている【TB企画】これまでに使った便利なjQueryプラグインというトラックバック企画に乗っかってみます。 便利?なjQueryプラグイン jQuery UI Tabs タブ用のプラグイン(コレはプラグインっていうのかなぁ?)。 jQuery Cycle Plugin 動きを付けるプラグイン。別に便利じゃないけど。。 Stylesheet switcher using jQuery CSSを切り替えるプラグイン。これぐらい自分で書けって話かもだけど。。 InnerFade with JQuery テキストや画像を切り替えるプラグイン。これも自分で書けって話かもだけど。。 Galleria 画像ギャラリーのプラグイン。 jCarousel 画像をスライドさせるプラグイン。これは便利だと思う。 jQuery.lightpop.js 画像、動画をlightbox風に表示させるプ
仕事でMovableTypeを触っていて、上記のような年別のリストのデザインを表現したい時どのようにすればいいのかググったんだけど見当たらなかったのでメモしておきます。要するに2008年のページを開いているときには、右ナビのリスト部分にある2008年を違う表記にしたい!ってことです。 <MTSetVarBlock name="pagearchive"><$mt:ArchiveTitle$></MTSetVarBlock> <MTIfArchiveTypeEnabled archive_type="Yearly"> <MTArchiveList archive_type="Yearly"> <MTArchiveListHeader> <ul> </MTArchiveListHeader> <MTSetVarBlock name="thisarchive"><$mt:ArchiveTitle$
ええっと。今日は僕から皆さんにご提案です。 Sugamo.cssってご存知ですか?何やら素敵な集まりみたいですよ。どこでやってるかって?例のごとく東京ですよ!「また東京か。。」って思われた方。そうあなたです。関西で素敵な集まりつくりませんか?少しでもおもしろそうと思った方は以下を。 という感じでまとまってないですがやりたいことはわかっていただけるかと思います。もっと簡単に一行で説明すると「関西版Sugamo.cssがやりたいのです!」。出来ればチャット形式で遠方の人も家から参加できてウェブというツールを最大限に生かした勉強会したいなぁ。プレゼン資料を用意してもらって各々確認しながらチャットでワイワイっていう感じ。そんなツールあったら教えて下さい。お願いします。 僕は極力お金がかからない形が良いとチャット形式を押しているですが、デメリットは名刺交換が出来ない。スピーカーのモチベーションに
実践CSS3 & HTML5 with Microformats ワークショップ :: Web Directions Eastに先週の日曜日行ってきました。10:00〜18:00ぐらいまで制作(コーディング)するにおいてどうすれば良いだろうか?どう考えればいいだろうか?ってのをCSS3、HTML5、Microformats含めてジョン・アルソップ氏が熱く語ってくれました。僕は英語まったくダメだけど通訳者として長谷川恭久氏とオリ・スタットホルム氏がいてくれたので何の問題もありませんでした。ワークショップの内容はWebデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS)で読んだ内容とかぶってる部分も多くあってすごくわかりやすかったです。ワークショップの内容を一から十まで載せる訳にもいかないので一番いいなと思ったところと、良い点・悪い点を箇条書きにしてお
WordPressはアップデートが(アップグレードもですが)頻繁にありますね。年に数回はアップデートしないといけないので自分用にメモしておきます。多くの方が記事にされているのでいまさらな感じですが。何にしてもWordPressのアップグレード (バージョンアップ)の説明ページはわかりにくい。 1.データベースのバックアップをとる phpMyAdminにログオンして左側にWordpressのデータベース名が表示されているのでクリックします。次にページ上部にある「エクスポート」をクリックします。ここまでくると下記のような画面になっているはずです。 「オプション」→「構造」の中にある「DROP TABLEを追加」、「IF NOT EXISTSを追加」のチェックボックスにチェック。 「オプション」→「データ」の中にある「完全な INSERT 文を作成する」、「長い INSERT 文を作成する」にチ
最近Flickrを使うようになったのですが下図の赤枠の意味が(英語だし)よくわかんなかったので著作権についてメモしておきます。 下図は赤枠の部分を拡大したもの。それぞれどんな意味合いがあるのか調べてみました。 None (All rights reserved) すべての権利を保有しています。コレですね→©(HTMLの特殊文字でいう©) Attribution-NonCommercial-ShareAlike Creative Commons 表示-非営利-継承 2.0 一般 Attribution-NonCommercial Creative Commons 表示-非営利 2.0 一般 Attribution-NonCommercial-NoDerivs Creative Commons 表示-非営利-改変禁止 2.0 一般 Attribution Creative Commons 表示
少し前に取り上げたリセットCSSを使わない?という向きもあるですが、実際はそうも言ってられないわけです。。自分(社内?)用のリセットCSSについて見直しておこうと思います。以下のものが、比較的最近のもので公開できるリセットCSSですかね。確かCSS Tools: Reset CSSを参考にしたと思うんですが。。 yusukenakanishi.com のリセットCSS ただコーディングする際に問題点があるので書いておきます。下記のようにh1~h6の見出しに画像を入れると変な余白ができてしまいます。 <h1><img src="" alt="" width="" height="" /></h1> 以下のCSSで解決はするのですが、この方法でいいんでしょうか?皆さんどうされてますか?それともこんな症状はでないのでしょうか。。 h1 { line-height: 1; } DOAS リセットC
このページを最初にブックマークしてみませんか?
『www.250pp.com,www.250pp.com,250pp亚洲情艺中心,亚洲情艺中心页面升级』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く