スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
こんにちは、martinです。日本に帰国して1年が経ちました。昨年は２月から新しい職場で働き始めたり、9月６日に第１子が生まれたりとバタバタな一年でして、まるでppBlogの開発・サポートが出来ませんでしたが、今年はなるべく時間を作ってppBlogをいじれたらと思っています。 世界中の皆さんにとって、良い年でありますように。 久しぶりのカキコ。 静的リンクでの挙動を変えています。URLのパスに日付情報などを含ませるように。まだ、いじっている段階なので、色々と不具合があるだろうけれど、まぁ気にしないと。 日付情報がある以外には、現状、PermaLink用の英数文字からなる記事タイトルを別に指定できたのですが、これはそのまま取っておくとして、そうでない場合は、記事のタイトルがそのままブラウザのアドレスバーに表示されるような感じにしてます（静的リンクが有効な場合ですが）。今時のブラウザならエンコ
DD_roundies is free software under the MIT License. Please familiarize yourself with known issues. You might also enjoy DD_belatedPNG. 2011/4/8: It is high time I update the documentation here. This plugin got as far as supporting IE8 Release Candidate 1. That was a while ago. Things have changed. I spent some time away from the project before IE8 final was released. When I came back to it, much h
A colleague of mine was recently trying to cut down on image usage when working on a web design project. He asked me whether it was possible to use one image for a vertically scalable content box that had both, a unique heading background, a border along the sides and a rounded off border in the footer. I didn’t think about it very much and dismissed it as impossible or too fiddly. I’ve been think
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。 このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas（Canvasがサポートされていれば）を使っています。 ダウンロード Release Date Size (byte) Download
What is the Stash app for Android and who should download it? What are the benefits of using it and how does it work? Before you decide whether or … [Read more...] about Stash App: What Is It And The Benefits Of Using It Motorola MG7310 Review The Motorola MG7310 is a somewhat controversial DOCSIS 3.0 cable modem / WiFi router combo. The DOCSIS 3.0 increased transfer … [Read more...] about Motorol
jQuery Plug-in to make rounded corners on your DOM objects using <canvas> element Tested in IE7 and FF3
パパ活アプリを利用している女性の間で、最近人気になっているのが、お食事を一緒にするだけでお金をくれる、ごはんパパです。 ごはんパパ…つまり、身体の関係をもたなくても、素敵なレストランなどでご飯を食べるだけで、おこずかいをくれるパパのことですね。 そんな、便利屋さんみたいなパパが本当にいるの？と思われるかもしれませんが、実際、女性と一緒に食事ができるだけでも嬉しい！ だから、おこずかいをあげても良い！という男性もいらっしゃいます。 パパ活アプリを利用している女性の間で人気のごはんパパですが、相場や出会って食事をするまでの流れは一体どんなものなのでしょうか。 好条件のごはんパパをパパ活アプリで探すために、大切なことなどをご紹介したいと思います。 ●メインは食事だと考えましょう パパ活アプリを利用している女性の中には、やはり現金収入を希望している方が多いと思います。 そう考えると、女性の希望とし
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
Meerbox Selfstorage Boxmeer beschikt over meerdere parkeergelegenheden en heeft een gunstige ligging aan bedrijventerrein 't Leucker. Op de plattegrond kunt u gemakkelijk zien welke opslagruimtes er in Boxmeer nog beschikbaar zijn voor verhuur en tegen welk tarief. Wij staan u ten alle tijden graag te woord, mocht u nog graag meer willen weten dan kunt u vrijblijvend contact opnemen. nu huren! Mee
I see more and more fading corners every day, so I decided to put together some freebies, since they are becoming popular. You will notice that all of these are white, but I included a Photoshop source file in each download so you can customize them. It seems to me that a lot of people are looking for these so, I thought I would do a good deed and help everyone out. I tried to mix up the sizes a b
Online tool for making anti-aliased rounded corners (very Web 2.0!) for avatars and images
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
Coding, Consulting, DevOps Web, Cloud, Scalability You should also check out my script Liquid Canvas which uses HTML canvas to render rounded corners with drop shadows. Rounding corners with JavaScript has a long history. Everything started on 16th of March 2005 with Nifty Corners and loads of other libs followed. RUZEE.ShadedBorder itself is the successor of RUZEE.Borders, which was the most feat
Even More Rounded Corners With CSS (Another technique for the pile.) 2009 update: CSS 3 and border-radius can do rounded corners without any images, and support for RGB/alpha opacity and gradients with opacity is also on the way. Check out CSS 3 and the future for newer, shinier examples! There's an increasing desire (at time of writing, February 2007) to provide rounded corner dialogs with variou
Now you can style both <a /> and <button /> in this super easy and light-weight solution Hedger Wang You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file . At least it's tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9. HTML For Anchor : <a class="button" href="?d=-1"><span>yout text</span></a> For Form Button : (yo
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
