タグ

角丸に関するlemonjpのブックマーク (7)

  • Loading...

  • JRC Blog

    If so, submit your website to my new webdirectory/searchengine Btw, i’am a couple of months late with posting this here but; jrc 0.9.1 is also out (for those who isn’t notice it). I basically stopped working on it. Maby when i’am in the mood ill try to fix some of the ie issues (with mailto, base href ?!), but for now i dont see any urgent bugs i need to fix. I have used it a lot with loginforms

  • jQueryで角丸を作るライブラリ jQuery Corner - Webtech Walker

    Home Archive jQueryで角丸を作るライブラリ jQuery Corner jQueryで角丸を作るライブラリ jQuery Corner 2007年07月19日 category:javascript Comment(0) Trackback(1) コーディングするとき、角丸っていろいろと大変ですよね。今回はjQueryのライブラリで角丸を作成するものを紹介しようと思います。 ダウンロード 今回は角丸のみ紹介しますが、丸だけでなく色々な角を表現できるのがこのライブラリの特徴です。ダウンロードやデモ一覧は下記からどうぞ。 http://malsup.com/jquery/corner/ 使い方 まずjQueryとダウンロードしてきたライブラリを読み込ます。 <script type="text/javascript" src="jquery.js

  • jQueryベースの角丸javascript「JQuery Curvy Corners」

    twitter facebook hatena google pocket 要素の角を丸く表示するページが増加しています。 JQuery Curvy Cornersでは、以前紹介した角丸作成javascript「curvyCorners」をjQueryベースに移植しています。 sponsors 使用方法 JQuery Curvy Cornersからjquery.curvycorners.packed.jsをjQueryからjquery.js(v1.2)をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdoamin/jquery.curvycorners.packed.js" type="text/javascript">

    jQueryベースの角丸javascript「JQuery Curvy Corners」
  • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

    CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

    CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
  • フォトショップで角を丸くして画像切抜きのやり方

    >白い余白 これは 透明の表示である 白と灰色のチェッカーの事かな? 真っ白であれば、さっきの真っ黒と語句を入れ替えて考えてください。 今回の追加質問は、予想していました。 四角の切り抜きを知ってればできる事なので、多少自分で考えてくれるかと思ってましたが残念・・・ 背景が透明になっていれば 切り抜きツールで四角に切り取るだけです。 画像ギリギリで切り抜きたい場合は、キーボードの「Ctrl」を押しながらレイヤーパレットの画像が出ているレイヤーをクリックすると角丸が選択され、メニューの「イメージ」→「切り抜き」で切り抜けます。 角丸で切り抜けてないだろ! って思うかも知れませんが背景が透明だからこれでいいのです。 切り抜かなくても「移動ツール」を使ってマウスでどこにでも移動でるから 別の画像へ移動させれば そのまま貼り付けできます。 それと影ですが、背景が透明だと 影は見えません。 白か 黒

    フォトショップで角を丸くして画像切抜きのやり方
  • 角丸ライブラリ - tikeda::Diary:

    最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。中身の文書を書き換えれば上下左右と可変するように柔軟になっています。また、一部PSDも同封してます。 0501curve.zip 中身はこんな感じ。 ベーシックなタイプ 01:小さ目な角丸 02:大き目な角丸 03:斜線の角丸(背景画像をループ) 04:ストライプの角丸(背景画像をループ) 05:木模様の角丸(背景画像をループ) 06:リボンのついた角丸(背景画像を固定) 4つ角をの内側を透過GIFにしてるので、大枠の背景を変えれば発想次第で色々と使えると思います。HTMLCSSは大体こんなんです。divが多いのがちょっと嫌な感じですが。はてな内ではspanでやってたりもします。 HTML <div class="curve-01"> <div class="cu

    角丸ライブラリ - tikeda::Diary:
  • 1