HTML5+css3なので、実際の業務で 使用する機会は日本では無さそうで すが、デザインがとても美しかったの でメモがてらご紹介。jQueryはIEでも 動いたのでcss3やhtml5を変更すれ ば普通に実践使用できそうです。 綺麗なレイアウトと定番の赤×黒×グレーの色合いで、コーポレートサイトにぴったりですね。 Free HTML5 Website Template for Industrial Business 実物見ると結構素敵です。右側の画像はjQueryを使用したユニークなスライド。 下部メニューにcss3が使用されています。 TOPページ以外に子ページも4ファイル同梱されています。PSDファイルもありますよ。 IE6のキャプチャです。角丸や回転部分にcss3が使用されているのが分かります。jQueryは普通に動いています。 <header>や<nav>のようなhtml5で組ま

これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform（変形）、box-shadow（影）、gradient（グラデーション）ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。 各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。 左がChrome、右がIE6です。テキストのドラッグも普通に出来ますね。 例・transform cssSandpaperを使用した際のtransfo

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

Paste your cells from Excel, Google Docs or another spreadsheet here: Table Style Options

NameBright.com - Next Generation Domain Registration ironmyers.com is coming soon

cssスプライトは複数の画像を 1つの画像にして、容量を軽減 する手法ですが、このcssスプ ライト用の画像を簡単に作成 出来るジェネレーターがありま したのでご紹介します。 以前MOONGIFTさんで記事になったジェネレーターのようにzipで多くの画像にも対応しているようなものではなく、2~3枚の画像から作るようなシンプルな物になります。簡単なやつをサクッと作りたい、という時に良さそうです。 cssスプライト用の画像をアップロードするだけ。オプションで位置や背景色の指定も可能ですが、設定項目も少ない、極めてシンプルなものです。 画像をアップロードしたらgeneratorボタンを押せば完成です。それぞれの画像の位置も出してくれるのでcssを書くときに指定するだけ。 なかなか手軽で良いのでは。ご利用は以下より。 css sprites generator

Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その２つの不具合が無いものとなっています（IE7調べ）。 対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。 仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。 下記は、そのイメージです。

CSS MENUS › Float drop menu system - multi level Date : 21st January 2010 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Just to show that this menu system can be used for more than just plain text links this version uses top level images with rollovers and dropdown boxes which can hold any information you like as the link. As with

A click gallery using 'Previous' and 'Next' buttons to navigate, in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page. With descriptive text and linking option.

CSS DEMOS › A permanent image click gallery Date : 27th September 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information I have had many requests for a photo gallery where the clicked image will stay on screen no matter what else you do. Well this is it. Click on any of the thumbnail images to see the full size image above. This will s

CSS MENUS › Float drop menu system Date : 9th September 2009 For all modern browsers Photographers control the camera and lens to "expose" the light recording material (such as film) to the required amount of light to form a "latent image" (on film) or "raw file" (in digital cameras) which, after appropriate processing, is converted to a usable image. Digital cameras use an electronic image sensor

CSS DEMOS › Shadow Boxing for all Date : 12th February 2010 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Shadow Boxing I This box will stretch to fit the content and the box shadow will fit the resulting size of the box. This will give a shadow to the box in IE5.5, IE6, IE7, IE8, Firefox, Safari and Chrome. Opera is yet to produce a version t

CSS DEMOS › Cross browser multi-page photo gallery Date : 31st March 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information As promised the second version of my multi-page photo gallery This one differs from the first in that the large images are displayed within the boundary of the drop down page rather than opening the image in a new

This page is used to test the proper operation of the Apache HTTP server after it has been installed. If you can read this page it means that the Apache HTTP server installed at this site is working properly. If you are a member of the general public: The fact that you are seeing this page indicates that the website you just visited is either experiencing problems or is undergoing routine maintena