Older Entries »

hatena } 1 - 30 / 60entries

HTML/CSSなどコードのメモ。
Source: http://d.hatena.ne.jp/fujimori1981/

_hatena

[2012/01/10 22:21]: [Movable Type] 月別アーカイブで、mt:Entries内のカスタムフィールドの値を利用する

Movable Type5の月別アーカイブのmt:Entries内でカスタムフィールドとれないっていうのにはまった。サイトの全ページに特定ブログの最新記事リストを出力 - MTQ | Movable Type 5 ユーザーコミュニティにちょっとヒントがあったのだけど、ブログのコンテキストっていうのが影響するらしい。というわけで、 <mt:Entries blog_ids="自ブログのID"> とmt:Entriesに自ブログのIDわたして、コンテキストをきち ...

_hatena

[2011/11/02 12:34]: [WordPress] 特定のカテゴリを親カテゴリにもつカテゴリーアーカイブ/エントリーの判定

ちょっと状況説明が難しいのだけど、特定のカテゴリーを親カテゴリーにもつ「カテゴリーアーカイブ」と「エントリー」のみ表示を変えたいときの判定。カテゴリーアーカイブの場合 <?php //現ページのカテゴリーIDを取得 - get_query_var(’cat’)で現在表示しているカテゴリーアーカイブのIDが返ってくる。 $category_currentID = get_query_var(’cat’); //カテゴリーIDからカテゴリー情報を取得 - get_categoryにカテゴリー ...

_hatena

[2011/09/08 17:31]: [YouTube] 動画をiframeで埋め込んだ時のz-indexきかない問題（chrome)

iframeのコードでYouTube動画埋め込んだときに、z-indexきかないよ（動画の上になんか要素のるときなど）問題。 safariではcssの通りの挙動になるのだけど、chromeだとiframe（youtube)の内容が最前面にくる。というのはiframeのsrcに「wmode=transparent」を加えてあげるとよい。 <iframe width="560" height="345" src="http://www.youtu ...

_hatena

[2011/07/13 18:50]: [Movable Type] パーマリンクのパスをルートからの/パスにする

mt:EntryPermalinkや、mt:AssetURLで出力されるのは、http://から始まる絶対パスだけど、それちょっとヤダなって時に。 <mt:BlogParentWebsite><mt:SetVarBlock name="WebsiteURL"><$mt:WebsiteURL$></mt:SetVarBlock> <mt:Entries> <$mt:EntryPermalink replace=&q ...

_hatena

[2011/07/13 18:41]: [Movable Type] 各ブログのIDを調べる/取得する

別ブログの内容を読み込むときに、「mt:MultiBlog blog_ids=””」とかでID指定するとおもうんだけど、本番とテストや復元つかってブログ追加したりとかで、IDがかわる場合があって、ちょっと不便。で、ブログ名からIDを取得してblog_idなどを指定する形にしておく。（これならテストと本番でblog_idの指定かえなくていいよね） <mt:Blogs include_blogs="site" include_with_website="1&q ...

_hatena

[2011/05/22 20:34]: [HTML][JavaScript] history.pushStateをつかってみる。

pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //<a href="リンク先" ...

_hatena

[2011/05/22 01:17]: [HTML5, JavaScript] history.pushStateをつかってみる。

pushState、実際にサンプルつくってみた。 http://dl.dropbox.com/u/131731/sample/pushstate/index.html リンク遷移時にページ内で必要な部分のみ表示が代わり、かつ、ページのtitle、ページのURLも読み込んだ内容に適応したものにかわるよう。 HTMLは事前にこんな感じになっている事想定。 HTML //トリガーとなるaタグ、classがpjaxのものを対象としてる //<a href="リンク先" ...

_hatena

[2011/05/18 02:55]: [JavaScript] Google Mapsで住所から緯度経度 / マーカーから緯度経度&住所を求める

タイトル通りの内容。地図を登録させるフォームつくる機会があったんだけど、住所検索だけだと同一番地内などで微妙に位置ずれする。なので、マーカーで緯度／経度を修正して、投稿時には・入力した住所・マーカーの緯度/経度をもらってGoogle Mapsを表示させればいいんじゃないかなという話。こんな感じ。 http://dl.dropbox.com/u/131731/sample/googlemaps-address_marker.html 2011/11/24：ちょっと改良して、ドラッグ時にパ ...

_hatena

[2011/05/17 19:09]: [WordPress] カレンダーの日本語表記の日付を英語表示にする（jQueryで無理やり）

WordPressの <?php get_calendar(); ?> で表示されるカレンダーを英語表記にするやつ。単に文字列を置き換えているだけだけど、 jQuery読み込んでいること前提で。 <script type="text/javascript"> $(document).ready(function(){ //yyyy年mm月の置換 $(’#wp-calendar caption’).each(function() { var text ...

_hatena

[2011/01/27 23:50]: [JavaScript] jQueryのフェード系メソッド + IEで、文字が潰れる問題

タイトルの通りなのだけどIE環境で特定要素に、 $(’div’).fadeIn(’fast’); など、フェード系のメソッド（sideToggleとかいろいろ）かけると、文字が潰れてジャギジャギなる。より具体的にいうと、ClearType（Windowsの文字のアンチエイリアシング方式）が無効になるんだそう。悔しいこれ。 IEでは、透明度を”filter”という独自仕様で指定するのだけど、コレとフォントのClearTypeが干渉するんだって。 $(’div’).fadeIn(’fast’ ...

_hatena

[2011/01/17 22:32]: [WordPress] 本文に続きがある場合の「(more・・・)」の表示を自由に変える(追記の判定)

<?php //確認用：the_content(); $get_content = preg_replace("(<a href=http://d.hatena.ne.jp/fujimori1981/20110117/.*></a>)","",get_the_content("")); echo apply_filters(’the_content’,$get_content); if (ereg("",$get_content)) { //$get_content内に「」があ ...

_hatena

[2010/05/20 01:31]: [WordPress] テーマファイルのパス

WPをインストールしたパス基準のテーマファイルのパスを出力するテンプレートタグってないのかな。。 bloginfo(’template_directory’) だと、「http://〜/wp-content/themes/〜」になるのだけど、 WPインストールディレクトリ基準（/wp-content/themes/〜）で取得したい。テーマファイル内の、function.phpに、 function theme_url () { echo str_replace(get_bloginfo(’ur ...

_hatena

[2010/05/18 18:59]: [WordPress] 任意の内容のxmlを出力させる。

テーマのindex.phpに <?php // /?xml=onでアクセスすると以下の処理。 if ( isset( $_GET["xml"]) == "on" ) { header(’Content-Type: text/xml; charset=’.get_option(’blog_charset’), true); echo "<?xml version=￥"1.0￥" encoding=￥"UTF-8 ...

_hatena

[2010/03/13 05:27]: [WordPress] カスタムフィールドに登録した画像のサムネールやらを取得する。

WPってアップロードした時に、管理画面の設定>メディアで指定したサイズで・サムネイル・中サイズ・大サイズそれぞれの画像が自動的に生成される。それを利用してカスタムフィールドで登録した画像の生成されたリサイズ画像を取得する。より個別具体的にいうと、カスタムフィールドで画像登録してlightbox的な事したいんだけど、という時の対応。これでできたけどスマートかどうかはわからない。前提カスタムフィールドの数は10コとする（仮に）。フィールド名はimage01〜image10 ...

_hatena

[2010/03/13 03:50]: [WordPress] 月別アーカイブ表示に年区切りを入れる。

wp_get_archives();で表示される・2010年3月・2009年6月というのを 2010年・3月 2009年・6月みたいな表示にする。 2010年3月等と表示される日本語環境のみ、March 2010とか表示される英語環境だと要修正。 <h3>ARCHIVES</h3> <div class="navi-archives"> <?php //1. 年を抽出して配列に格納 $archives_year = st ...

_hatena

[2010/03/13 03:08]: [WordPress] wp_list_categories();の表示ソース整形

WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、 <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"><a href="http://d.hatena.ne.jp/fujimori1981/20100313/1268417294" title="〜">〜</a> </li> </ul></li> ...

_hatena

[2010/03/13 03:08]: [WordPress] wp_list_categories();の表示ソース整形 ※サブカテゴリ非対応

WPでカテゴリ一覧を表示する時、wp_list_categories();を使うんだけど、そのままだと、 <li class="categories">カテゴリー<ul> <li class="cat-item cat-item-1"><a href="http://d.hatena.ne.jp/fujimori1981/20100313/1268417294" title="〜">〜</a> </li> </ul></li> ...

_hatena

[2010/03/13 02:36]: [WordPress] 特定のページの内容を表示する。

<?php $page_array = query_posts(’pagename=about’); //ページのタイトルが「about」のものを抽出 $page = array_shift($page_array); //$page_arrayは多次元配列(二次元？）の状態なので最初の配列を抽出 echo $page->post_content; //ここではpost_content(本文）を表示させてる。 ?> query_posts(’page_id=〜’); としてもいい ...

_hatena

[2009/12/16 16:15]: [Automater] コンテクストメニュー（右クリック）から新しいファイルを生成

Windowsの右クリックから新規ファイルをつくるっていう機能を、Macでも。 Leopard時代は、 NuFile っていうアプリを使っていたのだけど、Snow Leopardになって動かなくなった。ので、Automaterのサービスで同じようなものを設定する。・指定されたテキストを取得・新規テキストファイルのファイル名拡張子をかえて、いろいろつくっておけば、ほぼNuFileと同じ機能がもてると思われ。

_hatena

[2009/12/01 16:06]: [Movable Type] アップロードした画像の縦横を比較して、指定サイズ以内にリサイズする。

まあ、MTで画像をアップする際に、 MT側でリサイズさせちゃおうという方法ですな。やっていることはアップした画像をwidth、heightを取得 width、heightを比較して、横長画像か縦長画像か判定横長なら、横（width）基準で指定サイズにリサイズ縦長なら、縦（height）基準で指定サイズにリサイズ <mt:If tag="[フィールド名]"> <mt:[フィールド名]Asset> <mt:SetVarBlock n ...

_hatena

[2009/11/19 18:21]: [Movable Type] 管理画面でサムネール画像が表示されない

MTで画像に関して、画像（ファイル）のアップロードはできるブラウザでその画像のパスにアクセスするときちんと表示される。のに、管理画面のアイテムや、カスタムフィールドのプレビューに表示されない（＜img src=”” >みたいになってる、[アイテムを表示]をクリックすると当然ちゃんと表示される）のような場合、そのサムネール画像がきちんと生成されていないということ。このあたりの画像（管理画面で表示される画像）は、アップした画像のサムネールで、デフォルトでは、ブログの公開先 ...

_hatena

[2009/11/07 01:30]: [JavaScript] fsmenu.jsとmootoolsがコンフリクトする問題

fsmenu.js（FreeStyle Menus）というhoverで下層ナビゲーションを表示するスクリプトがあるのだけど、（HTML+javascriptでDHTMLと呼ばれてたころからあるっぽい） mootoolsと同時につかうと、コンフリクトして動作しなくなる（fsmenu.jsが）。今ならfsmenu.jsのとこjQueryやらmootoolsで代替できるっしょって感じなのだろうけど、なんらかの理由で代替できない時の解決方法。 TYPOlight forum - TYPOlight ...

_hatena

[2009/10/06 22:44]: [CSS3] lightboxとCSS3

lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。見れる環境はまだ限定されるけど。自分のサイトで実装してみた。 811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease ...

_hatena

[2009/10/06 22:44]: [CSS] lightboxとCSS3

lightbox系スクリプトにCSS3のプロパティ追加すると面白い効果が手軽にできる。見れる環境はまだ限定されるけど。自分のサイトで実装してみた。 811022.info > photo > Page.1 @-webkit-keyframes rolling { from { -webkit-transform: translate(0px,1200px) scale(0.1) rotate(90deg); } to { animation-timing-function: ease ...

_hatena

[2009/09/23 10:33]: [WordPress] 月別アーカイブリストの表記を変える。

WordPressで月別アーカイブリストで、「2009年January」とかなってるのを、「2009/01」に変える。 wp-includes/general-template.php の $text = sprintf(__(’%1$s %2$d’), $wp_locale->get_month($arcresult->month), $arcresult->year); を、 $text = sprintf((’%04d/%02d’), $arcresult->y ...

_hatena

[2009/09/10 18:14]: [Pd] Study-090910

pd 同階層に〜.pdをつくっておくとobj：〜で関数的に呼び出せる。（Abstraction） list of all Pure Data’s objects. object：metro = metronome。metoro [period] RjDj（objectはrjdj library） require：_main.pd, image.jpg, info.plist image.jpg = 320 x 320 object：soundinput = マイクの音声を使 ...

_hatena

[2009/09/09 19:28]: [Pd] Study-090909

わかりやすい。 Studio Gyokimae - Puredata初歩の初歩基礎 Pdには「Edit mode」という概念があり、オン時は編集に、オフ時には演奏にそれぞれ都合の良いようインターフェースの挙動が異なります。この切り替えは、Editメニュー内の「Edit mode」をチェックするか、Ctrl + Eを押して行います。 Pdのオブジェクトは、オブジェクト上段にinlet（入力）、下段にoutlet（出力）を持ちます。オブジェクト存在しないオブジェクト名をタイ ...

_hatena

[2009/09/08 22:29]: [Pd] RjDj Sprint Tokyoを見学してみる。

RjDj Sprint Tokyo に見学に行くことにした。 Pdなどまったくわからずに。以下あたりに目を通しておけばいいのだろうか。理解できるか不安。。ウノウラボ Unoh Labs: iPhoneアプリRjDjのシーン開発入門 #001 RjDj(Single Album) | My Codex Leicester Pd ドキュメント

_hatena

[2009/08/27 22:06]: [JavaScript] photosetでいろいろ

先のエントリーで、Flickrの任意のSetを取得してみたが、それでいろいろ試してみる。 Flickr x jQuery Cycle Plugin 画像の〜するって事を考えると、 » JQuery Cycle Plugin との相性は良さそう。というわけで ■デモ（画像切り替え） http://2244.jp/_demo/flickr/02_background/ 読み込んだimageの幅を100%として、Cycleプラグインのfadeを使って切り替え。こんな感じで100%表示すれば ...

_hatena

[2009/08/27 20:06]: [Flickr] JavaScriptからFlickr APIで任意のphotoset（セット）を取得

Flickr APIのflickr.photosを使うことで、特定ユーザーの写真特定タグの写真特定エリアの写真などの取得ができるよう。参考：第2回　JavaScriptからFlickr APIで画像検索 - マッシュアップ・ラボ：ITpro で、任意のphotosetを取得するのをやってみる。 ■デモ↓ http://2244.jp/_demo/flickr/01/ 上記のURLのHTML、JSともに銀座方向に感謝の気持ちを送りつつ流用させていただいて、 flickr.j ...

Older Entries »

ログイン