[後で追記予定] 続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス作者: Steve Souders,武舎広幸,福地太郎,武舎るみ出版社/メーカー: オライリージャパン発売日: 2010/04/10メディア: 大型本購入: 20人 クリック: 351回この商品を含むブロ…

[後で追記予定] ウェブデザイナーというかフロントエンドっぽい仕事をはじめたのでBookoffでいろいろ本を仕入れた。 全部で3000円くらい。jQueryクックブック作者: jQuery Community Experts,株式会社クイープ出版社/メーカー: オライリージャパン発売日: 20…

またいろいろ勉強中 年始ぐらいからまたindexhibitをさわりはじめたのやったことのメモ。 大したことをやってるわけじゃないがGit Hubとかにコードを保存したほうがいい気がしてる。 ただindexhibit2.0系はシェアウェアなのでライセンス的にどうなんだろとか…

今後の指針 トップページの構造を変える -ツリー構造のメニュータブで子該当ページに移動だったものを メニュー＞小インデックスページ＞該当ページ の構成にする →indexhibitのテンプレート利用でできるはず レスポンシブ対応 →レスポンシブメニューのプラ…

jQuery最高の教科書 jQuery最高の教科書作者: 株式会社シフトブレイン出版社/メーカー: SBクリエイティブ発売日: 2013/11/27メディア: 大型本この商品を含むブログ (2件) を見る先月3冊目のjQuery本を浮気して買ったけどあんまり読んでなかった。 amazonレビ…

今後参考にしたいサイト Startseite . Fabian Weberwww.fabulosius.de ソース見るとindexhibitみたいだけど色々仕込んでて凝ってる。 http://danielogorman.comdanielogorman.com こっちはwordpressっぽい。 ギャラリーがレスポンシブ対応だったりトップペー…

format.no_thumbsにmasonry（とcolorbox）を実装 作りが簡単そうだったformat.no_thumb.phpを素にした。 $a .= ($OBJ->vars->exhibit['titling'] == 1) ? "\n<span class='nothumb'><img src='" . BASEURL . GIMGS . "/" . $OBJ->vars->exhibit['id'] . "_$go[media_file]' alt='$title' title='$title' /> <strong>$title</strong> $caption</span>

前回のエントリの続き http://log.hatenadiary.com/entry/2013/10/18/190224 jQuery.ScrollTo http://flesler.blogspot.jp/2007/10/jqueryscrollto.html jQuery.LocalScroll http://flesler.blogspot.jp/2007/10/jquerylocalscroll-10.html が何をやってるか…

紹介 indexhibit本家 http://www.indexhibit.org/ lifehackerでの日本語解説(旧Version) http://www.lifehacker.jp/2010/10/101001indexhibit.html indexhibitで作られているサイト20 http://www.unstage.com/2010/06/20-great-artist-portfolios-built-with…

スムーススクロールを導入メモ 具体的にはTumblrのTheme syndex（[ http://syndex.me/:title=http://syndex.me/]）のような動きを実現したい。

Horizontal formatにjQuery colorboxを付ける format.horizontal.phpとthemeフォルダ内のindex.phpを修正した。index.phpのhead内のJS呼び出し部分(11行目辺り) があり、ここでjQueryなどを呼び出してると考えられるのでこの後に $(document).ready(…

Horizontal formatで画像にpaddingで枠を付けたいが、php上で画像展示部分の大枠である の横幅が算出されているので #img-container { width: px; } phpを書き換える必要があるがどうにもうまくいかない。 単純に #img-container .picture { float: left; pa…