« Newer Entries

hatena } 31 - 60 / 60entries

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

_hatena

[2009/08/25 14:07]: [YouTube] YouTube動画のサムネールを取得する

http://www.youtube.com/watch?v=2zxL_va72gk という動画があったとすると、この動画のIDは、「2zxL_va72gk」ですな。んで、 http://i.ytimg.com/vi/動画のID/〜.jpg と指定するとサムネール画像を取得できるよう。 W：120 x H：90 ( default.jpg, 1.jpg, 2.jpg, 3.jpg ) http://i.ytimg.com/vi/2zxL_va72gk/default.jpg http:/ ...

_hatena

[2009/08/23 10:31]: [JavaScript] PrettyPhoto.jsで表示した要素をスムーススクロール

PrettyPhoto.jsを使ってiframeやインラインコンテンツを読み出す際に、 Windows IE系ブラウザページ全体にスクロールが発生している。 prettyPhoto内にスクロールがある。マウスホイールなどでスクロールさせてる。という環境下で、マウスホイールでprettyPhoto内のスクロールを行っていて、スクロールの始め・終りにあたった時に、マウスホイールスクロールのフォーカスがページスクロールに移り、ページがスクロールされて、prettyPhotoなんか ...

_hatena

[2009/08/20 20:49]: [JavaScript] 無駄にjQueryでiframeコンテンツを切り替え

タイトル通り。無駄にjQueryを使ってフェードさせてるのと、全画面になるように。デモ↓ http://2244.jp/_demo/jquery-loader/01/ JavaScript <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js">& ...

_hatena

[2009/08/20 17:02]: [PHP] XMLをパースする。

<?php //本文中のhttp://部分を<a href="http://d.hatena.ne.jp/fujimori1981/20090820/1250755379" >〜</a>に。 function auto_link ($text) { return preg_replace(’/([^="￥’>]|^)(https?|ftp)(:￥/￥/[-_.!~*￥’()a-zA-Z0-9;￥/?:￥@&=+￥$,%#]+)/’, ’$1<a href="$ ...

_hatena

[2009/08/20 15:40]: [PHP] Twitterに投稿するだけ。

<?php $url = "http://twitter.com/statuses/update.xml?"; $username = "ユーザーID"; $password = "パスワード"; $status = "投稿する内容（日本語・英語OKみたいだけどリンクはダメ）"; $params = "status=". rawurlencode($status); $result = file ...

_hatena

[2009/08/17 22:54]: [AppleScript] クリップボード内にある改行区切りの数字を合計してクリップボードに返すAppleScript

タイトル通り。 1,000 500 10,500 みたいな改行区切りの数の合計をクリップボードにペーストするAppleScript。使い方は、数字をコピースクリプトを走らせる任意の箇所にペーストいつもは電卓か、エクセルやNumbersに貼り付けて、合計ってやってたんだけど、スクリプトメニューでAutomatorのバッチ使っていて、こういうこともスクリプトメニューからできたら便利だなと思い。初AppleScriptなので、これでいいのかどうかもよくわかってない。。 (* ...

_hatena

[2009/08/17 22:17]: [AppleScript] 文法 1

ちょっとやりたい事やってAppleScript調べてみた。コメント -- インラインコメント (* ブロックコメント *) そんな決まりはないようだけど、なんとなく変数のアタマには_をいれてる（個人的に）。変数定義変数定義（数値) set _data to 9 変数定義（文字列） set _data to "hello, world!" _dataを文字列にする set _data to _data as string 配 ...

_hatena

[2009/08/11 15:10]: [JavaScript] jQueryのセレクター

jQueryで使えるセレクター。全部じゃないけど、自分が使いそうなものだけ。子要素指定や属性セレクターなど、CSSで指定するとIE6ではNGなのだけどjQuery側から指定すればOK。 CSSセレクター $(”*”) すべての要素 $(”p”) pタグ $(”#id”) id=”#id” $(”.class”) class=”class” $(”.class, #id”) class=”class”とid=”#id” $(”#id div”); #id内のdiv ...

_hatena

[2009/08/11 12:11]: [JavaScript] jQueryでCSSセレクタを使う

なんて有益なエントリーなんだ！↓ jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログセレクタの実行結果を変数にキャッシュメソッドチェーンを使う find(),end()を利用クラス名だけの指定ではなくタグも明示 #idでいいところは#idで子供セレクタ(>)を使う

_hatena

[2009/08/11 12:11]: [JavaScript] jQueryでCSSセレクタを使う時意識すること

なんて有益なエントリーなんだ！↓ jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログセレクタの実行結果を変数にキャッシュメソッドチェーンを使う find(),end()を利用クラス名だけの指定ではなくタグも明示 #idでいいところは#idで子供セレクタ(>)を使う

_hatena

[2009/08/10 09:23]: [Server] BASIC認証

.htaccess AuthUserFile /.htpasswd AuthGroupFile /dev/null AuthName "guest" AuthType Basic require valid-user #for indexes ---------- Options all IndexOptions FancyIndexing IndexOptions FoldersFirst IndexOptions HTMLTable AuthUserFileはサーバー ...

_hatena

[2009/08/10 09:23]: [Server] BASIC認証のために.htaccess/.hpasswdを生成する

.htaccess AuthUserFile /.htpasswd AuthGroupFile /dev/null AuthName "guest" AuthType Basic require valid-user #for indexes ---------- Options all IndexOptions FancyIndexing IndexOptions FoldersFirst IndexOptions HTMLTable として、.htaccessでアップロー ...

_hatena

[2009/08/06 00:32]: [JavaScript] 特定要素をブラウザ画面全域に広げる

背景に敷きたい特定のdivなどを画面いっぱいに広げる。一応できてるっぽいけど、これでいいのだろうか。 ※標準モードとする。 ※widthはCSSで100%でもいいのだけど、高さはJSでやるしかないのか。 var windowWidth = 0; var windowHeight = 0; function resize() { //IEの時の幅と高さを取得 if(navigator.userAgent.indexOf("MSIE") > -1){ windowWidth ...

_hatena

[2009/07/28 13:11]: [WordPress] ホームのパス / テーマディレクトリのパス

ホームのパス <?php echo get_option(’home’); ?> テーマディレクトリのパス <?php bloginfo(’template_directory’); ?>

_hatena

[2009/07/28 13:09]: [WordPress] テンプレートの読み込み

テーマ内のheader.phpを読み込む <?php get_header(); ?> テーマ内のsidebar.phpを読み込む <?php get_sidebar(); ?> テーマ内のfooter.phpを読み込む <?php get_footer(); ?> テーマ内の特定ファイルを読み込む <?php include (TEMPLATEPATH . ’/特定ファイル名.php’); ?>

_hatena

[2009/07/28 13:04]: [PHP] リダイレクト

phpでリダイレクト。 <?php header("Location:http://yahoo.co.jp/"); ?>

_hatena

[2009/07/27 22:23]: [JavaScript] jQueryを使った画像切り替え

本当に今更だけどjQueryなどのライブラリって便利だなー。ちょっとしたときに使う、画像切り替え（入れ替え）。 ※jQueryは、Google AJAX Libraries APIから。画像切り替えデモ Javascript <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript" ></s ...

_hatena

[2009/07/27 20:56]: [JavaScript] Google AJAX Libraries APIからライブラリを読み込む。

GoogleのAJAX Libraries APIを使って、 jQueryやprototypeなどメジャーなライブラリを読み込む。 Google は各ライブラリに取り組んでいる主要な関係者と直接連携をとって、リリースごとに最新の安定したバージョンを受け取っています。取得したライブラリのリリースをホストした後は、そのリリースを無期限にホストすることをお約束します。 http://code.google.com/intl/ja-JP/apis/ajaxlibs/ <script src=&qu ...

_hatena

[2009/07/27 20:56]: [Javascript] GoogleAJAX Libraries APIからライブラリを読み込む。

GoogleのAJAX Libraries APIを使って、 jQueryやprototypeなどメジャーなライブラリを読み込む。 Google は各ライブラリに取り組んでいる主要な関係者と直接連携をとって、リリースごとに最新の安定したバージョンを受け取っています。取得したライブラリのリリースをホストした後は、そのリリースを無期限にホストすることをお約束します。 http://code.google.com/intl/ja-JP/apis/ajaxlibs/ <script src=&qu ...

_hatena

[2009/07/24 18:25]: [HTML] table

tableまとめ。意味や詳細は以下が詳しい。 http://www.tagindex.com/html_tag/table/index.html <table border="0" cellspacing="0" cellpadding="0" width="" bordercolor="#" summary=""> <caption></capti ...

_hatena

[2009/07/24 02:04]: [Movable Type] 個別エントリー記事からブログを横断して時系列前後のエントリーへのリンク

Movable Typeでサイトつくる時って、だいたいコンテンツごとにブログをたてる。レアケースだと思うんだけど、個別エントリー記事からブログをまたいで時系列での前後のエントリーへのリンク欲しいみたいな話があり。（mt:EntryPrev、mt:EntryNextをmt:MutiBlog環境でやりたい）ちゃんと動いたけど、たぶんものすごく無理矢理。もっと省略できそうだし。流れ複数ブログの全エントリーIDを配列に格納 mt:SetVar value=””でvalue内にカンマ区切り ...

_hatena

[2009/07/24 01:52]: [Movable Type] エントリーに公開Noを振る（ナンバリングする）

要するに、現在公開されているエントリーで、最古のエントリーを1として新しいものへと順に数字を振っていく場合。（公開No.などの利用を想定）流れ order=”ascend” lastn=”0”で古いモノから順にエントリーをすべて出力させる。 1の古いモノのmt:EntryID(set_ID)をkeyとし、valueを1〜エントリー数(__counter__)とする配列(set_IDs)を定義。 mt:GetVar name=”set_IDs” key=”$ID”で、2で定義したset_ ...

_hatena

[2009/07/24 01:17]: [JavaScript] jquery.prettyPhoto.js > 表示画像をクリックしてもCLOSE

jQueryでの画像拡大のライブラリはたくさんあるけど、prettyPhotoが見栄えいい感じ。 prettyPhotoではoverlay部分をクリックしたら閉じられるんだけど、 Next、Prevが不要で、CLOSEもイラネって場合に、拡大されている画像自体もクリックで閉じれるようする。 jquery.prettyPhoto.js内の、 $('a.pp_close').bind('click',function(){ close(); return false; } ...

_hatena

[2009/07/24 01:10]: [WordPress] サムネール画像の画質(圧縮率)変更

WordPressへの画像ファイルアップロード時に生成されるサムネール荒れるなぁということで、 wp-includes/media.phpの、 $jpeg_quality=90 を $jpeg_quality=100 に変更。

_hatena

[2009/07/23 20:09]: [CSS] このサイトのテンプレート変更

公式テンプレート？のSoft-mochaというのをいろいろ変更してみた。 CSS3をちょっとだけ。 a { transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; } h1 { -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rot ...

_hatena

[2009/07/23 16:56]: [Movable Type] テンプレートで分岐

<mt:If name="main_index"> <mt:Ignore>メインページ</mt:Ignore> <mt:Include module="main_index" /> <mt:ElseIf name="archive_index"> <mt:Ignore>アーカイブページ</mt:Ignore> <mt:Include module=&q ...

_hatena

[2009/07/23 16:39]: [HTML] meta

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content=&qu ...

_hatena

[2009/07/23 15:54]: [php] うるう年の時は日付を366にする

function leap_year($leap_year) { if(($leap_year % 4 == 0) && ($leap_year % 100 != 0 || $leap_year % 400 == 0)) { $leap_year = "366"; } else { $leap_year = "365"; } return $leap_year; } といった関数を定義しておいて $leap_year_days = leap ...

_hatena

[2009/07/23 15:54]: [PHP] うるう年の時は日付を366にする

function leap_year($leap_year) { if(($leap_year % 4 == 0) && ($leap_year % 100 != 0 || $leap_year % 400 == 0)) { $leap_year = "366"; } else { $leap_year = "365"; } return $leap_year; } といった関数を定義しておいて $leap_year_days = leap ...

_hatena

[2009/07/22 20:23]: hatena

はてなダイアリーはじめてみるテスト。はてな記法。 http://hatenadiary.g.hatena.ne.jp/keyword/はてな記法一覧 #!/usr/bin/perl -w use strict; print <<END; <html><body> <h1>Hello! World.</h1> </body></html> END

« Newer Entries

ログイン