あらゆるサイズのエレメントに利用が可能な、紙がひらっとめくれたようなページカールのエフェクトを与えるスタイルシートを紹介します。 デモページの拡大 このエフェクトはページのあらゆるサイズの要素に簡単に適用できます。 紙がひらっとめくれたエフェクトの実装方法 HTML HTMLはシンプルです。div要素にclassを付与しているだけです。 <div class="box">My box</div> CSS:シャドウの適用 box-shadowを使用して、内側と外側にシャドウを適用します。 .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
きょうは久々の技術ネタです。 よくWebサイトを作る時にルートパス(/から始まるパス)を多用することがあります。 こんな時に問題になるのがテスト用のディレクトリ、例えば /test以下に展開するなどした場合です。 デモ専用のサーバもしくは、バーチャルドメインが用意できればいいですけど、無理な場合は結構困ります。ルートだと戻りすぎちゃいますからね。 で、いろいろ調べたんですけど、.htaccessでリサイレクトさせて解決出来ました。 前提として、http://s-bot.net/demosite/に、ルートパスで制作したWebサイトを展開する場合の記述です。 Options +FollowSymLinks RewriteEngine on RewriteBase / #指定のディレクトリ以下からのリクエストのみに設定 RewriteCond %{HTTP_REFERER} http://s-
日本全国、いたるところに存在するとんかつ屋。皆さんにも、お気に入りのとんかつ屋があるはずである。しかし、ジューシィーな肉、サクサクッとした衣、しつこくない揚げ油(脂)、濃厚な味わいのソース、素材の味を生かす塩、そしてコストパフォーマンス、すべてがパーフェクトな店は少ない。 特に肉質、衣、油、価格の4つが重要なポイントといえよう。だが、皆さんはこう思ったことはないだろうか? 「美味しいんだけど高いんだよね」と。つまり美味しい店は多数あるが、そういう店に限って高額すぎるわけである。そこで今回は、すべてにおいてパーフェクトなとんかつ屋を紹介したい。それは、新宿三丁目のとんかつ屋『三太』だ。 この『三太』は創業60年、新宿で開店してからは40年の歴史を持っている。『三太』の凄いところは肉質、衣、油、価格の4つがパーフェクトでありながら、さらに奇抜さもある点である。『三太』のとんかつはウニのトゲのよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く