拡大した画像を表示するLightbox風エフェクトを実装するスタイルシートをCSS playから紹介します。 CSS Light Box -click version demo デモでは各サムネイルの画像をクリックするとLightboxのように拡大した画像を表示し、右下の×アイコンをクリックすると元の画面に戻ります。 対応ブラウザは、IE6を含む主要なブラウザ全てとなっており、IE6対策にexpressionが使用されています。 CSS Light Boxのトリガーはクリック以外にも、ホバー対応バージョンもあります。

アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ

Photoshop無しで、PSDをJPGにコンバートしたり、リサイズ、リネーム、プレビューが可能なWindows用のアプリケーション「Batch PSD to JPG」を紹介します。 Batch PSD to JPG 使い方は簡単で、下記キャプチャの「Add PSD」パネルでPSDを登録します。「Add Folder」でフォルダごと登録することもできます。 各PSDはダブルクリックでプレビューです。 「Options & Convert」パネルでコンバートする設定をします。 リサイズは％・ピクセル指定、リネームは接頭・接尾の文字やスペースの種類などが指定でき、JPEGの画質を％で指定できます。

カラム落ちとか自分のコーディングとかの話 先日の自分もプロパティの書き順とかのエントリに頂いたブクマコメントでこういうのがありました。forestkさん、コメントありがとー。 padding, margin が width, height の側に無いと調整してたら 「カラム落ちした！どこ？どこのサイズがでかいん！？」 とかならないですか？ 結論から言うとならないようにしてます。というか、後からwidthをいじる必要がないように計算機使いながらやってます。探さなくていいように紙も使ってます。 せっかくなのでその辺り含めて、カラム落ちやコーディング手順について書いてみようかなと思いました。（前にもちょっと書いた記憶があるけど） ボックスについて カラム落ちって外枠のボックス自体に問題がある場合と中身に問題がある場合の2パターンあると思うんですが、まずボックス自体について。 頭の中の前提 2段組

SitePoint: New Articles, Fresh Thinking for Web Developers and Designers 既報のとおり、IE6のシェアは純減を続けている。2009年2月のNet Applications調査によればIE6のシェアはFirefox 3に抜かれて3位に落ちた。今後も下落の傾向は続くとみる向きが多い。しかし、依然として19%を越えるシェアはその次のシェアを獲得している4.5%弱のSafari 3.2を大きく上回る。IE8のリリースが控えている状況ではあるが、WebデベロッパやWebデザイナは依然としてIE6対応を継続しなければならない。 IE6固有の問題を回避する方法はいくつもあるが、それらテクニックをまとめたドキュメントがSitePoint: 10 Fixes That Solve IE6 Problemsとして公開されたので注目しておき

I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably t

cssglobe.com 2024 著作権. 不許複製 プライバシーポリシー

削除ツールの正しい使い方 このガイドでは、削除ツール（一時的な削除）の正しい使い方と、Search Console「削除」の3つの機能について解説します。 削除ツール（一時的な削除）は、誤って使用される方が非常に多いです。 間…

免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

Takanori Part: Design, Management Birthday: April 23

面接の鍵は“具体的に話す”こと 採用面接の質問といえば、「簡単に自己紹介をお願いします」「3分ほどで自己PRを」「転職のきっかけは？」「志望動機は？」などなど。普通の会話だったら「え、いきなりそんな…」な質問が、面接場面ではけっこう普通にとんできますよね。 緊張状態でこういった質問を受けても、初対面の面接官ときちんとコミュニケーションをとって返答することが応募者には求められます。これを打開する鍵として、一つ“具体的に話す”ことが挙げられるのではないでしょうか。今回はこれについて考えてみましょう。 抽象的な話、具体的な話 世の中の話を「具体的」「抽象的」の二つに大別するなら、採用面接を受けるときに優先すべきは明らかに「具体的」な話。抽象的な話は、テーマの全容は伝えられるけれど、良くも悪くも一般性が高い。一方具体的な話は、同じ5分を使って話すとすれば、ある部分に限定して話さざるをえなくなるも