CSS Image Maps - Flickr-like Technique?
An alternative to image-only CSS maps has been published. If you're looking for an easier way of creating image maps involving a single image, you may be interested in reading CSS Image Maps, Redux Below is a sample image map that's built entirely using CSS and XHTML. While I've added support for Javascript (item titles are simply displayed beneath the image), I've disabled it in this example -- I
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
Super Stripes
Supawhat? Stripes are undoubtly very popular graphical element these days. They are used in many ways in web design, mostly as background patterns of various layout parts or block elements. Here is a fresh tip that could save your time. Solid and transparent When i match colors for some web site, i find it very easy if i use one small .GIF image, which has one stripe transparent and others are sol
Bridge Word
This shop will be powered by Are you the store owner? Log in here
[CSS小技] 右クリックで保存すると呪われる画像:Geekなぺーじ
以下の画像を右クリックで保存すると、保存した画像ファイルが呪われます。 ダウンロード後のファイルを見てみてください。 余談ですが、上に見えている魚の写真は我が家で飼育しているクイーンインペリアルタイガープレコという熱帯魚です。 タネあかし どうやって実現しているかを知りたい場合には、このページのソースを見るか、 昨日の書いた記事「右クリックで保存出来ない画像、コピペ出来ない文字(not javascript)」を見てください。 ヒントが書いてあります。 追記2006/10/12:Operaにも対応しました。
Using Fewer Images | magnetiq.com
Image rollovers are usually composed of two individual images; one for the default state and one for when the mouse is hovered over the image or link. However, it bears some advantages to use a single image by taking advantage of CSS background image offsets. Here’s how a rollover for an anchor is usually done: The HTML code could look like something like this: <a href="#" id="yaprak"> </a> The as
CSS Image Maps, Redux - Flickr-like Technique?
An updated CSS3 image map tutorial has been published. If you're looking for a more up-to-date version that makes use of some funky CSS3 features, you may want to check out CSS3 Image Maps I have received a number of emails after publishing my first take/experiment on CSS Image Maps. Feedback was both well received, as well as criticized. As you can imagine -- based on the "image sprite" method us
CSS だけでフォトギャラリー - lucky bag
CSS だけでフォトギャラリーっぽいのを作ってみるテスツ。「stu nicholls | CSS PLaY | CSS photo-gallery hover and active」あたりを参考に、ちょっとやってみた。サムネールにマウスオーバーで拡大画像を表示。サムネールクリックで拡大画像を固定。別の場所をクリックすると元に戻る。ってな挙動。最低限のブラウザでしかチェックしてないんで、まともに動かない環境もあるかも知んない。 gallery.html (X)HTML は下記のように、画像を順不同のリストで並べている。 <ul id="gallery"> <li><a href="#empty-anchor"><img src="01.png" /></a></li> <li><a href="#empty-anchor"><img src="02.png" /></a></li> <li>
Lucky bag::blog: CSS で画像ポップアップ
JavaScript を使わずに、CSS を使ってサムネール画像の拡大画像をマウスオーバーで表示せる方法「CSS ~ Image Pop UP」を参考に、拡大画像をその場で表示させるサンプルを作ってみた。 popup.html 最初に拡大画像を高さ 1px 幅 1px に指定しておき、hover で正寸を指定させることによって実現させている。ちなみに、hover の指定に背景色を指定しないと IE でうまく動作しない。 .photo a.popup:hover { background-color: #fff; } 何となく微妙な感じだけど、サムネールをいっぱい並べて画面遷移なしで拡大画像をみせたい場合に使えるかも。 あの頃のように… - CSS で画像ポップアップさせる (2005年6月10日 19:02) CSS で画像ポップアップ私の中ではかなりの革命です。なぜ今までこれに気が付かな
[を] 右クリック画像保存を禁止する方法
右クリック画像保存を禁止する方法 2005-07-02-2 [Tips] Flickr (http://www.flickr.com/) では、 右クリックによる保存ができない画像があります。 正確にはローカルに保存するとダミーの画像になってしまいます。 仕組みは簡単。ダミー画像を重ねているだけ。 コピペして試せるようにエッセンスだけ抽出： <img src="http://chalow.net/image/yto-logo-hou.png" width="318" height="81"><img style="position:relative; top:-83px; margin-bottom:-83px; display:block;" width="320" height="83" src="http://chalow.net/image/1x1.gif"> お試しあ
Grafolicious: A webmaster tool to see the evolution of a del.icio.us bookmark
Neurotic es una joven pero experimentada consultora de internet que se dedica a la produccin prpia de pginas web y a ofrecer soluciones web para terceras empresas. Solicita ya un presupuesto para tu proyecto sin compromiso o consulta nuestros precios Neurotic, SCP Tel: 938 492 028 Fax: 938 403 568 C\Can Cabatx s/n Les Franqueses del Valls - 08520
Annotating images with CSS
SEO und E-Mail Marketing – Performance nachhaltig steigern. Acoonia Software Suite Address ProofNach jeder E-Mail-Newsletter-Aussendung werden im Bounce-Reporting Adressen als unzustellbar angezeigt und deaktiviert. Aus Analysen ist bekannt, dass 3 bis 15% der bounce-deaktivierten Adressen problemlos wieder beschickt werden könnten.
Safari は複数背景画像に対応 - lucky bag
CSS3 では実現されるであろう、background-image への複数指定。ちょっと前に Surfin’ Safari で知ったんだけど、 Safari 1.3 と 2.0 ではすでに対応しているみたい。うはー、全然知らなかったす。つうことで、実際に自分でも試してみたくて可変レイアウトのサンプルを作ってみた。もちろん、Safari でしか確認することはできない。使用した画像は、head.png、center.png、bottom.png の 3 つ。 multiple_background.html スクリーンショット 背景画像を複数指定する場合、指定を記述する順番が重要になっていて、最初の指定がレイヤー的に言うと一番上に描画され、それ以降は下のレイヤーに描画されていくことになる。つまり、下に重ねて行く感じ。なんで、今回のサンプルの指定の順番も下記のようになっている。 /* 上、下、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
http://riddle.pl/mappet/
Dynamic Picture Captions with JavaScript - Ed Eliot
an insiders view from the outside by Lars Kleinschmidt : comments on IE 7 beta
Everything is a box