CMSで便利なCSSを使った画像をリサイズする方法 2008年2月22日 僕は仕事ではCMSを使用した案件がメインになっているのですが、CMSを使用した際に頭を悩ませる問題として、クライアントが縦横比率の違う画像を使用することによってレイアウト崩れを起こすことがあります。 その問題をスクリプトを使用せずにCSSだけで解決できそうな方法を見つけたのでご紹介しようと思います。 概要はCSSのOverflowを応用して画像を綺麗にリサイズ表示する事ができるようです。CSSで画像を固定サイズにトリミング表示できるという事ですね。トリミングしてリサイズされた画像はマウスオーバーで全体表示がすることができます。 Create Resizing Thumbnails Using Overflow Property MTのようなCMSは基本的にWEB制作の知識のない相手に更新・管理・運用をしてもらう事が目
マイマップの新しい機能にお気付きでしたか? 左側に表示されているマーカーの順番を変更できるようになりました。方法は作成したマイマップにアクセス、編集をクリック、動かしたいマーカーを選んでドラッグするだけです。 いろんな利用方法があるマイマップですが、ここでマイマップの機能をおさらいしてみましょう。 文字の色・画像の貼り付け ふきだしに文字を入力するときに 「リッチテキスト」を選べば、簡単に文字のサイズや色、フォントを変えることができます。画像や写真を掲載することもできます。マーカーもいろんなマーカーから選ぶこともできるし、自分の好きなアイコンを追加することもできます。 線を引いたときに、距離を測ることもできます。 写真を地図上に重ねることも可能。写真はウェブ上のものである必要があるので、自分の撮った写真を利用したい場合は、Picasaウェブアルバムなど、写真をどこかにアップロードしてからそ
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※(米印)」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず1文字分右に動かして、「text-indent : -1em;」で最初の行だけ1文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く