はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 破線

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 10 / 10件)
 

CSSで区切り線を実装するのは、flexboxが簡単で便利! レスポンシブ対応の区切り線を実装するテクニック

2022/03/08 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flexbox CSS グラデーション レスポンシブ対応

要素間の区切り線をレスポンシブ対応にする時、どのように実装していますか? flexboxで実装すると、1つのコードでコンテンツに合わせて伸縮し、デスクトップもスマホにも対応、スクリーンサイズに合わせて垂直・水平にも切り替えるのにも対応できます。さらに、区切り線をグラデーションや破線にするのも簡単です。 CSS... 続きを読む

高速道路の車線に「緑色の実線」初登場 踏んでいいの? その意味とは(乗りものニュース) - Yahoo!ニュース

2021/09/30 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip 実線 路側帯 車線 緑色 両側

関越道の路面に、見慣れない区画線のような線が登場しています。区画線といえば白の実線か破線、あるいは黄色の実線ですが、「緑色の実線」が引かれたのです。 【緑の車線の「意味と効果」】画像でチェック! 場所は関越道下りの東松山IC付近で、第一走行車線(最も左側の車線)の両側に引かれています。路側帯とを分け... 続きを読む

こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック | コリス

2020/08/25 このエントリーをはてなブックマークに追加 192 users Instapaper Pocket Tweet Facebook Share Evernote Clip フェード コリス 点線 傾斜 CSS

ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます! Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Bor... 続きを読む

「Googleマップ」、閲覧者の国により異なる国境を表示との報道 - CNET Japan

2020/02/17 このエントリーをはてなブックマークに追加 153 users Instapaper Pocket Tweet Facebook Share Evernote Clip 国境 パキスタン カシミール地方 報道 領有権

Googleは、閲覧者がいる地域に応じて「Googleマップ」に異なる国境を表示しているという。The Washington Postが米国時間2月14日に報じた。 たとえば、インドとパキスタンが70年以上も領有権をめぐって争っているカシミール地方を見てみよう。パキスタンや他の地域でGoogleマップを閲覧すると、国境は破線で表示され、係... 続きを読む

【道迷い】まだ知らない人にはぜひ知って欲しいスマホの登山地図GPSアプリ【遭難対策】 - I AM A DOG

2018/05/30 このエントリーをはてなブックマークに追加 77 users Instapaper Pocket Tweet Facebook Share Evernote Clip 遭難対策 登山地図GPSアプリ 道迷い I AM A DOG

2018 - 05 - 30 【道迷い】まだ知らない人にはぜひ知って欲しいスマホの登山地図GPSアプリ【遭難対策】 山・登山 モバイル・ガジェット PROTREKSmart スポンサーリンク 先日書いた奥多摩・大岳山の山行日記にも書いたのですが、この山に登ると何故か毎回、地図を持っていなかったり登山計画が曖昧な中高年ハイカーに道を聞かれます…。 中には登山地図には載ってない(または破線の)ルートを... 続きを読む

緻密に計画された極めて長期に渡る中国の海洋戦略を検証〜戦争反対ならばまず中国大使館の前でデモすべきだ - 木走日記

2015/11/02 このエントリーをはてなブックマークに追加 192 users Instapaper Pocket Tweet Facebook Share Evernote Clip 海洋戦略 戦争反対 検証 長期 中国大使館

さてスプラトリー(南沙)諸島であります。 満潮時に海没してしまう岩礁に人工島を作り3000メートル級の滑走路など軍事拠点化を進め、国際法を無視して強引に領土領海の拡張を推し進めている中国なのであります。 南シナ海の領有権問題に関しての中国の主張の根拠は、1953年から中華人民共和国がその全域にわたる権利を主張するために地図上に引いている破線・九段線(きゅうだんせん、英語: Nine-dotted ... 続きを読む

画像を使わずCSSだけで任意の間隔の破線を描く | 12px.com

2014/02/28 このエントリーをはてなブックマークに追加 150 users Instapaper Pocket Tweet Facebook Share Evernote Clip 間隔 CSS 12px.com 白黒 GIF画像

cssで破線を使おうと思ったらdottedとdashedの2種類しか用意されていないので、それ以外の間隔の破線を使用したい場合にはあらかじめ白黒のgif画像を用意して、背景に繰り返して使用する事が多いです。 しかしCSS3のlinear-gradientを使用すれば任意の間隔の破線を描画する事が可能です。 CSS3を使用するので対応ブラウザがちょっと狭くなりますが1、画像を用意するのとくらべて線分... 続きを読む

「丸みを帯びた四角」がアップルの特許になりました : ギズモード・ジャパン

2012/11/13 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip 四角 丸み ギズモード 特許 アップル

アップル , ニュース , 企業 「丸みを帯びた四角」がアップルの特許になりました 2012.11.13 12:00 「まさか認めないでしょ」と言われてきたiPadの「丸みを帯びた四角」のデザイン特許が、あっさり認められちゃいましたよ。 米国特許商標庁(USPTO)が認めたのは特許番号D670286。図版には初代iPadの基本形が黒線で描かれています。破線で描かれた部分は全体イメージがわかるよう補... 続きを読む

点線や破線の英字フリーフォントいろいろ - Free-Style

2012/09/08 このエントリーをはてなブックマークに追加 34 users Instapaper Pocket Tweet Facebook Share Evernote Clip 点線

Dashed Font Collection シングルステッチや刺繍っぽく見えるので、コットンなどのファブリックやレザー系のテクスチャに良くマッチします。この手のフォントを使うと、ナチュラルでやさしいイメージに・・・ コレクションというほど種類はないですがいくつか紹介します。 ※規約は各ダウンロードサイトでお調べ下さい。 丸っこくてかわいいダッシュフォント。Q ・ & が特長ありです。 こちらのフ... 続きを読む

ドラッグ&ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」 - GIGAZINE

2007/07/30 このエントリーをはてなブックマークに追加 186 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE def カーソルキー インタフェース 座標

イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEf... 続きを読む

 
(1 - 10 / 10件)