[B! css][javascript] solid_methodのブックマーク

画像をｃｓｓで自動リサイズするjavascript作ってみた - おしゃれエンジニアを目指すriri931のブログ

画像のサイズを合わせたい様々なサイズの画像を羅列するとき、画像を全部同じサイズにしたいことってないですか？width入れても縦がそろわないし。。width,height両方入れると、画像がつぶれちゃうし。。こういうときに、PHPとかで画像をわざわざリサイズするのもなんか嫌なので、javascriptとcssで簡単にリサイズ＆画像の真ん中を切り抜くものを作ってみました。ここに置いときます中身見たい人、使いたい人は、ダウンロードしてからどうぞ。fixPict.jsfixPict.jsの仕組みjavascriptで画像のサイズを測って、cssのoverflowで見せたい部分だけを表示します。fixPict.jsの使い方fixPict.jsを呼びます script type="text/javascript" src="http://example.com/js/fixPict.js">scrip

solid_method 2008/09/02

リンク

よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife

2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。具体的にはcss/style.cssの35行目にfloat: left;を追加しております。いろんなサイトで見かける「よくある質問」。一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。（単純にボクがこのスタイルが一番見やすくて好きってだけだったり）サンプルページサンプルダウンロード(Zip:20KB) メインのCSSファイル（サンプ

solid_method 2007/12/04

リンク

新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife

08年6月4日追記：コレの新しいの作りました。新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。ごめんなさい... 現在は修正版になっております。修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。さて、一行駄文はお終い。本題です。毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう

solid_method 2007/11/03

リンク

ブロックレベル要素の高さを揃えるheightLine.js[to-R]

ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。このライブラリは新バージョンがあります。レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja