border-radiusプロパティは角丸を定義しますが、カードなどの矩形の角を丸くするために使用するだけでなく、さまざまな形を作成することができます。 矩形や角丸だけのレイアウトではなく、さまざまな形を使用できるスタイルシートのテクニックを紹介します。 CSS border-radius can do that? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの基礎知識 流れに逆らう（わないで） はじめに 今年開催されたFrontend Conferenceにて、Rachel AndrewはCSS Gridのレイアウトについて講演しました。中でも私が注目したのは、彼女の話の終わりにあったCSSの古いプロパティについてです。 イメージはborder-radiusプロパティを使用するだけで、用
Border Radius
CSS border radius generator for lazy people.
角丸を指定できるborder-radiusで、ボーダーを落書き風にすることもできます。 色によっては、蛍光ペンや絵筆みたいにもできますね。 デモページ ※リンク切れ 実装は、こんな感じです。 HTML 要素はdivだけ、入れ子もラッパーも必要ありません。 <body> <div> This is my paragraph. Like my border? This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border?This is my paragraph. Like my border? </div> </body> CSS 落書き風のボーダーを実現しているのは、border-radiusです。 スラッシュで区切ることにより、水平
2019年2月3日 CSS 要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…！今回はそんなborder-radiusの基本的な使い方と、応用表現を紹介します！ ↑私が10年以上利用している会計ソフト！ 無難で王道！正円の円弧を使った角丸 border-radius は「border」とついているものの、border プロパティーの指定がなくても大丈夫。background によって与えられた背景や、img 要素で指定された画像の四隅も丸まめられます。 四隅に同じ値の丸みを与えるなら border-radius: 10px; と記述すればOK。半径10pxの正円の円弧をベースにした角丸を実装で
-webkit-border-radius なんて書いているWeb開発者は腹を切って死ぬべきである - hogehoge @teramako
地獄の火の中に投げ込むものである。 いや、まあそんなネタはどうでも良くて... そのベンダー接頭辞はいつまで書くの？ | Unformed Building 書いてあることは至極真っ当なこと。もろ手をあげて賛成である。 また、 ベンダー拡張プリフィックスはそれそのものがWebを破壊することはないし、ベンダー独自のプロパティーや関数が数万追加されて使われまくったとしても本当はWebは壊れない。またその文法が変更されても修正または追加すれば対応できるし、その余裕は十分にある。つまり壊れるのはほとんど全てのケースで開発者の怠慢に過ぎないので、ちゃんと仕様と実装を理解して必要ならば寝る間を惜しんで修正作業に血眼になるべき。みたいな実践を伴わない意識を僕は持っている。 なので憂うべきこの現状は、IE6が拡散して残り続けたことと同じようにベンダー側ではなくWeb開発者側に非があると思っている。 ベンダ
Photoshopで角丸矩形の四つの角丸を個別に編集できるようにする機能拡張 -Rounded Rectangle Radius Resizer
Photoshopで角丸矩形を作成する時、シェイプツールをよく使用すると思いますが、その角丸の矩形の四つの角丸を個別に数値で編集することができる機能拡張（スクリプト）を紹介します。 対応は、CS5, 6みたいです。CS6のWin, Macの日本語環境で動作しました。 Rounded Rectangle Radius Resizer Rounded Rectangle Radius Resizerのインストール Rounded Rectangle Radius Resizerの使い方 Rounded Rectangle Radius Resizerのインストール インストールは簡単です。 ダウンロードして解凍した「Rounded_Rectangle_Radius_Resizer.jsx」を、Photoshopフォルダ内の「/Presets/Scripts/」内に移動します。 Photosho
border-radius.js は、class属性に値を追加するだけで、ブロックボックス要素の角を丸くするライトウェイトなJavaScriptライブラリーです。 CSSでborderとmarginを指定し、class属性に "html5jp-border-radius" を追加するだけで、角が丸くなります。JavaScriptのコードは一切必要ありません。また、このライブラリーは単独で動作するため、他のJavaScriptフレームワーク等を読み込む必要もありません。 このライブラリーは、指定のブロックボックス要素の上下に角を追加します。Internet Explorerの場合はVMLを、それ以外のブラウザーではCanvas（Canvasがサポートされていれば）を使っています。 ダウンロード Release Date Size (byte) Download
タイトルのままですが、4辺が違う色のボーダーにborder-radius:50%を加えてサークル状にするとどうなるか知っていますか？私は先日知ったので紹介します。 border-radius:50%を加えてサークル状にするとこんな感じになります。border-radiusはIE8以下非対応ですので、下のは画像にしています。 かなり印象は変わります。当たり前といえば当たり前な気もしますが。で、transitionで回すと面白いです。 ということでサンプルを作ってみました。最近なぜかIEが起動しないのでIEの動作確認はしていません。。 せっかくなのでコードも載せておきます。 <a href="#" id="circle1">CSS<span></span></a> ボーダーだけを回すためspan要素を入れてボーダーを指定しています。ちょっとかっこ悪い気もしますが、他に方法が思いつかなかったので
border-radiusの値をデスクトップとスマホで変える、例えばビューポートが大きくてマージンがある場合は8pxで角丸にし、ビューポートが小さくてマージンがない場合は0pxで矩形にする。 メディアクエリで簡単に実装できると思うかもしれません。しかし、ビューポートのサイズが小さく、マージンがある場合に8pxの角丸になりません。 この難しい条件をCSSの関数で実装するテクニックを紹介します。 Conditional Border Radius In CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに border-radiusの値をスマホとデスクトップで変えるテクニック 実装方法の解説 なぜ、9999を使用するのか 終わりに はじめに 私はデベロッパーがどのようなCSSを書いている
CSSのborder-radiusで角丸に表示する方法CSSのborder-radiusプロパティを使って、スタイルシートだけでボックスなどの角を丸くする方法を解説。枠線が引かれていれば四角い枠線の角が丸くなりますし、背景色が塗られていれば四角い塗りつぶし領域の角が丸くなります。画像の四隅を丸くカットすることも可能。角丸の半径は1ピクセル単位で設定でき、四隅の一部だけ(上だけ・下だけ・左だけなど)を角丸にすることもできるため、連結ボタンに見せる装飾も簡単に作れます。 CSSだけで簡単に角丸が作れるborder-radiusプロパティ ウェブページをデザインしていると、角を丸くしたいと思うことがあります。文章を掲載するボックスの角を丸くしたい場合や、テキスト入力枠の角を丸くしたい場合、画像の角を取って少しだけ丸く見せたい場合など、様々な状況があるでしょう。 CSSには、対象要素の角を丸くでき
![CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ade00e284c27a0b48ae92f68e130823e9fb38672/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F0%2F4%2F201806201248%2Ftopimg_original.png)
発展編：四隅の角丸サイズを個別に指定する書き方 次に、特定の角だけに限定して丸くしたり、角によって丸くする半径を変えたりする書き方をご紹介いたします。この方法を使えば、ボックスの上側だけ(＝左上の角と右上の角だけ)を丸くすることで、タブのように見せる装飾も簡単に作れます。 【四隅の角丸を個別に指定する書き方：このページの目次】 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 ボックスの上だけ(右上の角と左上の角)を丸くしてタブを作る方法 ボックスの対角だけを丸くするデザインを作る方法 1. 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 四隅(左上・右上・左下・右下)の角丸半径を個別に指定するプロパティとして、以下に記した4つのプロパティがあります。 border-top-left-radius: 10px; /* 左上 */ b
今回の記事では、CSS3の border-radius を使った円形いサムネイルの作り方を２種類紹介します。 まず簡単な方から説明しますが、サムネイル画像が正方形の場合であれば、画像のスタイル border-radius に大きめの値を指定するだけで、丸いサムネイルを作れますね。 <img src="thumb.png" width="150" height="150" style="border-radius:400px;" > サムネイルが長方形の場合 写真が正方形の場合でも、きれいな円にしたい場合は、サムネイルを背景画像（background-image）にすることで実現できます。イメージは↓のような感じです。 HTMLソース サムネイルの幅に合わせたボックスに、サムネイル画像を背景画像として設定し、border-radius で背景画像をクリップします。クリックできるようにする場合
border-radius－CSS3リファレンス
border-radiusプロパティは、ボックスの４つのコーナーの角丸をまとめて指定する際に使用します。 それぞれの角丸コーナーは４分の１楕円になりますが、楕円の形状は、下図のように水平方向と垂直方向の２つの半径の組み合わせで決定されます。 border-radiusプロパティで角丸を指定する際には、それぞれのコーナーの楕円の形状を水平方向と垂直方向の半径のセットで表します。 指定するのは、ボーダーの外側の輪郭です。 水平方向と垂直方向の半径のセットは、スラッシュ（ / ）で区切ります。 スラッシュの前後に水平方向と垂直方向の半径の値を、左上・右上・右下・左下の順で指定します。 スラッシュ以降を省略した場合には、水平垂直ともに同じ値として解釈されます。 また、それぞれのコーナーの値は省略することができますが、その場合には以下のルールに基づいて解釈されます。 左下が省略された場合には、右上と
デュアルディスプレイは生産効率が上がるらしいですが、問題となるのがディスプレイの継ぎ目。これをシームレスにつなげて、継ぎ目を見えなくしたのが今回の「Radius 320」というわけ。 解像度は実に全部連結して4800×1200という超巨大サイズ。ただものではありません。 詳細は以下の通り。 Radius 320 対角線で結ぶと実に1.26メートル、モニタ同士の接続部の角度は30度。重さは38キロ、重たい…。 しかしシームレスに継ぎ目がないというのはいいかも。
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) - 徒書
border-radius + -moz-border-radius + (Nifty Corners * IE behavior) これまではさほど関心を持っていなかった角丸なのですが、最近のはてなブックマークで角丸を扱った記事が多く取り上げられてたり、CSS Nite Vol.6(見に行ってました)でも角丸が取り上げられたりしていたので、今更ながらにわかに興味が出てきたのでした。 たぶん、自分が角丸へ関心を持つのを避けていたのは、作る側として「実現するのがややこしいから」ということだったと思うのですが、見る側からしてみると、角丸のもつ見た目の印象はかなり効果的だよなあ、と考えるようになってきました。最近見たものだと、Catalystでサンプルアプリケーションを作った時のデフォルトページが、-moz-border-radiusをつかったスタイルで、衝撃的でした。 さて角丸をどう実現するか
CSS3 の border-radius を使えば、ボックスの角を丸めることができますよね？ でも、ベベル（丸くない border-radius）を付けるにはどうしたらいいか、ずーと気になっていたので、調べてみたら見つけました！ ということで、今日の記事では「LEA VEROU」で紹介されていた、↓みたいにボックスの角にベベルを付ける方法を紹介します。 考え方 この方法では 4つの background-image を使います。 まず最初に、background-size を使って背景を4等分します。そして、それぞれの角から斜めの線形グラデーションで、透明を塗りこむことで角を見えなくするというのがこのからくりです。 この「等分すれは、複数のグラデーションを指定できる」というテクニックは、他にも応用できそうなので是非覚えておいてください。 スタイルはこんな感じです。実際に使う場合は、以下のク
CSS3 から使えるようになった border-radius を IE でも使う方法です。IE でも使うと言っては語弊がありますが、IE でも角丸を表現する方法です。それは Blog で使っている方法をメモ。 IE で角丸を表現する方法 ご存じの通り、IE6、IE7、IE8 では CSS3 の border-radius を使って角丸を表現することはできません。んじゃ、どうやって角丸を実現するのかというと次のような方法があります。 border-radius.htc を使う VML を利用して、behavior を使って border-radius を実現する方法 border-radius.js を使う JavaScript を使って border-radius を実現する方法 JQuery Corner を使う jQuery Corner という jQuery プラグインを使って bo
RADIUSサーバを立てて無線LANのWPA環境を構築した記 目的：無線LAN環境が"とりあえず"のWEPで放置されており、非常によろしくないのでWPAに変更する。EAP-PEAP認証＋AES暗号を採用。 1) Debianサーバ機に認証用のRADIUSサーバを立てる。 FreeRadiusを使います。stableバージョンをダウンロード→解凍→ビルド。 wget ftp://ftp.freeradius.org/pub/radius/freeradius-1.1.6.tar.bz2 tar jxf freeradius-1.1.6.tar.bz2 cd freeradius-1.1.6/ ./configure make sudo make install これでインストール完了。次に設定に入る。NAS設定とユーザ設定の二種類が必要。NAS(Network Access Server)は
リデザインとborder-radiusとtext-shadow
でっかいロゴに飽きてきてヘッダをコンパクトにしたくなったので、少し前からサイトのスタイルを色々いじっていた。ナビと検索フォームとロゴを一段に並べるのはかなり難しかったので、ロゴをアイコンにして無理やり詰め込むことにした。border-radiusまくり。緑の流行はまだまだ続くらしいので色はこのままで。次はオレンジだな(適当)。 ヘッダ ロゴ・アイコンとナビをfloat: left;、検索フォームとTwitterとフィードのアイコンをfloat: right;。それぞれにborder-radiusを使って少し丸みをつけて、丸いロゴ・アイコンと並べてもあまり違和感が無いようにした。アクティブなナビはtext-shadowでエンボスっぽくしてみたんだけど、背景色の明るさがアレでうまくへこんでいるように見えない……。 最初、display: table-cell;で検索フォームの横幅をうまいこと可
認証だけでなく課金管理も担うRADIUS
前回は企業に認証サーバが必要な理由をお話した。今回はいよいよ、RADIUSのお話に移ろうと思う。RADIUSといえば認証、認証といえばRADIUSといわれるくらい、広く認識されている。まずは、この概要をおさらいしてみたい。 RADIUSとは？ RADIUSとはいうまでもなく、Remote Authentication Dial In User Serviceの頭文字を取ったもので「ラディウス」と発音される。読んで字のままだが、もともとはリモートアクセスサーバ（RAS：Remote Access Server）のユーザー認証のために開発されていたプロトコルである。Merit Networks社およびLivingSton社＜現在はLucent Technologies社＞が開発を行い、これが最終的にIETF標準（RFCスタンダード）となっている。 プロトコル自体はUDPベースのクライアント／サ
RADIUS - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "RADIUS" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2019年12月) RADIUS（ラディウス、ラディアス、Remote Authentication Dial In User Service）は、ネットワーク資源の利用の可否の判断（認証）と、利用の事実の記録（アカウンティング）を、ネットワーク上のサーバコンピュータに一元化することを目的とした、IP上のプロトコルである。名称に「ダイヤルイン」という言葉を含むことからわかるように、元来はダイヤルアップ・インターネット接続サービスを実現することを目的として開発された。しかし、
第1回 限界迎えるRADIUSプロトコル：ITpro
パケットに含められる情報量に制限があるなど，現在主流の認証プロトコルRADIUSは限界を迎え始めています。そこで，RADIUSの欠点を補いつつRADIUSの良さを残したプロトコルとして生まれたのが「Diameter」です。 パソコンを使っているといろいろな場所でユーザー名とパスワードによる認証を求められます。例えば，会員制のサイトにアクセスするとき，VPNクライアント・ソフトを使ってリモート・アクセスをするとき，家庭のブロードバンド・ルーターをインターネット接続事業者（ISP）の網につなぐときなどです。こうした認証の背後でほとんどといっていいほど稼働しているのがRADIUS（Remote Authentication Dial In User Service）という仕組みです。認証のほか，使用してよいサービスを知らせる機能，利用時間のロギングの機能などを持ちます。 ところが，RADIUSに
We authenticate the Internet Fast, feature-rich, modular, and scalable. {{stableBranch.last_release.name}} Release Notes Download Packages Commercial Support FreeRADIUS is the most widely used RADIUS server in the world. It powers most major Internet Service Providers and Telecommunications companies world-wide and is one of the key technologies behind eduroam, the international Wi-Fi education ro
Seamless Display社｢Radius 320 seamless LCD display｣：スムーズに折れ曲がっているディスプレイ
Seamless Display社｢Radius 320 seamless LCD display｣：スムーズに折れ曲がっているディスプレイ2006.08.30 14:00 Seamless Display社の｢Radius 320 seamless LCD display｣は、驚きの製品です。 50インチのディスプレイに折り目がついているのですが…折り目部分をみてください。 枠がなく、とても自然に繋がっています。折り目部分が見えづらいということもないようです。すごい！ オクスフォードの研究者たち曰く、今までつなぎ目に入れざるを得なかった枠を外すために、特殊なレンズを埋め込んでいるそうです。 このディスプレイを使うのに、特別なドライバは必要ありません。 ただ、1600×1200の解像度で使うには、ビデオカードをいくつかとDVI出力端子が３つほど必要だそうです。 気になるお値段は未定ですが、
RADIUSの後継プロトコル「Diameter」
ブロードバンド回線や無線LANサービスの認証の背後で必ずといっていいほど使われる認証プロトコル「RADIUS」。その後継となるプロトコルが「Diameter」だ。NTT東西が2008年3月末に開始したフレッツ 光ネクストで利用するなど，今後の普及が期待されている。本連載では，Diameterのエッセンスを分かりやすく紹介する。 目次 ・第1回 限界迎えるRADIUSプロトコル ・第2回 RADIUSとの比較でDiameterを知る ・第3回 Diameterの動きをイメージする ・第4回 資料編：プロトコル詳解
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ - YoheiM .NET
[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ こんにちは、@yoheiMuneです。 @ahomuさんのブログで、CSSの重みの計測をされているのを拝見しました。 自分でもしてみたいなぁと思いやった手順と、その内容や結果をブログに書きたいと思います。環境構築部分でつまったので、その辺りは詳し目に書きたいと思います。 CSSの重みを計測する 以降のChrome限定のお話になりますが、ChromeではSkia（Wikipedia:Skia）というGoogle製の2Dグラフィックライブラリを利用して画面の表示を行っているようです。 そのSkiaにはSkia Debuggerというデバッグツールがあり、そのデバッグツールを使うと画面のレンダリングの順序や所要時間などの情報を取得することが出来ます。 今回はSkia Debu
![[CSS] border-radiusとbox-shadowを組み合わせると、それぞれ単体でのスタイルより５倍重たい！？ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aa082c4555cf140875ad76203d61b4e598a2a47/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F264.jpg)
ただ、問題もあります。現状、先進的なブラウザしか、border-radiusに対応していないのです。はい、がびーん。 有名なブラウザの対応状況を大まかに言うと、対応しているのは以下のブラウザたちです。（かっこいい） Firefox3 Safari3 Google Chrome そして、対応していないブラウザは、以下です。（おならプーです） IE 8以下 Opera 9以下 IE8でも未対応でしたから、この素晴らしい border-radiusが世で使われるようになるのは、まだまだ先のことかもしれませんね。 ナウなヤングでかっこいい人たちは、良かったらサンプルをご覧になってみてください。画像を使わずに角丸になっていることが分るはずです。
RADIUSのクラウドネイティブ化で堪能したエンジニアリングの醍醐味 - BIGLOBE Style ｜ BIGLOBEの「はたらく人」と「トガッた技術」
ISPの要であるRADIUSシステムのDevOps環境整備とクラウドネイティブ化を3年がかりで実現したことについて、技術検証で頓挫しかけた苦労話から、クラウド化のコツまで詳しくインタビューしました。 技術的負債を一気に返却するはずが存続の危機に 得意なことで補い合いながら課題をクリア フルリモートでも無事故のリプレースを実現したGitOps エンジニアが働く環境としてのBIGLOBEとは ISPの接続認証機能を担うRADIUSシステムを、コンテナやサーバーレス技術を活用して3年がかりでクラウドネイティブ化し、2022年6月から正式にサービスを開始しました。 それにあわせて、開発から運用までをスムーズに連携するDevOps環境を実現し、150台のオンプレミス・サーバーにかけていたシステム運用・保守工数を半減し、インフラ費用を従来の3分の2に圧縮することができました。 DevOps環境の特徴は
-moz-border-radiusと-moz-box-shadowが削除された - fragmentary
Geckoから-moz-border-radiusと-moz-box-shadowのエイリアスが削除された。 Firefox 13でこれらが無視されることになる。 Drop support for -moz-box-shadow and -moz-border-radius-* now that we've supported the unprefixed versions since Firefox 4. Bug 693510 - drop support for prefixes from border-radius* and box-shadow Mozillaは接頭辞に関して、正式なプロパティを実装したら接頭辞付きの実装を削除するというポリシーをもっている。ただ、border-radiusなどずっと前からあったプロパティについては、削除のタイミングが先延ばしに（たぶん）なっていた。
毎度書くのが煩わしいので、 よく使う組み合わせの角丸CSS3をまとめて単語登録しておこうかと思ってまとめました。 といいつつ単語登録めんどくさくて このページ見てコピペで済ませそうな私がみえる…！ ということで角丸いろいろ。 自分のサイトは 角丸はほぼCSS3使ってやってます。 最近はお仕事のサイトでも角丸はCSS3でやるようになってきました。 他のことに時間とお金を使った方がイイ！ 早くどのブラウザでも実現できるようになるといいのになぁ…！ みなさんは角丸、どうしていますか？？？ /*全体角丸*/ border-radius: 6px; /* CSS3草案 */ -webkit-border-radius: 6px; /* Safari,Google Chrome用 */ -moz-border-radius: 6px; /* Firefox用 */ /* 左上のみ角丸 */ borde
クリエイティブAIを提供するRADIUS5、クリエイターのためのAIイラストメーカー「mimic」をリリース 株式会社ラディウス・ファイブ（本社：東京都新宿区、代表取締役：漆原大介、以下 RADIUS5）は、自分のイラストの個性が反映されたイラストを無限に作り出せるAIイラストメーカー「mimic（ミミック）」のベータ版をリリースしました。 ▼「mimic」 URL：https://illustmimic.com 開発の背景 RADIUS5 は「人の創造性を最大化する」をビジョンに掲げて、クリエイティブやエンタメに関連するAI の研究開発を行うスタートアップ企業です。自社AIサービス「cre8tiveAI」では、イラストを生成するAI「彩ちゃん」の提供や全身のイラストをAIと人がコラボして制作する「彩ちゃん＋」の提供を行うなど、イラストを使いたい人のためのAIを研究・開発して参りました。
このウェブサイトは販売用です！ seamlessdisplay.com は、seamlessdisplayに関する情報用の最新かつ最適なソースです。一般的興味の問題に関連するトピックもここから検索できます。お探しの内容が見つかることを願っています！
CSS Border-Radius Can Do That? How to create very cool effects with a rarely used feature.TL/DR: When you use eight values specifying border-radius in CSS, you can create organic looking shapes. WOW. No time to read it all ?— we made a visual tool for you. Find it here. IntroductionDuring this year’s Frontend Conference Zurich Rachel Andrew talked about Unlocking the Power of CSS Grid Layout. At t
How to Make an iBeacon Out of a Raspberry Pi | Radius Networks
Want a standalone iBeacon to use for development? Here's a procedure you can use to build your own for under $100. If you don't want to go to the trouble, we can ship you a pre-built development kit including everything below (except the cell phone charger -- you probably have one already!) If you want to build one yourself, you'll need basic Linux command line skills. In the instructions, command
N+I NETWORK Guide2003年3月号より転載 RADIUSの仕組みと構築のポイント――第1部：RADIUSの仕組みを知る (1/5) リモートアクセスにおけるユーザー認証処理を集中的に行うのがRADIUSサーバだ。ここでは、このRADIUSサーバの役割と、どのような認証を行っているのかその仕組みについて解説する。
RADIUSを使おう（3）
認証サーバとしてRADIUSとLDAPのすみ分けとは？：RADIUSを使おう（3）（1/2 ページ） 企業が扱う情報の重要性への認識が高まるなか、個人認証の重要性がさらに高まりつつある。そのような状況のなか、認証サーバは企業にとってもはや必須のインフラとなりつつある。この連載では、RADIUSの必要性を「企業に認証サーバが必要な理由」で、RADUISの概要を「認証だけでなく課金管理も担うRADIUS」で解説してきた。最終回となる今回は、プロトコルから独立する認証プロトコルであるEAPやEAP-TLSについて概説する。また、RADUISを使って構築する検疫ネットワークについても述べたい。 LAN環境でのユーザー認証 まだノートPCが一般的でなかったころ、各PCは固定IPアドレスを使用していた。そのため、各ネットワーク管理者が常に使用中のアドレスとマシンの状態を把握していた。だが、ノートPCが
ロケタッチのシールページの角丸部分が変だったんですが、vantさんのブクマから解決方法が見つかりました。 Sneak ― Fixing the background 'bleed' コードはこんな感じ。 div { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #000; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } 「CSS」カテゴリの最新記事 < フォームボタンにbackground-colorプロパティを指定するとiPhone Safariでグラデーションがかかる件HTML5で最近使っているリセットCS
Our Solar System — An experiment with CSS3 border-radius, transforms & animations.
An experiment with CSS3 border-radius, transforms & animations. Animation properties currently only work on -webkit browsers (Chrome or Safari). Sun Mercury Venus Earth & Moon Mars Asteroids & Meteorids Jupiter Saturn & Ring Uranus Neptune Pluto Sun The Sun is a star, a hot ball of glowing gases at the heart of our solar system. Its influence extends far beyond the orbits of distant Neptune and Pl
A visual generator to build organic looking shapes with the help of CSS3 border-radius property
border-radius と jQueryプラグイン-jQuery.corner を使って角丸を IE にも簡単に適応させる
border-radius と jQueryプラグイン-jQuery.corner を使って角丸を IE にも簡単に適応させる IE8以下にはjQuery.cornerプラグインを適用するようにして、IE9とその他のブラウザにはborder-radiusで角丸を作れば、実用的にborder-radiusを使っていけそうです。 ！IE9でborder-radiusが適用されない場合 IE9でborder-radiusが適用されない事がありました。調べたら後方互換モードになってしまう事が原因のようです。以下のメタタグをヘッド内へ追加して解決しました。IE9 モードでレンダリングしなさいという指定です。 <meta http-equiv="X-UA-Compatible" content="IE=IE9" /> 以下のように content に IE=edge と指定すると、最新のバージョンで読
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのborder-radiusは実はすごかった！あまり知られていない機能を使用して、かっこいいレイアウトを作る方法
[CSS]border-radiusを使って、角丸ではなく落書き風にボーダーをデザインするテクニック
今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦！
border-radius.js - Javascriptライブラリ - HTML5.JP
4辺が違う色のボーダーにborder-radius:50%を加えると…
レスポンシブ対応にメディアクエリなしで、CSSの関数で定義！border-radiusの値を変えるテクニック
CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About
2/3 CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About
CSS3 の border-radius を使って円形のサムネイルを作る方法２つ
画面3つ分でシームレスにつながったLCDディスプレイ「Radius 320」
CSS3でボックスの角にベベル（丸くないborder-radius）をかける方法
IE で border-radius を使う方法 - それはBooks
RADIUSサーバを立てて無線LANのWPA環境を構築した記 - uruya の日記
FreeRADIUS: The world's most popular RADIUS Server
border-radiusを使って角丸を作る：CSS小技
『CSS3で角丸を実現するborder-radiusのコピペ用まとめ』
クリエイティブAIを提供するRADIUS5、クリエイターのためのAIイラストメーカー「mimic」をリリース
SEAMLESS DISPLAY - Radius 320
CSS Border-Radius Can Do That? – 9elements – Medium
エンタープライズ：RADIUSの仕組みと構築のポイント――第1部：RADIUSの仕組みを知る (1/5)
hamashun me : 背景色を敷いた要素に border-radius を指定すると何かはみでる件
Fancy Border Radius Generator