タグ

htmlと*あとで読むに関するhiikariiのブックマーク (2)

  • Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に!|クロノドライブ

    ThickBoxとはjQueryを使用したAjaxライブラリの一つで、主に画像をページ上に大きく表示させるときに使われます。また、画像だけではなくHTMLファイルも表示することが出来るため、これ一つで画像とHTMLをポップアップ表示(正確には同じページ上にオーバーレイ表示される)させることができます。 ◆サンプル このライブラリの便利なところは、小難しい設定をしなくても使えることや、ポップアップした画像を自動的にブラウザに収まるサイズに縮小してくれるところです。 ※HTMLを表示する場合にはサイズを指定する必要があります。 使ってみたい!と思った方のために使い方の手順を下記にまとめました。 必要なデータを揃える まずは、配布元であるThickBox3.1に行き、Downloadから下記ファイルをダウンロードしましょう。 ファイル名 thickbox.js thickbox.css load

    Thickboxの使い方 – 画像やHTMLのポップアップをお手軽に!|クロノドライブ
  • Zen-Codingで楽々コーディング! + コツ1つ

    話題のHTMLCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何?使い方は?という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる?コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディングに慣れた人なら、ビジュアルデザインを含んだ文書があれば、それをもとに脳内でHTML構造に置き換えられますよね。デザインから興す人は、Photoshopを触りながら、同時に頭の中でHTMLを組み立ててる人も多いんじゃないでしょうか。 たいていの文書は、小さなパターンと大きなパターンの繰り返しだし、コンテンツに関しての試行錯誤はあっても、HTMLの記述で試行錯誤するってことは無いんですよね。(CSSのブラウザの実装の関係とかこの際忘れよう)

  • 1