<textarea name="code" class="css" cols="60" rows="5"> .dp50{width:50%;float:left;display:inline;*margin-right:-1px;} </textarea>
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
HOME>WEBプログラム覚書>jQuery プラグイン Slide boxメモ jQuery プラグイン Slide boxメモ ちょうどこういうのやりたかったので どんな感じで実装されてるか調べてみた。 クライアント
デザインの都合上、省きたいが、でもこのコンテンツ入れたい。。。 そんなサイト制作者の葛藤を解消してくれるのが、Slide boxです。 最初は隠しておきながら、ボタンを押すとエフェクトつきで表示されます。 使用方法 Slide boxからslidebox.js、slidebox.cssを、jQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="slidebox.css" type="text/css" media="screen"> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="slidebox.js"></script> <script> $(document).ready(function
divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。
Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Lorem lispum. In blandit turpis. Cras a mi at odio. Vivamus egestas urna. Furce gravida lectus. Slide box - a jQ
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
It's becoming more and more common for blogs to feature certain posts at the top of the page. In this tutorial, we're going to show you how to implement this in WordPress. We'll be using the default theme, Kubrik, as our base theme, but it should be adaptable to most themes with some modification. There's very little code and featuring posts is simple. What we're shooting for We're going to be mod
hb_icons_20060208.zip: スケーラブル「はてブ」アイコン2種 アーカイブは、「名前を付けてリンク先を保存」や「ファイル名を指定して保存」して下さい。 概要: はてなブックマークの[B!]アイコンと[↑B]アイコンを、拡大・縮小や色の変更が容易なSVGにしました。 アーカイブ内には、2種のSVGとPNGなどが含まれています。 色: ブルー サイズ: 指定なし(SVGのみ)、640px × 480px フォーマット: SVG、PNG 同梱しているアイコンのパノラマ画像: ● スケーラブルな「はてブ」アイコン - 子供、いらない 2006年02月07日21:52 同梱しているSVG: (クリックしてもはてブは表示されません…) 備考: hb_icons_20060208.zipから、SVGファイルをサイズ指定なしと640x480指定に分けました。 2006年2月7日のSVGフ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く