[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
『ジンジャーシロップとドライジンジャーレシピ♪』
あみにゃですおはよございます。 先日作った生姜の２品、レシピー気になる方も多いようなので早めにＵＰ まずはどこにでも売られている普通の生姜を用意いたします 欲張って５Ｐ買ってきましたけれど、刻んでるうちに多すぎるのでは？！と、使用したのは４つです。 皮をむいて、太めの千切りといいますか、適当な短冊切りといいますか。 そんなよーな状態にしてひたひたの水を入れ、 一旦茹でこぼします スンゴイいー香りが部屋中に ざるにあげた生姜は水でさっと洗います。 生姜の灰汁抜き完了。 ・・・ホントは２回くらいやった方がよろしいのかもしれないけれど、なんとなくやり過ぎると成分がもったいないな～っていうのと、マクロビはホントは灰汁も頂くんだよな～という狭間で１度にしました（何 砂糖をどっぱりと１００～２００ｇ、お好みで♪ 「多くない？！」と思っちゃいますが、シロップって砂糖ですもねー。 弱火でことこと３０分程度
日本の企業サイト向けに作成された高性能でレスポンシブWebデザイン対応の無料WordPressテーマ・BizVektor - かちびと.net
ご連絡頂いたのですが、とても良い感じ だったのでご紹介。日本向けのコーポ レートサイトを作成する為に作られた レスポンシブWebデザイン対応のフリー WordPressテーマ・BizVektorです。機能 も優れていて参考になりました。 凄く良く出来てましたよ。とっても勉強になりました。無料で配布って凄いですね・・WordPressをCMSとして企業向けに導入したい、という方は一度ご覧頂くことをオススメします。 CMSとしての機能が最初から備わっており、上図のようにレスポンシブWebデザインにも対応した日本企業サイト向けのフリーのWordPressテーマです。※iPadのキャプチャがおかしいのは気にしないで下さい 機能は以下のような感じ。 レシポンシブWebデザイン対応 カスタム投稿タイプによるお知らせコンテンツ 独自テーマオプション 主要SNSとの連携 カスタムメニュー対応 カスタムヘッ
Mac OS X 10.7 Lion Buttons with CSS3
Download the file via File menu. Works in all modern browsers (only Webkit, no “flashing” in Mozilla). Made by Thomas Maier, he works at Special Machine. View it here on Dribbble and like it if you have an account. Update: The clicked state is darker now. 03/21/11 Update: Mozilla is better supported now. 03/22/11
フォーム周りのエレメントのデザインを見やすいインターフェースに変更できるjQueryプラグイン・jNiceItと、似たようなやつ何個か - かちびと.net
どこかで使いたいなと思ってメモ。フォーム で良く使うラジオボタンやチェックボックス などのデザインを割りと簡単に見やすいデザ インに変更できるjQueryプラグインです。 この手のプラグインは沢山あるので選択肢の 一つとして、ですが、個人的には使いやすい 印象でした。 昨日に続き、今日もフォームのスクリプト。今日はフォームデザインを変更できるやつです。IE6だけちょい崩れるけどそれ以外は共通したデザインに変更できます。 ラジオボタンとかチェックボックスを画像に置換するプラグインですかね。なので、デザインの変更は基本的に画像とCSSを少し変えるだけです。尚、画像の指定もcssで行います。 左が普通で、右がリア充ですね。シンプルでいい感じです。見た目がいいほうが愛されるんですねきっと。世知辛い世の中ですこと。 マークアップも特別なことはしなくて済むのも楽かも。デザインの変更は基本的に画像を変え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画像もFlashも無し！ スタイルシートでローディング時のスピナーを生成する -CSS load.net