Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
要素を天地左右中央に配置できる簡単超軽量スクリプト -Midway.js | コリス
デスクトップやスマフォ・タブレットのレスポンシブ対応で、画像やテキストなどを天地左右の中央に簡単に配置できる超軽量（1KB）のスクリプトを紹介します。 作業は、HTMLに2つ追加するだけです。 Midway.js Midway.jsのデモ Midway.jsの使い方 Midway.jsのデモ 天地左右中央配置は表示サイズを変更しても、変わらずに天地左右中央配置になります。 デモは、ブルーの矩形の中に、ホワイトの要素を天地左右中央配置にしています。 まずは、デスクトップサイズから。 デモページ：IE7モードで表示 Midway.jsの使い方 使い方は簡単で、ステップは2つです。 Step 1: 外部ファイル head内に、スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></s
14日間ダノンビオモニター記事 - 一般ユーザー編 ｜ ダノンビオ｜ ダノンジャパン
知っていましたか？ 善玉菌は、 毎日出ていくことを。 だからこそ、 ダノンビオで補いましょう。 ダノン史上最強レベル*の生存率 BE80菌を中心に厳選した 5種の菌を独自にブレンド。 簡単に、自然に、効率的に、 あなたの腸活をサポート。 ※当社比。BE80菌に係る30年の研究において、 生きて腸に届く確率が最高レベルのビフィズス菌の1つ。
カナデルプレミアホワイトの口コミ｜シミに効果なし？副作用は？
カナデル 悪い口コミ このカナデル 悪い口コミではシミケアの効果はわかりませんでしたが、成分が肌に合うことと癒やしのプレミアで、長く続けられる確信が出てきましたね。 質感は、浅いサイトで少しとろみのある基礎ですが、クリームの美容はしっかり良いです。 カナデル 悪い口コミの大敵シミ、れいと乾燥はカナデル 悪い口コミによって肌に蓄積します。 ですが良い口コミのほうがダメに多かったので、人気商品なんだなと思いました。 また配合の際は、次回お届け購入日の１日前までにサービスで機能をすれば整理できます。 乾燥肌にも悩んでいましたが、プレミアケアのおかげで肌に潤いが戻ってきました。 ではオーバーしたいかという完了によるは「はい」が値引きのオールインワン化粧品の約８割ということですが、ｎｕｌｌのオールインワン文句液が現在いると答えたのは成分が４割、男性では３割にとどまります。カナデル 悪い口コミつきが気
ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」:phpspot開発日誌
CJ Object Scaler 3.0 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」。 幅300pxのブロックに、幅500の画像がきたらデザインが崩れてしまいますが、これをjQueryで自動補正してくれるプラグインのご紹介。 スクリプトでやってくれるため、予め自分でサイズを計算して指定しておく必要はなく、かつデザインを崩しません。 ブログなんかで、画像をアップしたけど、ちょっと大きくてデザイン崩れるかもっていう場合にも、自分でリサイズしなくてもやってくれるというのは楽でいいですね。 調整方法も２種類選べます。 ぴったりと埋める Fill 画像の表示領域をそのままで表示するFit 使い方は $(element).cjObjectScaler(options, callback) で、調整後のコールバック関数も呼べます。 $(element)
Nedim Arabacı
Dependency-free notification library Features Dependency-free UMD Web Push Notifications with Service Worker support Named queue system Has 11 layouts, 5 notification styles, 5+ themes Custom container (inline notifications) Confirm notifications TTL with timeout option Progress bar indicator for timed notifications Supports css animations, animate.css, mojs, bounce.js, velocity and others 2 close
jQuery stickysidebar plugin
Product catalogue Product 1 Product 2 Product 3 Product 4 Product 5 Product 6 Product 7 Product 8 Product 9 Product 10 Product 11 Product 12 Product 13 Product 14 Product 15 Product 16 Product 17 Product 18 Product 19 Product 20 Product 21 Product 22 Product 23 Product 24 Product 25 Product 26 Product 27 Product 28 Product 29 Product 30
dotdotdot, javascript plugin for multiple line content ellipsis.
Truncate multiple line content: Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. R
[CSS]画像の四辺をふんわりとぼかすスタイルシート
CSS3のボックスシャドウを内向きにし、画像の四辺をぼかしたエフェクトにするスタイルシートを紹介します。 CSS の box-shadow を使った画像輪郭のぼかし デモページ 対応ブラウザはChrome, Safari, Firefox, Operaで、IEは非対応とのことです。下記はFirefoxでのキャプチャです。 全体のキャプチャ 当サイトの記事「画像の四辺のボーダーを一味違ったスタイルにするチュートリアル」が参考になったとのことで、嬉しい限りです。 昨日、紹介したIEをCSS3対応にする「CSS3 PIE」がbox-shadowもサポートしているのでやってみましたが、insetへの対応は未なのかな、残念。
floatした際に背景が消える件【css tip】
floatした際に背景が消える件【css tip】 親ボックスに背景を適用して、内包する子ボックスに対してfloatを適用した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。 サンプルとなるhtmlは <div class="parent"> 親ボックス <div class="child"> 子ボックス </div> <div class="child"> 子ボックス </div> </div> とします。 これに対して div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } このようなCSSを適用した場合、以下のような表示に
yuga.js 0.4.2 - 優雅なWeb制作のためのJS｜CSS HappyLife
通常のロールオーバー 動作テスト サンプルのソース <p> <img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </p> 説明 img要素にclass="btn"が有る場合、src属性を「_on」付きのものに差し替える [New]グループ化されたロールオーバー 動作テスト テキスト。 サンプルのソース <p> <a href="./hoge.shtml" class="btngroup"> テキスト。<img src="./img/yuga/btn_more.gif" alt="more" class="btn" /> </a> </p> 説明 img要素の親要素にclass="btngroup"があり、img要素にclass="btn"が有る場合テキストにマウスカーソルを当てても画像がロールオーバーする。 現在のページ
Web Design Articles (CSS Layouts, Experiments & Demos)
I've been working professionally as a web developer for over two decades and running this website since 1997. I am keenly interested in responsive layouts and their underlying HTML and CSS. My web development work history My web design portfolio Responsive Columns: Build Amazing Layouts With Custom HTML Tags Responsive Attributes: Generate CSS Grid Layouts With Simple HTML Responsive Font Size (Op
Beautiful CSS3 Search Form - Web Designer Wall
Lately I’ve been playing around with CSS3 and discovered some new CSS tricks. Did you know you can make a round circle with border-radius and create inner shadow effect with box-shadow inset? Check out this beautiful search form demo that I’ve created with CSS gradient, border-radius, and box-shadow. It displays perfect in CSS3 browsers and degrades gracefully in non-CSS3 browsers. View Demo Searc
ボックス内をスクロールすると自動でコンテンツをロードするjQuery - かちびと.net
IE6でも7でも動いてくれるのと なかなか使い勝手も良さそう なのでメモ。jQueryを使った コンテンツボックス内の自動 読み込みを実装します。 去年くらいの記事ですけど見逃してたのでメモ。 Facebookをやられてる方はピンと来るかも。下までスクロールすると自動で次のコンテンツが読み込まれますが、それをボックス内で実装したものです。基本的にどのブラウザでも動くみたいです。 Scrolling Dynamic Content box このボックス内でスクロールすると自動で次のコンテンツが読み込まれ、アイテムの数も表示されます。というか、見たほうが早いですね。 デモ コード コードです。 $('document').ready(function(){ updatestatus(); scrollalert(); }); function updatestatus(){ //ロードしたアイ
角丸のCSSボックスやナビゲーションを作成できるオンラインサービス -Mierendorff
CSSやJavaScriptの知識がなくても簡単に、角丸のCSSボックスやアニメーションで動作するナビゲーションが作成できるオンラインサービスを紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.css-lecture.com/log/css3/css3-border-radius.html
http://www.wookmark.com/jquery-plugin
borderプロパティを使用した華麗なる四つのエフェクト | コリス
IDEA * IDEA
[JS]ボックスのシャドウをアニメーションさせるスクリプト -Shadow animation