64bitでPHP5.4、5.5、5.6それぞれで確認したよ。先に言っておくけど、PHP5.4ではJPEGやTIFが対応できませんでした。(GIFはOK)原因は不明ですが参考までに、以下の手順で準備した場合のPHP5.4のphpinfoです。formats”にJPEGやPNGが出てきません。コメントするメモメモ:何故かIEだけopacityが効かない時の原因IEではopacityを付ける要素の子要素がposition:absolute;の時は、その親要素にposition:relative;を付けないとopacityが働かない。top:0;}これだとIEではopacityが効きません。親要素に付ければOK。>>2015年秋期のノイタミナ枠アニメの公式ページです。外界との接触を絶たれた島の施設で起こる殺人事件の謎を解く推理ミステリー小説のアニメ作品です。犯人に迫っていくような緊張感のある展開で、毎回目が離せません。ウェブサイトの方も、ページを開くと最下部まで自動スクロールしてからクルッと180度回転するギミックが特徴的でおもしろいですが、これは作品自体のオチも暗示しているのでしょうか。>>以前ネプチューンの名倉さんを広報に抜擢したことでも話題になったタイ・セレクトで企画されている、タイ料理のキャンペーンサイト。トップにでかでかと出てくる名倉さんはインパクトがありますがそれはさておき、単純に3Dに回転するだけでも小気味イイ動きでスクロールしていて気持ちいいですが、さらにタイ語だった文章が日本語に変わる演出はナルホドな感じです。演出の意図がはっきり伝わるようなスクロールイベントは効果的で見ていてもおもしろいなあ。コメントするCSS等で矩形以外にクリッピングマスクをかけたウェブサイトたちかつてはHTML/CSSだけでマスクする場合はブロック要素にoverflow:hidden;をかけたりCSSのclip要素を使うしかありませんでした。矩形以外の形にマスクをしたければFlashを使うか、マスクしたい箇所を繰り抜いたPNG画像で擬似的に実装するしかありませんでした。最近はclip-pathやmask-imageの実装が進んでいる事で、HTML/CSSのコーディングでも様々な形のマスクを実装することができるようになってきており、デザインの幅が広がっています。いった最近の技術を使う方法でなくても、さまざまな工夫によって矩形ではないマスクっぽく見える演出を実装したウェブサイトも増えてきています。いうわけで、様々な方法で矩形以外のマスク(っぽい)演出を利用しているウェブサイトをまとめてみました。オルニス(ornis)さまざまな仕掛けで、マスク以外の要素見ていて楽しいこちらのウェブサイトですが、ボトル型にマスクされたGoogleMapは、地図=矩形の常識に因われないデザインで特に目が留まります。こちらのサイトではmask-imageが実装されているwebkit系のブラウザではボトル型の画像を使ってCSSでmask-imageを設定し、Firefoxでは<svg>タグでボトル型の図形を書きだしてclip-pathでマスクを適用しています。IEなどではボトル型のマスクは適用されず、長方形のマップとなっています。コメントする茨木市に関わるウェブサイトたちいやさすがにこの括りはローカルすぎるだろ、と自問自答しているけど、まとめますよ。茨木市は大阪北部に位置し、JRや阪急電鉄の路線ではちょうど大阪と京都の中間にあるのでベッドタウンとして栄えて(?)いる都市です。軍師官兵衛に登場した荒木村重や中川清秀の居城、茨木城を中心に栄え(?)ました。高山右近の所領であったこともあり、隠れキリシタンがいたことでも有名(?)で現在は資料館も建てられていて、当時の遺物を見学することができます。この僕の出身地でもあることは言うまでもありません。Co.,Ltd.茨木市にあるボルボ専門のカーショップのウェブサイトです。白バックで縦長でゆったりスペースなイマドキのシンプル系レイアウトですが、手書きイラストのやわらかいイメージがさらにゆったりとした温かみを増しています。オンマウスした時の黄色いストライプ柄のオーバーレイはなかなか斬新で、このサイトをただのオーソドックスなデザインで終わらせない要因となっているように思います。どこかのウェブデザイン系のリンク集で見かけたこのウェブサイトが、たまたま茨木市の会社さんだったことで、あんな田舎マイナーな街でも素敵なウェブサイトがたくさんあるのではないか、と思って今回のまとめを思いついたわけなのです。コメントする左右となりのバナーがチラッと見えるjqueryスライドバナーをつくったよ左右のバナーがチラッと見えてスライドの並び順がループしているようなスライドバナープラグインがなかったので作ったよ。>>いやホント怖いから!ホラー苦手な人は見ないほうがいいっすまじで。いうの苦手な僕は一番下までスクロールする勇気がでなくて、全部見るのに1週間くらいかかったっからまじで!!それはそれとして、近年、演出上の意義をまったく感じられない、流行だからスクロールイベント実装してみました☆みたいなサイトが氾濫していて、効果的にスクロールイベントを利用しているサイトは逆に珍しいなあ。デザインというのは「(技術的に)できるからやる」のではなく「意義があるからやる」ものだということを改めて感じます。コメントするHTML/Javascriptでフォントブラウザをつくったよフォントブラウザ作ったよ第二弾。前作のフォントブラウザはフォントリストの中から任意のフォントを選んで並べて見比べられる、という点をコンセプトに作ったんだけど、やっぱ書体自体の形から見比べられる方がいいよね、ということでこういう感じにリメイクしてみたわけです。(1)アーカイブ2016年4月2016年1月2015年12月2015年7月2015年6月2015年5月2015年4月2014年7月2014年1月2011年6月2011年2月2011年1月2010年1月2009年7月2009年6月2009年5月2009年4月2009年3月2009年2月2009年1月2008年12月2008年10月2008年9月2008年8月2008年7月2008年6月2008年5月2008年4月2008年3月2008年2月2008年1。